ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px; padding:0px; }

a img,:link img,:visited img,fieldset { border:none; }

a { outline:none; }

span {display:none; }


/* global selectors
 * ------------------------------------------------------------------------- */
body {
	background:#fff url("../images/body-bg.jpg") top repeat-x;
	text-align:center;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#3e3f45;
	}

blockquote {
	margin-left:10px;
	margin-right:10px;
	}

p.h1	{ font-size:1.2em; color:#3e3f45; font-weight:bold; }
p.h2	{ font-size:1.1em; color:#3e3f45; font-weight:bold; }
p.h3	{ font-size:1.0em; color:#3e3f45; font-weight:bold; }

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

a:link,a:visited,a:active { color:#571726; text-decoration:underline; font-weight:bold; }
a:hover { color:#89636c; text-decoration:none; }




/* framework
 * ------------------------------------------------------------------------- */
#wrap {
	background:url("../images/wrap-bg.jpg") repeat-y;
	width:782px;
	margin:0px auto;
	text-align:left;
	position:relative;
	}


	#column-left {
		width:222px;
		float:left;
		color:#fff;
		padding-bottom:60px;
		}
		#column-left p {
			margin:0px 0px 10px 35px;
			}

		#masthead {
			position:relative;
			background:url("../images/masthead.jpg");
			height:268px;
			}
			#masthead a {
				position:absolute;
				width:167px;
				height:183px;
				top:26px;
				left:34px;
				}
			#masthead a span {
				display:none;
				}
				
				#masthead a#partnerships {	background:url("../images/partnership-btn.jpg");
															position:absolute;
															width:165px;
															height:37px;
															top:223px;
															left:34px;
															}
				

		#title-contact {
			background:url("../images/title-contact.jpg");
			height:267px;
			margin-bottom:12px;
			}
			#title-contact span {
				display:none;
				}

		#newsite {
			height:62px;
			width:165px;
			margin-top:30px;
			margin-left:35px;
			}
			#newsite a {
				display:block;
				height:62px;
				width:165px;
				margin:0px;
				padding:0px;
				line-height:32px;
				text-align:center;
				background:url("../images/newsite-button.jpg") 0px 0px no-repeat;
				}
				#newsite a:hover, #newsite a:active {
					background-position:0px -62px;
					}
					#newsite a span {
						display:none;
						}


	#column-right {
		width:560px;
		float:left;
		}
		#column-right p, #column-right h1, #column-right h2, #column-right h3 {
			margin:10px 0px 0px 20px;
			padding:0px 40px 0px 0px;
			}
		body#conditions #column-right p.h3	{ font-size:1.0em; color:#68A6AE; font-weight:bold; }

		#column-right img.img-left {
		float:left;
		margin:10px 10px 10px 20px;
		}


		#questions-about-eyes {
			background:url("../images/questions-about-eyes.jpg");
			height:174px;
			margin-top:30px;
			position:relative;
			}
			#questions-about-eyes a {
				position:absolute;
				width:149px;
				height:26px;
				top:111px;
				left:65px;
				}
				#questions-about-eyes a:hover {
					background:url("../images/questions-about-eyes-hover.jpg");
					}
					#questions-about-eyes a span {
						display:none;
						}





		#title-eyecare-solution {
			background:url("../images/title-eyecare-solution.jpg");
			height:130px;
			padding-bottom:0;
			margin-bottom:0;
			}
			#container-columns {
				background:url("../images/eyecare-solution-bg.jpg") repeat-y;
				width:560px;
				float:left;
				}
				#container-columns p.h3 { padding-top:0; margin-top:0; }
				#container-columns p { padding:5px 8px 5px 0; }
					/* three columns index */
					#col-01 { width:180px; float:left; padding-left:10px; }
					#col-02 { width:170px; float:left; }
					#col-03 { width:180px; float:left; }

	#bottom-wrap-container {
		clear:both;
		width:100%;
		background:url("../images/bottom-wrap-repeat.jpg") repeat-x;
		}
	#bottom-wrap {
		background:url("../images/bottom-wrap.jpg");
		height:34px;
		width:782px;
		margin:0px auto;
		}


#quick-list { width:150px; float:right; margin:10px 25px 10px 5px; }

/* horizontal navigation
 * ------------------------------------------------------------------------- */
#horiz-nav {
	background:url("../images/horiz-nav.jpg") no-repeat;
	width:560px;
	height:74px;
	margin:0px;
	padding:0px;
	}

#horiz-nav span { display:none; }

#horiz-nav li, #horiz-nav a { height:74px; display:block; }

#horiz-nav li { float:left; list-style:none; display:inline; }

#horiz-nav-01 { width:72px; margin-left:0px;}
#horiz-nav-02 { width:78px;}
#horiz-nav-03 { width:101px;}
#horiz-nav-04 { width:93px;}
#horiz-nav-05 { width:107px;}
#horiz-nav-06 { width:98px;}

#horiz-nav-01 a:hover { background:url("../images/horiz-nav.jpg")  -0px -74px no-repeat; }
#horiz-nav-02 a:hover { background:url("../images/horiz-nav.jpg") -72px -74px no-repeat; }
#horiz-nav-03 a:hover { background:url("../images/horiz-nav.jpg") -150px -74px no-repeat; }
#horiz-nav-04 a:hover { background:url("../images/horiz-nav.jpg") -251px -74px no-repeat; }
#horiz-nav-05 a:hover { background:url("../images/horiz-nav.jpg") -344px -74px no-repeat; }
#horiz-nav-06 a:hover { background:url("../images/horiz-nav.jpg") -451px -74px no-repeat; }



/* vertical navigation
 * ------------------------------------------------------------------------- */
#vert-nav {
	background:url("../images/vert-nav.jpg") top left no-repeat;
	width:222px;
	height:206px;
	margin:0px;
	padding:0px;
	}

#vert-nav li span { display:none; }

#vert-nav li {
	float:left;
	list-style:none;
	padding-left:35px;
	}

#vert-nav li, #vert-nav a {
	height:31px;
	display:block;
	}

#vert-nav-01 { margin-top:11px; width:187px; }

#vert-nav-02, #vert-nav-03, #vert-nav-04, #vert-nav-05, #vert-nav-06 { margin-top:0px; width:187px; }

#vert-nav-01 a:hover { background:url("../images/vert-nav.jpg") -257px  -11px no-repeat; }
#vert-nav-02 a:hover { background:url("../images/vert-nav.jpg") -257px  -42px no-repeat; }
#vert-nav-03 a:hover { background:url("../images/vert-nav.jpg") -257px  -73px no-repeat; }
#vert-nav-04 a:hover { background:url("../images/vert-nav.jpg") -257px  -104px no-repeat; }
#vert-nav-05 a:hover { background:url("../images/vert-nav.jpg") -257px -135px no-repeat; }
#vert-nav-06 a:hover { background:url("../images/vert-nav.jpg") -257px -166px no-repeat; }




/* headers
 * ------------------------------------------------------------------------- */
#header { height:194px; }

	body#index #header,body#about #header,body#conditions #header,
	body#contact #header,body#faq #header,body#general #header,body#procedures #header,body#thankyou #header { background:url("../images/header-index.jpg"); }




/* subheads
 * ------------------------------------------------------------------------- */
#subhead { height:44px; }

	body#index #subhead { background:url("../images/subhead-index.jpg"); }
	body#about #subhead { background:url("../images/subhead-about.jpg"); }
	body#conditions #subhead { background:url("../images/subhead-conditions.jpg"); }
	body#contact #subhead { background:url("../images/subhead-contact.jpg"); }
	body#faq #subhead { background:url("../images/subhead-faq.jpg"); }
	body#general #subhead { background:url("../images/subhead-general.jpg"); }
	body#procedures #subhead { background:url("../images/subhead-procedures.jpg"); }
	body#thankyou #subhead { background:url("../images/subhead-thankyou.jpg"); }




/* global form selectors
 * ------------------------------------------------------------------------- */
form {
	width:170px;
	margin:12px 0px 15px 0px;
	padding-left:35px;
	}

form label	{ font-size:.95em; }

form br { line-height:0px; height:0px; }

input, textarea, select {
	background-color:#a2c7cd !important;
	border:none;
	color:#0d4048;
	width:162px; /* 5 pixles smaller than form width */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:5px;
	padding-top:4px;
	padding-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	}
	
select { width:170px; padding:0px; } /* same width as form */

textarea { height:50px; overflow:auto; }

#contact_business { display:none; }


/* ----- main form ----- */ 
#contact-main { margin:20px 0px 10px 0px; }

#contact-main label {
	width:220px;
	position:relative;
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select {
	width:170px;
	position:absolute;
	left:110%;
	top:-2px;
	}
	
#contact-main label select { width:170px; }
	
#contact-main label textarea { height:50px; overflow:auto; }


/* ----- submit buttons ----- */ 
input.submit,input.submit-contact-main {
	background:url("../images/submit.jpg");
	width:66px;
	height:16px;
	cursor:pointer;
	padding:0px;
	border:none;
	}

#contact-main input.submit-contact-main { margin:40px 0px 0px 242px; }




/* footer
 * ------------------------------------------------------------------------- */
#footer {
	width:100%;
	margin:0px auto;
	text-align:center;
	background:#235e68;
	color:#fff;
	font-size:0.9em;
	padding-bottom:30px;
	}

#footer p {
	margin-bottom:0px;
	}

#footer ul {
	margin-top:0px;
	}
	#footer li {
		padding:0px 1px 0px 3px;
		border-left:1px solid #fff;
		display:inline;
		}
		#footer li.first { border:none; }

#footer a:link, #footer a:visited, #footer a:active { color:#fff; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }




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

div.learn-more {
    height:25px;
    width:146px;
	margin:10px 0px 0px 0px;
	padding-left:26px;
	float:left;
	}
	div.learn-more a {
		display:block;
		height:25px;
		width:76px;
		margin:0px;
		padding:0px;
		line-height:32px;
		text-align:center;
		background:url("../images/learn-more-button.jpg") 0px 0px no-repeat;
		}
		div.learn-more a:hover, div.learn-more a:active {
			background-position:0px -25px;
			}
			div.learn-more a span {
				display:none;
				}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat; font-size:10px;
	}
	
img.img-left {
	float:left;
	margin:2px 10px 10px 0px;
	}
	
img.img-right {
	float:right;
	margin:0px 12px 0px 20px;
	}
	
	
	
#doctor-login {
background:url(../images/doctor-login.jpg) no-repeat;
height:42px;
width:165px;
position:absolute;
bottom:10px;
left:35px;
display:block;
}