body{margin:0;background: #e9f4da url(bg.jpg) top no-repeat;color:#000000}
body,td,th,input,select,textarea,input {font-family:Arial, Helvetica, sans-serif}
body,td,th,input,select,textarea,input {font-size:13px;line-height:1.4em}
p{margin:0 0 1.5em 0;}
form{padding:0;margin:0}
a{color:#000;}
a img{border:none;}
a:focus{outline: none;}

h1{font-size:32px;color:#000;font-weight:normal;margin:0;line-height:1.2em;}
h2{font-size:27px;color:#00bff3;font-weight:normal;margin:20px 0 4px 0;line-height:1.2em;}
h3{font-size:24px;color:#8dc63f;font-weight:normal;margin:20px 0 4px 0;line-height:1.2em;}
h4{font-size:21px;color:#676767;font-weight:normal;margin:20px 0 4px 0;line-height:1.2em;}

.floatright{float:right;margin:0 0 10px 15px;}
.floatleft{float:left;margin:0 15px 10px 0;}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 

#wrapper{width:950px;margin:0 auto}

/*******************************************************/
/* Toolbar
/*******************************************************/	

	#toolbar{background: #8dc63f url(toolbar-bg.gif) bottom left no-repeat;text-align:right;padding:5px 20px 7px 5px;}
		#toolbar ul{list-style:none;padding:0;margin:0}
		#toolbar ul li{border-right:1px solid #fff;padding:0 10px;background:none;display:inline}
		#toolbar ul li a{color:#fff;text-decoration:none;font-weight:bold}

/*******************************************************/
/* Header
/*******************************************************/	

	#header{position:relative;background: url(header-bg.gif) top right no-repeat;height:110px;}
		
        #logo{padding:35px 0 0 0}
			
		#practicesubtitle{float:right;width:310px;padding:20px 0 0 0}
			#practicesubtitle h2{margin:0;color:#464646;font-size:18px;}
			#practicesubtitle h2 strong{color:#00bff3}
			
		#clicktochat{position:absolute;top:20px;left:380px;}
		
/*******************************************************/
/* Nav
/*******************************************************/	

	#nav{clear:both;}
		#nav ul{margin:0;padding:0;}
		#nav ul li{float:left;margin:0;padding:0;list-style:none;border-bottom:1px solid #407760;;background:none;}
		#nav ul li a{display:block;text-indent:-5000px;height:47px;font-size:1;line-height:1;background-position:top left;background-repeat:no-repeat}
		#nav ul li#nav-newandexciting a{width:157px;background-image: url(nav-newandexciting.gif)}
		#nav ul li#nav-ourpractice a{width:124px;background-image: url(nav-ourpractice.gif)}
		#nav ul li#nav-drbenavente a{width:138px;background-image: url(nav-drbenavente.gif)}
		#nav ul li#nav-theeyecareteam a{width:171px;background-image: url(nav-theeyecareteam.gif)}
		#nav ul li#nav-yourchildseyes a{width:160px;background-image: url(nav-yourchildseyes.gif)}
		#nav ul li#nav-videosandeyelibrary a{width:200px;background-image: url(nav-videoandeyelibrary.gif)}
		#nav ul li a:hover, #nav ul li.template-active a{background-position:bottom}
	
	#contentarea{clear:both;background: #fff url(contentarea-bg.gif) top left repeat-y}
		#contentarea ul{margin:0 0 1.5em 0;padding:0;list-style:none;}
		#contentarea ul li{margin:0 0 .25em 0;padding:0 0 0 12px;list-style:none;background: url(bullet.gif) 0 5px no-repeat;}

/*******************************************************/
/* Left Column
/*******************************************************/	
	
		#column-left{float:left;width:310px;padding:10px 0 20px 0;}

			.badge{background-image: url(badge-bg.gif);background-position:top left;background-repeat:no-repeat;margin:0 0 0 10px;font-size:11px;color:#464646;line-height:1.3em;padding:10px 50px 10px 80px}
				.badge p{margin:0;}
				.badge a{color:#464646;text-decoration:none;}
				.badge a:hover{text-decoration:underline;}
				.badge#tryandbuyglasses{background-image: url(badge-tryandbuyglasses-bg.gif)}
				.badge#ordercontactlenses{background-image: url(badge-ordercontactlenses-bg.gif)}
				.badge#onlinepatientregistration{background-image: url(badge-onlinepatientregistration-bg.gif)}
				.badge#requestyournextappointmentnow{background-image: url(badge-requestyournextappointmentnow-bg.gif)}
				.badge-cap{background: url(badge-cap-bg.gif) bottom left no-repeat;font-size:1px;line-height:1;height:8px;margin:0 0 10px 10px}


			#eyemaginations{padding:0 20px;margin:15px 0}
				#eyemaginations p{margin:0 0 0px 0;}


			#logoshowcase{background: #fff url(logoshowcase-bg.gif) bottom left repeat-x;padding:15px 0px 15px 0;height:60px;overflow:hidden}
				#logoshowcase-logos span{display:block;width:310px !important;}
				#logoshowcase-logos span{text-align:center;}

/*******************************************************/
/* Content
/*******************************************************/	
		
		#content{float:left;width:640px}
		
			#hero{position:relative;height:260px;}
				#flasharea{padding:50px 0 0 20px}
				#flashmodel{position:absolute;top:20px;right:20px;}
				#flashmodel img{padding:3px;background:#fff;border:2px solid #abeafb}
		

				
				h1#pagetitle{background: url(pagetitle-bg.jpg) bottom left no-repeat;color:#fff;text-shadow:1px 1px 1px #6d9a31;padding:10px 20px;margin:0 0 10px 0}
				#path{font-size:11px;background: url(path-bg.gif) bottom left repeat-x;padding:0 0 8px 0;margin:0 0 20px 0}
				
			#content-padding{padding:0 0 0 29px}


/*******************************************************/
/* Homepage
/*******************************************************/	

			#homecontent{clear:both;background: #eff7e4 url(homecolumns-bg.gif) bottom right no-repeat;margin:0 0 10px 0}
				
				#homecontent-heading{margin:0;}
			
				.template-newsandevents{float:left;width:305px;margin-top:-30px;}
					.template-newsandevents h2{background: url(heading-newandexciting.gif) top left no-repeat;text-indent:-5000px;width:305px;height:58px;margin:0 0 15px 0}
					.template-newsandevents .template-item{background: url(bullet.gif) 20px 5px no-repeat;padding:0 0 0 35px;}
					.template-newsandevents h2 a{color:#7e1c1f;text-decoration:none}
					.template-newsandevents h3{font-size:13px;color:#000;font-weight:bold;font-family:Verdana, Geneva, sans-serif;margin:0}
					
				.template-ourlocations{float:left;width:306px;margin-top:-30px;}
					.template-ourlocations h2{background: url(heading-locateus.gif) top left no-repeat;text-indent:-5000px;width:306px;height:58px;margin:0 0 15px 0}
					.template-ourlocations .template-item{background: url(bullet.gif) 20px 5px no-repeat;padding:0 0 0 35px}
					.template-ourlocations h2 a{color:#7e1c1f;text-decoration:none}
					.template-ourlocations h3{font-size:13px;color:#000;font-weight:bold;font-family:Verdana, Geneva, sans-serif;margin:0}
				
/*******************************************************/
/* Footer
/*******************************************************/					

	#footer{clear:both;background: #00bff3 url(footer-bg.gif) top left no-repeat;padding:15px 0;text-align:center;font-size:10px;line-height:1.4em;color:#fff}
		#footer a{color:#fff;text-decoration:none;font-weight:bold}
		#footer a:hover{text-decoration:underline;}
		#footer p{margin:0;}
		
		#footer ul li{display:inline;margin:0 5px 0 0;padding:0 5px 0 0;border-right:1px solid #fff}
		#footer ul li a{text-decoration:none;}