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


/* IMPORTS */
@import url("reset.css");



/* -----------------------------------*/
/* > BODY <<<-----------*/
/* -----------------------------------*/

body							{ 	background:#287954 url(../images/bg.jpg) repeat-x top; 
									font-family: "Lucida Grande", Arial, Helvetica,Verdana, sans-serif; }

/* -----------------------------------*/
/* > STRUCTURE <<<-----------*/
/* -----------------------------------*/
#wrapper-outer					{ 	background:url(../images/bg-texture.jpg) top no-repeat; width:1300px; margin:auto; height:100%;}
#wrapper-inner					{ 	position:relative; height:auto; width:960px; margin:auto;  }

#header							{ 	position:relative; height: 115px; width:960px; clear:both; z-index:3}
						
#masthead						{ 	width:960px; clear:both;}
#masthead.home					{ 	background:url(../images/bg-masthead-home.jpg) no-repeat; height:266px;}

#servicesBar					{ 	position:relative; z-index:2;
									background:#FFFFFF url(../images/bg-servicesbar.gif) no-repeat; 
									height: 115px; width:960px;
									}
#servicesBar.content			{ 	background:#FFFFFF url(../images/bg-servicesbarContent.jpg) no-repeat; 
									height: 85px; width:960px;}
									
#content						{ 	position:relative; z-index:1;	
									background:#FFFFFF url(../images/bg-contentbottom.gif) no-repeat bottom; 
									height: auto; width:940px; 
									margin:auto; overflow:auto;}

#content-glow					{ 	background: url(../images/bg-contentglow.jpg) center no-repeat; 
									width:931px; height:60px; 
									margin:auto;}
#testimonial					{ 	position:relative; z-index:2;background: #e8e2cc  url(../images/bg-contentbottom-tan.gif)  center bottom no-repeat; 
									width:940px; height:130px; 
									border-top:#dad2b3 solid 1px; }	

								
#footer							{ 	background:#195a3c; 
									width:100%; height: auto; 
									margin-top:90px; 
									border-top:#279763 solid 1px; }
#footer-container				{ 	position: relative; height: 160px; width:940px; margin:auto;}

/* -----------------------------------*/
/* > HEADER <<<-----------*/
/* -----------------------------------*/
.phone-number					{	position:absolute; top:3px; right:40px;}
.logoblock						{	position:absolute; left: 14px; bottom:0px; height:84px; width:474px;}
.top-nav						{  	position:absolute; 
									background:url(../images/topnav.jpg) no-repeat;
									height:23px; width:379px;
									right:0px; bottom: 10px;}
#navTop							{ 	
									font:Georgia, "Times New Roman", Times, serif;
									width: 500px;}									

/* -----------------------------------*/
/* > MASTHEAD <<<-----------*/
/* -----------------------------------*/
#flashcontainer					{	padding-top:1px; width:940px; height:266px; margin:auto;}
#topbar							{  	float:left;
									background:#FFFFFF url(../images/bg-topbarContent.jpg) no-repeat; 
									height: 20px; width:940px;
									margin: 8px 0px 0px 10px;}
									
/* -----------------------------------*/
/* > SERVICES <<<-----------*/
/* -----------------------------------*/
.servicesheader					{ 	float:left; width:50px;  margin-left:40px; }


#servicesNav 					{ 	position:relative; float: left; list-style: none; top:0px; margin: 0; padding: 0; margin-bottom:10px;}
#servicesNav.top 				{ 	z-index:4;}
#servicesNav.bottom 			{ 	z-index:3;}
#servicesNav.container			{ 	margin: -72px 0px 0px 220px;}
#servicesNav li 				{	position:relative; float: left; list-style: none; margin: 0; padding: 0; }
#servicesNav li a span 			{ 	display:none;}
#servicesNav li a 				{  	display: block;
   									width: 155px;
   									height:32px;
   									color: #000;
   									margin: 0 3px; 
									font-size:11px; color:#FFFFFF; text-decoration:none;}
									
#servicesNav li a.lasik 		{ 	background:url(../images/services-nav-lasik.jpg);
									background-position: 0 0;}	
#servicesNav li a.latisse 		{ 	background:url(../images/services-nav-latisse.jpg);
									background-position: 0 0;}										
#servicesNav li a.hairremov 	{ 	background:url(../images/services-nav-hair.jpg);
									background-position: 0 0;}		
#servicesNav li a.eyecond 		{ 	background:url(../images/services-nav-eyecond.jpg);
									background-position: 0 0;}
#servicesNav li a.cataracts 	{ 	background:url(../images/services-nav-cataracts.jpg);
									background-position: 0 0;}
#servicesNav li a.eyelid 		{ 	background:url(../images/services-nav-eyelid.jpg);
									background-position: 0 0;}									
#servicesNav li a.optical 		{ 	background:url(../images/services-nav-optical.jpg);
									background-position: 0 0;}									
#servicesNav li a.testimonials 			{ 	background:url(../images/services-nav-testimonials.jpg);
									background-position: 0 0;}									
#servicesNav li a:hover 		{ 	background-position: 0 -32px;}
									

#servicesNav ul ul				{	position: absolute; top: 32px; left: 10px; 
									width: 140px; visibility: hidden;
									background:#41b28c; 
									border-bottom:1px #FFFFFF solid;
									border-left:1px #FFFFFF solid;
									border-right:1px #FFFFFF solid;  }
#servicesNav ul ul li 			{	padding:6px 3px; margin:0; width:134px; height: 20px; border-bottom:1px solid #6cc8a9;}
#servicesNav ul ul li.last 		{	border-bottom:none;}									
#servicesNav ul ul li a			{	display:block;  padding:0; margin:0;}
#servicesNav ul ul li:hover		{	background:#195a3c; color:#666666;}																																																						
#servicesNav ul li:hover ul		{ 	visibility:visible; }




/* -----------------------------------*/
/* > CONTENT <<<-----------*/
/* -----------------------------------*/

.col_1 							{ 	float:left;
									width:480px; height:auto; 
									padding: 20px 50px;
									}
.col_2 							{	position:absolute; right:0px; top:0px;  
									background:url(../images/bg-rtcontent-home.gif) repeat-y left; 
									width:349px; height:100%; }
									
.col_3							{	float:left;
									width:200px; height:auto; 
									padding: 0px 10px;}

.form							{	float:right; width:286px; height:280px;margin-right:30px; margin-bottom:10px;}
.videoblock						{	float:right; width:286px; height:auto; margin-right:30px; margin-top:20px;}
							

/* -----------------------------------*/
/* > FOOTER <<<-----------*/
/* -----------------------------------*/
.logoblock-footer				{ 	position:absolute; left:30px; bottom:20px;
									height:68px; width:347px;}

									
#footerNav 					{	position:absolute;
								right:0px; bottom:15px;
								height:28px; width:auto;
								
								list-style: none; margin: 0; padding: 0;}
#footerNav li 				{	float: left;}
#footerNav li a span 		{ 	display:none;}
#footerNav li a 			{  	display: block;
								text-decoration:none;
   								width: auto;
   								height:auto;
   								color: #309265;
								font-size:12px;
   								margin: 0 15px;}
																	
#footerNav li a:hover 		{	color: #48d695;}
									

/* -----------------------------------*/
/* > MISC <<<-----------*/
/* -----------------------------------*/
.clearer						{ 	clear:both}


img 							{ 	border:none;}
img.content						{ 	float:left; padding: 10px 20px;}

/* Form */

.form-fields    				{	float:left; margin-top:10px; margin-bottom:18px; }
.form_button					{ 	height:34px; width:170px; padding-left:20px; }

input.field 					{ 	padding: 7px 6px;
									background:#FFFFFF; 
									color:#999999; font-size:13px;
									letter-spacing: .03em; 
									border: solid 1px #71972e;
									margin-left:0px; margin-bottom: 8px; width: 200px;}
									
input.mapfield 					{ 	padding: 5px 5px;
									background:#FFFFFF; 
									color:#999999; font-size:13px;
									letter-spacing: .03em; 
									border: solid 1px #71972e;
									margin-left:0px; margin-bottom: 5px; width: 150px;}
					
input.submit					{ 	float:left; 
									background: url(../images/submit_btn.jpg) no-repeat; 
									border:none; 
									display:block; 
									height:33px; 
									width:170px; 
									background-position: 0 0; }
input.submit:hover				{	background-position: 0 -33px;}


value							{ 	color:#FF0000;}
