/* CSS Document */

/* 
--------------------------------------------------------------------------------------------------
Copyright © 2005 CMTM, Incorporated. Used with Permission. May not be duplicated or reproduced.
--------------------------------------------------------------------------------------------------
 */

/* remove default link styles */
:link,:visited { text-decoration:none; }

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none;}

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,fieldset { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img, fieldset { border: none; }


/* global elements
 * ------------------------------------------------------------------------- */
 
/* ----- type selectors ----- */

body {
	background: #367A85 url("../images/bggrad.jpg") repeat-x; 
	text-align:center; 
	margin: 0; 
	border: 0; 
	padding: 0;
	}
	
p,a:link,a:visited,dl,dt,dd,h1,h2,h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#ffffff; 
	text-decoration:none;
	}
	
p,ol{ 
	line-height:14px; 
	}

p { 
	margin-bottom: 10px; 
	}

a:hover,a:active { 
	text-decoration:underline; 
	color: #1C4850; }

h1 span,h2 span,h3 span, span { 
	display:none;
	}

h1,h3 { 
	font-size:.7em; color:#ffffff; 
	}
	
h2 {
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
	}	

 
 



/* ----- quick-contact form ----- */

.push-left {padding-left:10px; }
 
#quick-contact {
	width:180px;
	padding:0px 0px 0px 10px; 
	color:#D5E7E9;
	}

	#quick-contact p {
		padding:60px 0px 0px 10px;
		color:#D5E7E9;
	}
	
	#quick-contact form label	{ 
			font-size:10px; 
			}
		
	#quick-contact form br { line-height:0; /* defaults vertical spacing between fields */} 
		
	#quick-contact fieldset{font-family:Arial, Helvetica, sans-serif;}


 
	#quick-contact input, textarea { 
			 background-color:#D5E7E9;
			 border:none;
			 color:#336C76;
			 width:175px;
			 height:18px;
			 vertical-align: middle;
			 margin-bottom:3px; /* sets vertical spacing between fields */
			 padding-top:1px; /* vertically position text in input/textarea field */
			 padding-left:4px; /* horizontally position text in input/textarea field */
			 font-family:"Bitstream Vera Sans", Arial, Helvetica, sans-serif; 
			 font-size:11px;
			 }

	#quick-contact textarea { 
		   height:80px;
		   width:175px; 
		   overflow:auto; 
		   }
	   
		#quick-contact input.submit-quick-contact { 
			width:60px;
			height:23px; 
			cursor:pointer; 
			margin:0px 0px 0px 118px; 
			}
		
#sub-form {
	padding:0px 0px 0 25px;
	}
		
/* ----- main contact form ----- */
 
#main-contact-form {
padding:10px 0px 75px 0px;
height:400px;
}
	
#contact-main { 
	width:400px; 
	padding:10px 0px 0px 22px; 
	}
	
	#contact-main label {
	   
		width:150px; 
		position:relative; 
		display:block; 
		text-align:right; 
		margin-bottom:10px;
		font-family:"Bitstream Vera Sans", Arial, Helvetica, sans-serif;
		color:#D5E7E9;
		font-size:12px; 
		}
		
	
		#contact-main label input, #contact-main label textarea { 
			width:200px;
			position:absolute; 
			left:110%; 
			top:-2px;
			}
	
		#contact-main label select {
			width:50px;
			position:absolute; 
			left:110%; 
			top:-2px;
			}	
	
		#contact-main label textarea { 
			height:100px; 
			}


		#contact-main br { 
			line-height:8px; /* defaults vertical spacing between fields */
			}  

		#contact-main input, textarea, select { 
			background-color:#D5E7E9;
			border:none;
			color:#336C76;
			width:150px; 
			height:18px;
			vertical-align: middle;
			margin-bottom:4px; /* sets vertical spacing between fields */
			padding-top:1px; /* vertically position text in input/textarea field */
			padding-left:4px; /* horizontally position text in input/textarea field */
			font-family:"Bitstream Vera Sans", Arial, Helvetica, sans-serif; 
			font-size:12px;
			}

		#contact-main textarea { 
			height:70px; 
			overflow:auto; 
			}
	
		#contact-main input.submit-contact-main { 
			width:60px; 
			cursor:pointer; 
			padding:0;
			margin:80px 0px 0px 308px; 
			}

	

/* framework
 * ------------------------------------------------------------------------- */
 .clear {clear:both; height:.01em; overflow:hidden; }

 
#container { 
	background: url("../images/bodybg.jpg") top left repeat-y; 
	width:776px; 
	margin:0 auto; 
	padding: 0; 
	text-align: left; 
	}

#banner {  
	height: 276px; 
	width: 776px;
	margin: 0px;  
	}
	

/* ----- Home Page Framework ----- */

#windsurfer-house {
	background:url("../images/windsurfer.jpg") bottom right no-repeat; 
	width:776px; 
	}
	
#column-left { 
	background: url("../images/welcomeeye.jpg") top left no-repeat; 
	width: 244px; 
	float: left; 
	padding:60px 20px 10px 40px; 
	}
	
	#column-left p{ 
		color:#326B76;
		font-size:12px;
		line-height:16px;
		}

	
#column-right {
	width: 238px; 
	float:left; 
	}
	
#laservision{ 
	padding:60px 0 30px 0;
	}

#laser-correction {
	padding: 25px 0px 15px 0px;
	}	
	
#column-center {
	width:234px; 
	margin: 0px; 
	float: left;
	}
	
#serviceprovided { 
	background:url("../images/servicesprovided.jpg") no-repeat; 
	width:234px; 
	height:54px;
	}
	
.service-list {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	font-size:11px; 
	color:#FFFFFF;
	padding: 5px 0px 0px 0px;
	} 

	.service-list ul { }
	
	.service-list li { 
		background:url("../images/eyedot.gif") no-repeat 20px 0px; padding: 0px 0px 15px 50px; display: block;
		
		}	
	
#girlrunning{ 
	background:url("../images/girlrunning.jpg") no-repeat; 
	width:234px; 
	height:161px; 
	background-position:bottom;
	}
	
#insurance-container {
	width:234px;
	}

#insurance-title {
	background:url("../images/fees-insurance.gif") top left no-repeat;
	height:53px;
	padding-bottom:5px;
	}

#insurance {
	background: url("../images/surfer.jpg") no-repeat bottom left;   
	width:234px;
	height:245px;
	}
	
#insurance p {
	margin:0px 10px 0px 20px;
	}
	
#surfer p{ 
	padding:60px 20px 0 15px;
	}
	
#column-right p, #column-right strong, #column-right a { 
	color:#FFFFFF;
	}
	
#contact-index-pad {
	height:278px;
	}

	
#contact-us {
	background:url("../images/contactus.jpg") no-repeat; 
	width: 238px; 
	height:204px;
	}
	
#womenpad{
	background:url("../images/womenpad.jpg") no-repeat; 
	width:238px;
	height:139px;
	background-position:bottom;
	}
	
#locations{
	width:238px;
	height:100px;
	}
	

#maplink,a:visited{
	color:#FFFFFF;
	}
	
#locationpad { 
	padding:22px 30px 0px 20px;
	}
	
#locations .address {
	color: #336C76;
	font-weight:bold;
	}		

#footer{
	background:url("../images/footer.jpg") top left no-repeat; 
	width:776px; 
	height:81px; 
	margin:0 auto; 
	text-align:center;
	clear : both;
	margin : 0;
	}
	
#footer p{
	padding:5px 0 0 0;
	line-height:20px;
	}




/* inside framework
 * ------------------------------------------------------------------------- */
/*---columns containers---*/
.backtop a:link, .backtop a:visited, .backtop, .backtop a{
	color:#1B525D;
	}
	
.learnmore a:link, .learnmore a:visited{
    color:#1B525D;
	}

#container-sub { 
	background: url("../images/sub/bodybg-sub.jpg") top left repeat-y; 
	width:776px; 
	margin:0 auto; 
	padding: 0; 
	text-align: left; 
	}
	
#column-left-sub {
	width:239px; 
	float:left;
	}
	
#column-right-sub {
	width:537px; 
	float:left;
	}

#column-left-sub p, #column-left-sub strong { 
	color:#FFFFFF;
	}

#content { 
	padding:5px 40px 10px 20px; 
	color:#ffffff;
	}
	
.lasik {
	padding-bottom:10px;
	}
	
#phaco {
background:url(../images/sub/phaco.jpg) no-repeat;
width:378px;
height:124px;
margin-left:40px;
}	
		
	
#content p {
	color:#ffffff;
	}

#location-sub{ 
	background:url("../images/sub/location-sub.jpg") no-repeat; 
	width:239px; 
	height:278px;
	}
	
#location-sub .address {
	color: #336C76;
	font-weight:bold;
	}
	
#location-sub-p{ padding:60px 15px 0 45px;}

#find-out-button {
	padding:150px 0px 40px 25px;
	}

#no-stitch-button {
	padding:150px 0px 40px 25px;
	}

#visx-button {
	padding:150px 0px 40px 25px;
	}
	
#botox-button {
	padding:150px 0px 40px 27px;
	}
	
#tech-button {
	padding:150px 0px 40px 27px;
	}
	
#add {padding:150px 0px 40px 60px;
	}

#womenpad-sub{
	background:url("../images/sub/womenpad-sub.jpg") no-repeat; 
	width:239px; 
	height:144px;
	}


#lasik-title { 
	background:url("../images/sub/lasik-h1.jpg") no-repeat; 
	height:29px; 
	width:49px;
	}
	
#common-problems {
	background:url(../images/sub/common-eye-prob.gif) no-repeat;
	height:26px;
	width:434px;
	padding-bottom:5px;
	}

#more-problems {
	background:url(../images/sub/other-common-eye-prob.gif) no-repeat;
	height:43px;
	width:378px;
	padding-bottom:5px;
	}

#cosmetic {
	background:url(../images/sub/cosmetic-title.gif) no-repeat;
	height:27px;
	width:77px;
	}	


#faq-column-right-sub {
	background:url("../images/sub/faq-header.jpg") no-repeat; 
	width:537px; 
	float:left;
	}
	
	
/* ----- About Page ----- */
#about-column-right-sub {
	background:url("../images/sub/about-header.jpg") no-repeat; 
	width:537px; 
	float:left;
	}

/* ----- Procedures Page ----- */		
#procedures-column-right-sub  {
	background:url("../images/sub/procedures-header.jpg") no-repeat; 
	width:537px; 
	float:left;
	}
	
#procedures-column-right-sub #bodyul {
	padding: 0 0 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:box;
	}
	
#bodyul li {
	padding:5px 0px 5px 0px;
	}	
	
	
/* ----- Our Doctors Page ----- */		
#meetdoc-column-right-sub {
	background:url("../images/sub/meetdoc-header.jpg") no-repeat; 
	width:537px; 
	float:left;
	}
	
/* ----- Error Page ----- */		
#error-column-right-sub {
	background:url("../images/sub/error-header.jpg") no-repeat; 
	width:537px; 
	float:left;
	}
	
/* ----- SiteMap Page ----- */		
#sitemap-column-right-sub {
	background:url("../images/sub/sitemap-header.jpg") no-repeat; 
	width:537px; 
	float:left;
	}
	
#sitemap-column-right-sub li {
padding:30px 0px 3px 0px;
}		
		
	
/* ----- Contact Page - Quick con ----- */
#contact-bg{ 
	background:url("../images/sub/contact-bg.jpg") repeat-y; 
	width:239px
	}
	
#contact-us-sub{ 
	background:url("../images/sub/contact-us-today-sub.gif") top left no-repeat; 
	width:239px; 
	height:275px;
	}
	
#contact-column-right-sub {
	background:url("../images/sub/meetdoc-header.jpg") no-repeat; 
	width:537px; 
	float:left;
	}
	
#contact-location-sub{ 
	background:url("../images/sub/location-sub-contact.jpg") no-repeat;
	width:239px; 
	height:277px;
	}
	
#contact-location-sub-p{ 
	padding:60px 15px 0 45px;
	}
	
#contact-location-sub-p .addresses {
	color: #336C76;
	font-weight:bold;
	}	

#contact-column-right-sub {
	background:url("../images/sub/contact-header.jpg") no-repeat; 
	width:537px; 
	height:288px; 
	float:left;
	}



/* ----- Page Titles ----- */ 
#drthomas{background:url("../images/sub/thomas-title.jpg") no-repeat; width:219px; height:27px;}
#drhandler{background:url("../images/sub/handler-title.jpg")  no-repeat; width:219px; height:27px;}
#institute{background:url("../images/sub/institute-title.gif") no-repeat; width:213px; height:26px;}
#surgical{background:url("../images/sub/surgical-title.jpg") no-repeat; width:213px; height:26px;}
#examination{background:url("../images/sub/examination-title.jpg") no-repeat; width:213px; height:26px;}
#staff{background:url("../images/sub/staff-title.jpg") no-repeat; width:213px; height:26px;}
#service{background:url("../images/sub/service-title.jpg") no-repeat; width:213px; height:26px;}
#visiting-office{background:url("../images/sub/visiting-office.jpg") no-repeat; width:144px; height:29px;}
#fees-insurance{background:url("../images/sub/fees-insurance.jpg") no-repeat; width:155px; height:29px;}
#contact-online{background:url("../images/sub/contact-online.jpg")no-repeat; width:205px; height:22px;}

	.separator {margin:20px 0 20px 0;}
	.separator-faq {margin:90px 0 20px 0;}
	.sightpadding { margin:65px 20px 30px 50px;}

/* horizontal navigation
 * ------------------------------------------------------------------------- */
#nav-container{width:776px; height:32px; position:relative; }
#nav { background:url("../images/nav.jpg") no-repeat; height:32px; position:relative; }
#nav li { position:absolute; top:0px; }
#nav li, #nav a { height:32px; display:block; }
#nav span { display:none; }

#nav_01 { width: 101px; left: 149px;}
#nav_02 { width: 100px; left: 250px;}
#nav_03 { width: 100px; left: 350px;}
#nav_04 { width: 99px; left: 450px;}
#nav_05 { width: 99px; left: 551px;}
#nav_06 { width: 101px; left: 650px;}

#nav_01 a:hover { background: transparent url(../images/nav.jpg) -149px -32px no-repeat;}
#nav_02 a:hover { background: transparent url(../images/nav.jpg) -250px -32px no-repeat;}
#nav_03 a:hover { background: transparent url(../images/nav.jpg) -350px -32px no-repeat;}
#nav_04 a:hover { background: transparent url(../images/nav.jpg) -450px -32px no-repeat;}
#nav_05 a:hover { background: transparent url(../images/nav.jpg) -551px -32px no-repeat;}
#nav_06 a:hover { background: transparent url(../images/nav.jpg) -650px -32px no-repeat;}

/* Vertical Sub navigation
 * ------------------------------------------------------------------------- */
#procedures-column-right-sub, #buttion{
	padding:80px 0 0 0;
	}
#meetdoc-column-right-sub, #buttion{
	padding:80px 0 0 0;
	}
#about-column-right-sub, #buttion{
	padding:80px 0 0 0;
	}
	
#button {
		border-left: 1px solid #FFFFFF;
		width:508px;
		padding: 0px 0px 5px 0px;
		font-family:Arial, Helvetica, sans-serif;
		background-color: #6A8F96;
		color: #ffffff;
		}
a:hover,a:active { text-decoration:underline; color: #1C4850; }

#button ul {
		margin: 0;
		padding-left: 0px;
		border: none;
		list-style: none;
		text-indent: 150px;
		}

#button li a {
		display: block;
		background-color: #6A8F96;
		color: #fff;
		text-decoration: none;
		width: 100%;
		list-style-position: outside;
		padding:5px 0px 0px 0px;
		background:url("../images/sub/arrow-new.gif") no-repeat 125px 4px;
		}

html body #button li a {
		width: 508px;
		padding-bottom:5px;
		}

#button li a:hover {
		background-color: #76989F;
		color: #fff;
		}
		
#sublist {
padding:0px 0px 5px 150px;
}

#faq-list {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FFFFFF;
	padding: 0px 0px 8px 30px;
	list-style:circle;
	line-height:20px;
	}