@charset "utf-8";
/* CSS Document */

*{ margin:0 auto; padding:0 0;}
.clear{ clear:both;}

body{ background:#FFF;}


@font-face {
font-family: "free";
font-style: normal;
font-weight: normal;
src: url('../font/FREESCPT.TTF')}

@font-face {
font-family: "dance";
font-style: normal;
font-weight: normal;
src: url('../font/DancingScript-Regular.otf')}


@font-face {
font-family: "Candara";
font-style: normal;
font-weight: normal;
src: url('../font/Candara.ttf')}



.main{ width:1000px; margin:0 auto;}

.header{ background:#FFF; box-shadow:2px 1px 2px #333; width:100%; height:120px; position:relative; z-index:666;}
.header .head{ width:1000px; margin:5px auto;}
.header .head .logo{ float:left; width:12%; margin-top:10px;}
.header .head .logo img{ border:none;}


.header .menu{ float:right; width:69%; margin-top:20px;}
.header .menu h1{ font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; width:100%; text-align:right; line-height:36px; color:#406090;s}


.widget-one{ float:left; background:#efefef; border-bottom:solid 2px #9ec0e6; width:235px; height:335px; text-align:center; position:relative; z-index:777; margin-top:-150px; box-shadow:1px 1px 2px 1px #999;}
.widget-one img{ width:100%; height:140px; margin:0  0 10px 0;}
.widget-one h1{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:26px; width:70%; height:42px;}
.widget-one p{ font:normal 13px Verdana, Geneva, sans-serif; color:#444; line-height:22px; width:90%; height:70px; overflow:hidden; margin:15px auto;}
.widget-one p a{ background:#FFF; padding:8px 10px; text-decoration:none; color:#406090; border-radius:15px; box-shadow:1px 1px 1px #888888;}
.widget-one p a:hover{ background:#406090; text-decoration:none; color:#FFF; box-shadow:none;}

.widget-two{ float:left; background:#efefef; border-bottom:solid 2px #9ec0e6; width:235px; height:335px; text-align:center; position:relative; z-index:777; margin-top:-150px; box-shadow:1px 1px 2px 1px #999; margin-left:20px;}
.widget-two img{ width:100%; height:140px; margin:0  0 10px 0;}
.widget-two h1{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:26px; width:70%; height:42px;}
.widget-two p{ font:normal 13px Verdana, Geneva, sans-serif; color:#444; line-height:22px; width:90%; height:70px; overflow:hidden; margin:15px auto;}
.widget-two p a{ background:#FFF; padding:8px 10px; text-decoration:none; color:#406090; border-radius:15px; box-shadow:1px 1px 1px #888888;}
.widget-two p a:hover{ background:#406090; text-decoration:none; color:#FFF; box-shadow:none;}


.left-content{ float:left; width:670px; margin-top:50px; text-align:justify;}
.left-content h1{ font:normal 30px "dance", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d8ed0; line-height:36px;}
.left-content img{ float:left; margin:10px;}
.left-content p{  font:normal 13px "Trebuchet MS", Verdana, Geneva, sans-serif; color:#444; line-height:22px; margin-top:10px;}
.left-content p span{ font-weight:bold; color:#406090;}




.right-service{ float:right; width:300px; margin-top:50px;}
.right-service h1{ font:bold 40px "free", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}


.right-service .service ul{ list-style:none;}
.right-service .service ul li{ font:normal 15px Verdana, Geneva, sans-serif; line-height:26px; color:#FFF; background:#406090; padding:10px; margin-bottom:1px;}
.right-service .service ul li a{ color:#FFF; text-decoration:none;}
.right-service .service ul li a:hover{}
.right-service .service ul li:hover{ background:#5d8ed0; cursor:pointer;}

.image{ width:100%; float:right; margin-top:30px; }
.image img{ width:100%; min-height:200px; margin-top:30px; margin-bottom:10px;}



/* 
.list{ text-align:left; margin-top:15px;}
.list li{border-top:1px dotted #c2c2c2;display:block;line-height:16px;padding:6px 0; text-transform:capitalize;}
.list li:first-child{border-top:none;}
.list li strong{background: url(../images/inner-list.png) right 0 no-repeat; width:11px; height:11px; display:inline-block;margin:6px 15px 0 7px;}
.list li a{color:#406090;font-size:13px; text-decoration:none; font-weight:bold;}
.list li a:hover{color:#5d8ed0;}

.inner{float:left;width:250px;}
*/

/* ----------------  */



.footer{ width:100%; background:#406090; margin-top:50px;}
.footer .left-foot{ float:left; width:600px; margin:15px auto;}
.footer .left-foot p{ font:normal 12px Verdana, Geneva, sans-serif; line-height:24px; color:#FFF;}
.footer .left-foot p a{ color:#6ac9f9; text-decoration:none;}
.footer .left-foot p a:hover{ color:#FFF; text-decoration:none;}

.social{ float:right; width:230px; margin-top:20px;}

.social .fb{ float:left; background:url(../images/fb.png) center bottom no-repeat; width:35px; height:45px; margin-left:10px;}
.social .fb:hover{ background:url(../images/fb-hvr.png) center bottom no-repeat; width:35px; height:45px;}

.social .tw{ float:left; background:url(../images/tw.png) center bottom no-repeat; width:49px; height:45px; margin-left:10px;}
.social .tw:hover{ background:url(../images/tw-hvr.png) center bottom no-repeat; width:49px; height:45px;}

.social .gp{ float:left; background:url(../images/gp.png) center bottom no-repeat; width:49px; height:45px; margin-left:10px;}
.social .gp:hover{ background:url(../images/gp-hvr.png) center bottom no-repeat; width:49px; height:45px;}

.social .in{ float:left; background:url(../images/in.png) center bottom no-repeat; width:53px; height:45px; margin-left:10px;}
.social .in:hover{ background:url(../images/in-hvr.png) center bottom no-repeat; width:53px; height:45px;}



/* ---------- About us ----------*/


.inner-banner{ background:url(../images/inner-banner.png) center top no-repeat; width:100%; height:250px;}
.inner-banner img{ width:100%; height:250px;}

.inner-content{ float:left; width:670px; margin-top:30px; text-align:justify;}
.inner-content h1{ font:normal 30px "dance", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}
.inner-content h2{ font:normal 20px "Candara", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:30px;}
.inner-content h3{ font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d8ed0; line-height:22px;}
.inner-content h3 a{ color:#5d8ed0; text-decoration:none;}
.inner-content h3 a:hover{ color:#406090; text-decoration:none;}
.inner-content h4{ font:bold 14px Verdana, Geneva, sans-serif; color:#406090; line-height:22px;}
.inner-content img{ float:left; margin:10px;}
.inner-content p{ font:normal 12px Verdana, Geneva, sans-serif; color:#777777; line-height:22px; margin-top:10px;}
.inner-content p span{ color:#406090; font-size:13px; font-family:Georgia, "Times New Roman";}

.inner-content ul{ list-style:url(../images/inner-list.png); margin-left:20px; margin-top:10px;}
.inner-content ul li{ font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d8ed0; line-height:22px; margin:10px auto;}



.inner-service{ float:right; width:270px; margin-top:30px;}
.inner-service img{ width:100%; height:200px; margin:20px auto;}
.inner-service h1{ font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; margin-left:15px;}
.inner-service ul{ list-style:url(../images/list-inner.png); margin:15px 0 15px 40px; vertical-align:top;}
.inner-service ul li{ font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:24px; text-transform:capitalize; margin:5px auto; border-bottom:dotted 1px #777;}
.inner-service ul li a{ color:#406090; text-decoration:none;}
.inner-service ul li a:hover{ color:#5d8ed0; text-decoration:none;}





/* ---------- Physician ----------*/



.physician-content{ float:left; width:100%; margin-top:30px; text-align:justify;}
.physician-content .a h1{ font:normal 30px "Trebuchet MS", "dance", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}

.physician-content h1{ font:normal 30px "dance", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}
.physician-content h2{ font:normal 20px "Candara", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:30px;}
.physician-content h3{ font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d8ed0; line-height:22px;}
.physician-content a{ color:#5d8ed0; text-decoration:none;}
.physician-content h3 a:hover{ color:#406090; text-decoration:none;}
.physician-content h4{ font:bold 14px Verdana, Geneva, sans-serif; color:#406090; line-height:22px;}
.physician-content img{ float:left; margin:10px;}
.physician-content p{ font:normal 12px Verdana, Geneva, sans-serif; color:#777777; line-height:22px; margin-top:10px;}
.physician-content p span{ color:#406090; font-size:13px; font-family:Georgia, "Times New Roman";}

.physician-content ul{ list-style:url(../images/inner-list.png); margin-left:20px; margin-top:10px;}
.physician-content ul li{ font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d8ed0; line-height:22px; margin:10px auto;}





.physician{ float:left; width:210px; height:285px; overflow:hidden; margin:20px 20px; min-height:250px; text-align:center}
.physician img{ width:92%; border-radius:100%; height:200px; border:solid 3px #cfcfcf;}
.physician h1{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}
.physician h2{ font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d8ed0; line-height:22px;}
.physician p{ font:normal 12px Verdana, Geneva, sans-serif; color:#777777; line-height:22px; margin-top:10px; margin-bottom:20px;}
.physician p a{ background:url(../images/top.png) repeat-x; color:#FFF; padding:15px 30px; text-decoration:none;}
.physician p a:hover{ background:url(../images/top-hvr.png) repeat-x;}


.inner-content h1{ font:normal 30px "dance", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}
.inner-content h2{ font:normal 20px "Candara", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:30px;}
.inner-content h3{ font:normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#5d8ed0; line-height:22px;}


/* ---------- Physician ----------*/



.contact-left{ float:left; width:480px; margin-top:30px;}
.contact-left h1{ font:normal 30px "dance", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}
.contact-left p{ font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:22px;}
.contact-left p span{ color:#F00;}
.contact-left input[type=text]{ width:350px; height:30px; margin-bottom:15px;}
.contact-left input[type=email]{ width:350px; height:30px; margin-bottom:15px;}
.contact-left input[type=phone]{ width:350px; height:30px; margin-bottom:15px;}
.contact-left input[type=submit]{width:90px; height:30px; background:url(../images/button-back.png) repeat-x; border:none; margin-top:15px; color:#FFF;}

.contact-left input[type=reset]{ width:90px; height:30px; background:url(../images/button-back.png) repeat-x; border:none; color:#FFF; }
.contact-left input[type=submit]:hover{ background:url(../images/button-hvr.png) repeat-x;}
.contact-left input[type=reset]:hover{ background:url(../images/button-hvr.png) repeat-x;}
.contact-left textarea{ width:400px; height:80px; margin-bottom:15px;}



.contact-right{ float:right; width:480px; margin-top:30px;}
.contact-right h1{ font:normal 30px "dance", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#406090; line-height:36px;}
.contact-right h2{ font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444; line-height:30px; margin:10px auto;}
.contact-right p{ font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; line-height:30px;}
.contact-right p a{ color:#006cff; font-weight:bold; text-decoration:none;}
.contact-right p a:hover{ color:#0257ca;}


@media screen and (max-width: 1920px)
{
	.physician{ width:20%;}
	.widget-one{ float:left; width:23%;}
	.widget-one h1{ font-size:16px; width:90%;}
	.widget-one p{ font-size:11px;}
	.widget-two{ float:left; width:23%;}
	.widget-two h1{ font-size:16px; width:90%;}
	.widget-two p{ font-size:11px;}
	
	}

@media screen and (max-width: 1280px)
{
	.physician{ width:20%;}
	.widget-one{ float:left; width:23%;}
	.widget-one h1{ font-size:16px; width:90%;}
	.widget-one p{ font-size:11px;}
	.widget-two{ float:left; width:23%;}
	.widget-two h1{ font-size:16px; width:90%;}
	.widget-two p{ font-size:11px;}
	
	}

@media screen and (max-width: 980px)
{
	.main{ width:90%;}
	.header{ height:130px;}
	.header .head{ width:90%; height:210px;}
	.header .head .menu{ float:right; width:65%; margin:20px auto;}
	.inner-banner{ height:200px;}
	.inner-banner img{ height:200px;}
	.physician{ float:left; width:28%; margin:20px 20px;}
	.physician{ float:left; width:25%; margin:20px 20px;}
	.widget-one{ float:left; width:22%;}
	.widget-one h1{ font-size:16px; width:90%;}
	.widget-one p{ font-size:11px;}
	.widget-two{ float:left; width:22%;}
	.widget-two h1{ font-size:16px; width:90%;}
	.widget-two p{ font-size:11px;}
	.social{ float:right; width:30%; margin-top:20px;}

	}

@media screen and (max-width: 800px)
{
	.main{ width:90%;}

	.header .head{ width:95%; height:210px;}
	.header .head .logo{ width:18%;}
	.header .head .logo img{ width:100%;}
	.header .head .menu{ float:right; width:74%; margin:20px auto;}
	.physician{ float:left; width:25%; margin:20px 20px;}
	.widget-one{ float:left; width:22%;}
	.widget-one h1{ font-size:16px; width:90%;}
	.widget-one p{ font-size:11px;}
	.widget-two{ float:left; width:22%;}
	.widget-two h1{ font-size:16px; width:90%;}
	.widget-two p{ font-size:11px;}
	.social{ float:right; width:35%; margin-top:20px;}
	}

@media screen and (max-width: 768px)
{
	.header{ height:220px;}
	.header .head{ width:95%; height:210px;}
	.header .head .logo{ width:100%; text-align:center; margin-bottom:10px;}
	.header .head .logo img{ width:19%; }
	.header .head .menu{width:90%; margin:10px auto; }
	.header .head .menu h1{ float:left; text-align:center;}
	}

@media screen and (max-width: 480px)
{
	.main{ width:80%;}
	.header{ height:250px;}
	.header .head { text-align:center; width:100%;}
	.header .head .logo{ float:left; width:100%; margin-top:10px;}
	.header .head .logo img{ width:37%;}
	.header .menu{ width:100%; margin-top:20px;}
	.header .menu h1{ font-size:22px; text-align:center;}
	.widget-one{ float:left; width:100%; margin:10px auto; z-index:3; position:relative;}
	.widget-one img{ width:100%; height:60%;}
	.widget-one h1{ line-height:26px; height:10px;}
	.widget-two{ float:left; width:100%; margin:10px auto;}
	.widget-two h1{ line-height:26px; height:10px;}
	.widget-two img{ width:100%; height:60%;}
	.left-content{ width:100%;}
	.left-content h1{ font-size:25px;}
	.right-service{ float:left; width:100%;}
	.footer .left-foot{ float:left; width:100%; margin:15px auto;}
	.social{ float:left; width:100%;}
	.inner-banner{width:100%; height:100px;}
	.inner-banner img{ width:100%; height:100px;}
	.inner-content{ float:left; width:100%; text-align:left;}
	.right-service{ float:right; width:100%; margin-top:50px;}
	.physician{ width:90%;}
	.physician img{ width:80%; margin:0 auto;}
	.contact-left{ width:100%;}
	.contact-right{ width:100%;}
	.disable{ display:none;}
	}
	
	

@media screen and (max-width: 360px)
{
	.main{ width:90%;}
	.header{ height:225px;}
	.header .head { text-align:center; width:100%;}
	.header .head .logo{ float:left; width:100%; margin-top:10px;}
	.header .head .logo img{ width:37%;}
	.header .menu{ width:100%; margin-top:20px;}
	.header .menu h1{ font-size:22px; text-align:center;}
	.widget-one{ float:left; width:100%; margin:10px auto; z-index:3; position:relative;}
	.widget-one img{ width:100%; height:60%;}
	.widget-one h1{ line-height:26px; height:10px;}
	.widget-two{ float:left; width:100%; margin:10px auto;}
	.widget-two h1{ line-height:26px; height:10px;}
	.widget-two img{ width:100%; height:60%;}
	.left-content{ width:100%;}
	.left-content h1{ font-size:22px;}
	.right-service{ float:left; width:100%;}
	.footer .left-foot{ float:left; width:100%; margin:15px auto;}
	.social{ float:left; width:100%;}
	.inner-banner{width:100%; height:100px;}
	.inner-banner img{ width:100%; height:100px;}
	.inner-content{ float:left; width:100%; text-align:left;}
	.right-service{ float:right; width:100%; margin-top:50px;}
	.physician{ width:90%;}
	.physician img{ width:80%; margin:0 auto;}
	.contact-left{ width:100%;}
	.contact-right{ width:100%;}
	}