@charset "utf-8";
/* CSS Document */
body{padding:0; margin:0; color:#333; font:normal 100%/1.4 "Times New Roman", Times, serif;}
*{padding:0; margin:0;}
img{border:0;}
a{text-decoration:none; outline:0;}
input, textarea, select{outline:none!important;}
h1, h2{font-family:'TrebuchetMS-Bold'; font-weight:normal;}
h3, h4, h5, h6{font-family:'TrebuchetMS'; font-weight:normal;}

.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}
header, aside, section, nav, hgroup, article, footer, figure{display:block;}
@font-face {
				font-family: 'TrebuchetMS-Bold';
				src: url('../fonts/trebucbd0.eot');
				src: url('../fonts/trebucbd0.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/trebucbd0.woff') format('woff'),
						 url('../fonts/trebucbd0.ttf') format('truetype'),
						 url('../fonts/trebucbd0.svg#TrebuchetMS-Bold') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
@font-face {
				font-family: 'TrebuchetMS';
				src: url('../fonts/trebuc0.eot');
				src: url('../fonts/trebuc0.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/trebuc0.woff') format('woff'),
						 url('../fonts/trebuc0.ttf') format('truetype'),
						 url('../fonts/trebuc0.svg#TrebuchetMS') format('svg');
				font-weight: normal;
				font-style: normal;
		}		
@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}

#wrapper{width:100%; padding:0; margin:0; overflow:hidden; min-height:350px;}

.topbar{background:url(../images/top_blue_bar.png) 0 0 repeat-x #014bb7; border-bottom:#0142a3 1px solid; text-transform:uppercase; clear:both; overflow:hidden; text-align:center; -webkit-box-shadow: 0 8px 3px -7px #b4751e;
	   -moz-box-shadow: 0 8px 3px -7px #b4751e;
	        box-shadow: 0 8px 3px -7px #b4751e; margin:0 -2%; position:relative; padding:11px 0; font:normal 16px/16px 'TrebuchetMS'; color:#e0f734}
.topbar strong, .topbar strong a{font-weight:normal; font-family:'TrebuchetMS-Bold'; color:#FFF;} 
.topbar strong a:hover{color:#c3d0f0;}


#container{background:url(../images/orng_bg.png) 0 0 repeat-x #bd3300; width:100%; clear:both; overflow:hidden;}
#container .mainContent{background:url(../images/bgtop_img.png) 50% 0 no-repeat; clear:both; overflow:hidden; min-height:350px;}

/* ----------------------- header  area -------------------- */
#header{padding:16px 0 13px; clear:both;}
#header .logo{background:url(../images/logo.png) 0 0 no-repeat; width:173px; height:69px; margin:0 auto;}
#header .logo a{display:block; height:0; padding:69px 0 0 0; overflow:hidden; line-height:normal; font-size:0;}
#main{padding:0 14px 9px; clear:both; overflow:hidden; border-bottom:#972a00 1px solid;}
.line1{background:url(../images/line1.png) 0 0 repeat-x; height:2px; clear:both; overflow:hidden; margin:0 0 13px; display:block;}
.mainnav{clear:both; overflow:hidden; margin-bottom:8px;}
.mainnav ul{list-style-type:none; padding:0; margin:0;}
.mainnav ul li{list-style-type:none; margin:0 0 5px; padding:0;}
.mainnav a{ background:url(../images/main_nav.png) 0 0 repeat-x #c3ddf1; -moz-border-radius:12px; -webkit-border-radius:12px; -khtml-border-radius:12px; border-radius: 12px; border:#88a8bd 1px solid; display:block; color:#135880; text-shadow:1px 1px 1px #FFF; font:normal 20px/21px 'TrebuchetMS-Bold'; text-align:center;}
.mainnav a span{display:block; background:url(../images/main_nav_arrow.png) 97% 50% no-repeat; padding:12px 35px ; text-align:center; cursor:pointer;}
.mainnav a:hover{background:url(../images/main_nav_hover.png) 0 0 repeat-x #8fc5e6;}
.hoursBox{background:url(../images/home_address_bg.png) 0 0 repeat-x; margin:0 15px; position:relative; min-height:150px; clear:both; padding:16px 1px 5px;}
.hoursBox .ltcorn{background:url(../images/home_address_lt.png) 0 0 no-repeat; width:15px; height:177px; display:block; position:absolute; left:-15px; top:0;}
.hoursBox .rtcorn{background:url(../images/home_address_rt.png) 0 0 no-repeat; width:15px; height:177px; display:block; position:absolute; right:-15px; top:0;}
.hoursBox h3{font-size:16px; line-height:17px; background:url(../images/line2.png) 0 100% repeat-x; padding-bottom:11px; text-align:center; text-transform:uppercase; color:#f5fdbd;}
.hoursBox p{background:url(../images/line3.png) 0 100% repeat-x; padding:6px 0 9px; clear:both; overflow:hidden; color:#f0d6cc; font:normal 13px/15px Arial, Helvetica, sans-serif;}
.hoursBox p.last{background:none; padding-bottom:0;}
.center{text-align:center;}

/* -------------------- footer -------------------- */
#footer{background:url(../images/footer_bg.png) 0 0 repeat-x #002b68; width:100%; border-top:#3b73c6 1px solid; overflow:hidden;}
#footer .content{background:url(../images/footer_bg1.png) 50% 0 no-repeat; clear:both; overflow:hidden; padding:14px 15px 16px; text-align:center;}
#footer h4{color:#e0f635; font:bold 13px/15px Arial, Helvetica, sans-serif; padding:0; margin:0 0 2px;}
#footer p{color:#FFF; font:normal 13px/16px Arial, Helvetica, sans-serif; margin-bottom:17px;}

#footer .btn{display:inline-block; background:url(../images/btn1.png) 0 0 repeat-x #de6a09; font:normal 16px/16px 'TrebuchetMS-Bold'; text-transform:uppercase; padding:11px 20px; color:#333333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius: 10px; border-bottom:#feaf42 1px solid; margin:0 auto 13px;}
#footer .btn:hover{background:url(../images/btn1_hover.png) 0 0 repeat-x #fd9303;}

.copyrightBlock{border-top:#4d71a5 1px solid; padding:13px 0 0; clear:both; overflow:hidden; color:#a0cdea; font:normal 11px/13px Arial, Helvetica, sans-serif; text-transform:uppercase; display:block;}

/* ----------------- inner pages -------------- */
#navbar{background:url(../images/navbar.png) 0 0 repeat-x #0151c5; padding:9px 0; position:relative; clear:both; float:left; width:100%; text-align:center; border-top:#3985f4 1px solid; border-bottom:#0148b0 1px solid; margin-bottom:15px;}
#navbar .home{background:url(../images/home_icon.png) 0 0 no-repeat; width:55px; height:0; padding:40px 0 0 0; overflow:hidden; line-height:normal; font-size:0; display:block; position:absolute; left:0; top:-1px;}
#navbar h2{color:#e1f637; font-size:20px; line-height:20px; padding:0 55px;}
h3.menuheader{color:#333333; font-size:15px; line-height:16px; padding:11px 25px 11px 16px; position:relative; background:url(../images/accordion_tab_normal.png) 0 0 repeat-x #ff9003; border:#ffb659 1px solid; border-top:0; text-transform:uppercase;  margin:0 0 5px; cursor:pointer;}
h3.menuheader.openheader{background:url(../images/accordion_tab_active.png) 0 0 repeat-x #e0f739; border:#e6f95f 1px solid; border-top:0; margin-bottom:0;}
h3.menuheader span.accordsuffix{display:block; background:url(../images/plus.png) 0 0 no-repeat; width:12px; height:12px; position:absolute; top:14px; right:14px;}
h3.menuheader.openheader span.accordsuffix{background:url(../images/minus.png) 0 0 no-repeat; height:2px; top:20px;}
.categoryitems{background:url(../images/accordion_content_bg.png) 0 0 repeat-x #FFF; padding:12px 13px 5px; clear:both; overflow:hidden; margin:0 0 5px;  -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius: 0 0 10px 10px;}
.categoryitems p{color:#333333; font:normal 15px/18px "Times New Roman", Times, serif; margin-bottom:10px;}
.categoryitems .imgBox{display:block; padding:0; margin:0 0 3px;}
.categoryitems .imgBox img{display:block;}

.categoryitems .eyedoc-pic{display:block; padding:0; margin:0 0 3px;}
.categoryitems .eyedoc-pic img{display:block;}

.categoryitems img{display:block; float:left; margin:0 12px 3px 0;}

.contactForm{clear:both;}
.contactForm label{background:url(../images/contact_titlebg.png) 0 0 repeat-x #c8e1f2; border-bottom:#e5e5e5 1px solid; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; min-height:30px; color:#4f84a3; display:block; font:normal 16px/17px 'TrebuchetMS'; text-shadow:1px 1px 1px #eff6fb; padding-right:14px; text-transform:uppercase;}
.contactForm label span{display:block; padding:7px 14px 0 6%; min-height:23px;}
.contactForm label span.name{background:url(../images/name_icon.png) 100% 50% no-repeat;}
.contactForm label span.phone{background:url(../images/phone_icon.png) 100% 50% no-repeat;}
.contactForm label span.email{background:url(../images/email_icon.png) 100% 57% no-repeat;}
.contactForm label span.comments{background:url(../images/comment_icon.png) 100% 55% no-repeat;}
.contactForm input[type="text"], .contactForm textarea{background:url(../images/inputbox_bg.png) 0 0 repeat-x #e5f1f9; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; padding:8px 6%; width:88.1%; border:0; color:#333333; font:normal 12px/14px 'TrebuchetMS'; text-transform:uppercase; margin:0 0 5px; resize:none;}
.contactForm input[type="number"]{background:url(../images/inputbox_bg.png) 0 0 repeat-x #e5f1f9; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; padding:8px 6%; width:88.1%; border:0; color:#333333; font:normal 12px/14px 'TrebuchetMS'; text-transform:uppercase; margin:0 0 5px; resize:none;}

.contactForm input[type="number"].error{background:url(../images/inputbox_bg-h.png) 0 0 repeat-x #ffe8e8; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; padding:8px 6%; width:88.1%; border:0; color:#333333; font:normal 12px/14px 'TrebuchetMS'; text-transform:uppercase; margin:0 0 5px; resize:none;}

.contactForm input[type="text"].error, .contactForm textarea.error{background:url(../images/inputbox_bg-h.png) 0 0 repeat-x #ffe8e8; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; padding:8px 6%; width:88.1%; border:0; color:#333333; font:normal 12px/14px 'TrebuchetMS'; text-transform:uppercase; margin:0 0 5px; resize:none;}

.contactForm textarea{height:160px;}
.contactForm span.btn{background:url(../images/submit_bg.png) 0 0 repeat-x; height:45px; display:block; cursor:pointer; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; margin-top:3px; margin-bottom:5px;}
.contactForm span.btn input[type="submit"]{height:45px; cursor:pointer; text-align:center; background:url(../images/submit_arrow.png) 95% 50% no-repeat; border:0; font:normal 20px/21px 'TrebuchetMS-Bold'; width:100%;} 
.contactForm span.btn:hover{background-position:0 -45px;}

/* ----------- common content page --------------- */
.common-content{clear:both; overflow:hidden;}
.common-content h3{color:#135880; font-size:16px; line-height:18px; margin:0 0 4px; text-transform:uppercase;}
.common-content p{font-size:15px; line-height:18px;}
.page-title{color:#333333; font:normal 16px/17px 'TrebuchetMS'; padding:11px 25px 11px 16px; position:relative; background:url(../images/accordion_tab_normal.png) 0 0 repeat-x #ff9003; border:#ffb659 1px solid; border-top:0; text-transform:uppercase;}
.common-content .ltpanel{width:240px; float:left;padding-right:10px;}
.common-content .rtpanel{width:240px; float:left;  border-left:#c4cfd7 1px solid; padding-left:15px;}
.common-content .contentBlock{background:url(../images/accordion_content_bg.png) 0 0 repeat-x #FFF; padding:18px 13px 15px; clear:both; overflow:hidden; margin:0 0 5px;  -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius: 0 0 10px 10px;}
.common-content figure{display:block; margin:0 0 8px;}
.common-content figure img{display:block; max-width:100%;}

.location-ltcol{width:48%; float:left;}
.location-rtcol{width:48%; float:right; text-align:center;}
.location-rtcol figure{display:block; clear:both; overflow:hidden; margin:0 auto 10px;}
.location-rtcol figure img{display:block; margin:0 auto;}
.common-content address{border-bottom:#c4cfd7 1px solid; padding-bottom:30px;}
.common-content address, .common-content .hours-block{clear:both; overflow:hidden; font-style:normal; margin-bottom:25px;}


@media screen and (max-width: 599px) {
	.common-content .ltpanel, .common-content .rtpanel{width:100%; padding:0 0 12px; float:none; border:0; border-bottom:#c4cfd7 1px solid; margin:0 0 15px;}	
	.common-content .rtpanel{border:0; padding-bottom:0;}
	
	.location-rtcol{width:100%; float:none; overflow:hidden; margin:0 0 22px;}
	.location-ltcol{float:none; width:100%;}
	.location-rtcol figure{display:block; clear:none; float:left; width:48%; margin:0 ;}
	.location-rtcol figure + figure{float:right;}
.location-rtcol figure img{display:block; width:100%;}
.common-content address{padding-bottom:15px;}
.common-content address, .common-content .hours-block{margin-bottom:15px;}
}

@media screen and (min-width:500px) and (max-width:599px){
	.categoryitems .imgBox{float:left; margin:0 10px 10px 0;}
	.contactForm input[type="text"], .contactForm textarea{width:88%;}
	.common-content .ltpanel{width:47%; float:left;padding-right:2%; border:0;}
.common-content .rtpanel{width:48%; float:left;  border-left:#c4cfd7 1px solid; padding-left:2%;}
.common-content figure img{display:block; width:100%;}

.location-rtcol figure img{display:block; width:auto; max-width:100%;}
.location-rtcol figure {float:left; width:auto; margin-right:12px;}
.location-rtcol figure + figure{float:left; margin-right:0;}
}

@media screen and (min-width: 480px) {
	.categoryitems .eyedoc-pic{display:block; float:left; padding:0; margin:0 10px 10px 0;}
.categoryitems .eyedoc-pic img{display:block; }

.location-rtcol figure img{display:block; width:auto; max-width:100%;}
.location-rtcol figure {float:left; width:auto; margin-right:12px;}
.location-rtcol figure + figure{float:left; margin-right:0;}
}
@media screen and (max-width: 320px) {
	
}


@media screen and (max-width: 240px) {
	.topbar{font-size:14px;}
	#main{padding:0 5px 9px;}
	.mainnav a{font-size:18px;}
	.mainnav a span{padding:10px 35px;}
	#footer .content{padding:14px 5px 16px;}
	#footer p{font-size:12px;}
	.copyrightBlock{font-size:9px;}
	
	#navbar h2{font-size:16px;}
	.categoryitems .imgBox{width:184px;}
	.categoryitems .imgBox img{width:100%;}
	h3.menuheader{font-size:13px; padding-left:8px;}
	
	.common-content figure{ width:180px;}
.common-content figure img{display:block; width:100%;}
.page-title {font-size:14px; line-height:16px;}
.common-content h3{font-size:14px; line-height:17px;}

.location-rtcol{margin-bottom:15px;}
.location-rtcol figure, .location-rtcol figure + figure {clear:both; float:none; width:auto;}
.location-rtcol figure img{width:auto; margin:0 0 10px;}

}

a.link{color:#bd3300;}
a.link:hover{color:#812605;}

/***SItemap***/
div.sitemap{background:url(../images/accordion_content_bg.png) 0 0 repeat-x #FFF; padding:12px 13px 5px; clear:both; overflow:hidden; margin:0 0 5px;  -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius: 0 0 10px 10px;}
#sitemap{ padding:6px 0 9px; clear:both; overflow:hidden; color:#f0d6cc; font:normal 13px/15px Arial, Helvetica, sans-serif;}
#sitemap li a{color:#333; font-size:14px; line-height:16px; padding-bottom:13px; display:block; }
#sitemap li a:hover{color:#5285a3!important;}
#sitemap li{border-bottom:1px solid #d1d1d1; margin:12px 0;}
#sitemap li.last{border-bottom:none; margin:12px 0;}

a.link2{color:#333;}
a.link3{color:#fff;}
a.link2:hover, a.link3:hover{text-decoration:underline;}