/* Put your custom CSS here */
header,nav,section, header, footer{display:block}
p{ text-align: justify; font-size: 13px; font-family: 'Actor', sans-serif;}

.myopd_header{ color:#FFF; 
		background-image: linear-gradient(bottom, rgb(3,59,92) 0%, rgb(10,162,250) 100%);
		background-image: -o-linear-gradient(bottom, rgb(3,59,92) 0%, rgb(10,162,250) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(3,59,92) 0%, rgb(10,162,250) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(3,59,92) 0%, rgb(10,162,250) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(3,59,92) 0%, rgb(10,162,250) 100%);

		background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(3,59,92)),
		color-stop(1, rgb(10,162,250))
		);
}
#myopd_header_text {font-size: 18px; font-family: 'Roboto', sans-serif;}
#heading_text{ text-align: center; font-size: 20px; font-family: 'Rosario', sans-serif; text-shadow: 4px 4px 4px #aaa;}
.slide { width: auto; height:auto; position: relative; top: 50%; left: 50%; margin: 0 auto;}
.slide_container {width: auto; height: auto; position: relative; background-color: #fbfbfb; border: 1px solid #b8b8b8}

img.center {
    display: block;
	margin: 5px auto 5px auto;
}

.testimonial_list
{
	text-align: justify;
	font-size: 10px;
}

.testimonial_list img {
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
	border: 1px solid #b8b8b8;
}

.ajax-loader {
	display:block;
	background:url(../images/ajax-loader.gif) 0 0 no-repeat;
	width: 32px;
	height: 32px;
	margin: 10px;
	display: none;
}

#footer 
{ 	font-size: 10px; 
	width: 100% ;
	height:40px;
	left:0px;
	text-align:center;	
	padding:10px 10px 10px 10px;
	margin:0 auto;
	background-color:#C4C4C4 ;
	color:#777777;
	overflow:hidden;
}
#footer a{ text-align: justify; font-size: 12px; font-family: 'Actor', sans-serif; color:#474747; text-decoration:none}