
body {
	background-color: #37474d;
	color: #333;
	font-family: verdana, "trebuchet ms", "lucida grande", arial, sans-serif;
	font-size: small;
	line-height: 1.6em;
	text-align: center;
	}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
	}
	
/* -------------------------------
	DIVs
------------------------------- */	
#container {
	background: #84b0b9 url('../images/containerBkgd.gif') repeat-y;
	font-size: 105%;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 985px;
	}

#header {
	background: #84b0b9 url('../images/header.jpg') no-repeat;
	height: 119px;
	}

#messaging {
	background: #3c5f6b url('../images/homeFamily.jpg') no-repeat top right;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 280px;
	}
	
#main-body {
	float: right;
	width: 765px;
	}
	
#nav {
	background-color: #f3f3d5;
	float: left;
	width: 219px;
	}

#emailresponse {
	background-color: #f3f3d5;
	color: #37474d;
	padding: 17px;
	}
	
#content {
	background-color: #fff;
	float: left;
	width: 545px;
	}

#legal #content {
	width: 100%;
	}
	
#content .padding {
	padding: 0 35px 70px 35px;
	}
	
#sidebar {
	background-color: #84b0b9;
	float: right;
	width: 220px;
	}

#services #sidebar {
	background: url('../images/servicesImage.jpg') no-repeat;
	padding-top: 283px;
	}

#testimonials #sidebar {
	background: url('../images/testimonialsImage.jpg') no-repeat;
	padding-top: 283px;
	}

#doctors #sidebar {
	background: url('../images/doctorsImage.jpg') no-repeat;
	padding-top: 283px;
	}

#opticalshops #sidebar {
	background: url('../images/opticalshopsImage.jpg') no-repeat;
	padding-top: 283px;
	}

	
#contact #sidebar,
#sendemail #sidebar {
	background: url('../images/locations.jpg') no-repeat;
	padding-top: 403px;
	}
	
#footer {
	background-color: #c6d9dd;
	border-top: 1px solid #fff;
	clear: both;
	color: #4f7b8a;
	font-size: 85%;
	line-height: 1.4em;
	padding-bottom: 40px;
	}

#footer #site-info {
	padding-left: 30px;
	padding-top: 40px;
	width: 160px;
	}
	
#footer #mission-statement {
	display: inline;
	float: right;
	padding-top: 40px;
	width: 735px;
	}

#contact-link {
	position: absolute;
	right: 0;
	top: 0;
	}
	
/* -------------------------------
	lists
------------------------------- */	

#nav ul {
	margin: 20px 0;
	}
	
#nav ul li {
	display: inline;
	}

#home #main-body li {
	border-left: 1px solid #fff;
	float: left;	
	}

#home #main-body li a {
	background-color: #4f7b8a;
	display: block;
	height: 200px;
	text-indent: -9999px;
	width: 254px;
	}

a#homecallout1 {
	background: url('../images/homeCalloutServices.jpg') no-repeat;
	}
	
a#homecallout2 {
	background: url('../images/homeCalloutDoctors.jpg') no-repeat;
	}
	
a#homecallout3 {
	background: url('../images/homeCalloutContacts.jpg') no-repeat;
	}

#home #main-body li a:hover {
	background-position: 0 -200px;
	}

#content ul.standard {
	list-style-type: circle;
	padding-left: 1.5em;
	}
	
#content ul.standard li {
	padding-bottom: .5em;
	}

div.boxes {
	float: left;
	margin: 25px 0 35px 0;
	width: 100%;
	}
	
.box {
	background: #f3f3d5 url('../images/boxCornerBottom.gif') no-repeat left bottom;
	float: left;
	margin-left: 20px;
	padding-bottom: 20px;
	width: 225px;
	}
	
#first-box {
	margin-left: 0;
	}
	
#content .box li {
	line-height: 1.4em;
	padding: 5px 15px;
	}

#testimonials #content li {
	background: url('../images/quoteOpen.gif') no-repeat 5px 0;
	margin-left: -30px;
	padding-left: 30px;
	padding-bottom: 40px;
	}

#doctors #content li {
	padding-bottom: 40px;
	}
	
#sidebar ul#subnav {
	border: 0px solid red;
	padding-bottom: 2em;
	}
	
#sidebar ul#subnav li {
	color: #c6d9dd;
	display: inline;
	line-height: 1.3em;
	}

#sidebar ul#buttons {
	border-top: 1px solid #fff;
	}

#sidebar ul#buttons li {
	border-bottom: 1px solid #fff;
	}
	
#mission-statement ol {
	padding: 16px 0;
	}
	
#mission-statement li {
	float: left;
	padding-left: 20px;
	width: 160px;
	}

li#mission-first-item {
	padding-left: 0;
	}

#legal #content ol {
	list-style: decimal;
	padding-left: 20px;
	}
	
#legal #content ol li {
	padding: 0 0 20px 0;
	}
	
/* -------------------------------
	links
------------------------------- */	
a {
	color: #0f4e5b;
	}

a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#nav li a {
	border-left: 16px solid #f3f3d5;
	color: #43575e;
	display: block;
	line-height: 1.2em;
	padding: 6px 16px;
	text-decoration: none;
	}
	
#nav li a:hover {
	background-color: #f9f9ea;
	border-left-color: #84b0b9;
	}
	
#home #nav-home a,
#services #nav-services a,
#testimonials #nav-testimonials a,
#doctors #nav-doctors a,
#opticalshops #nav-opticalshops a,
#contact #nav-contact a {
	background-color: #fff;
	border-left-color: #4f7b8a;
	font-size: 110%;
	}

#header a {
	background: url('../images/header.jpg') no-repeat 0 -119px;
	display: block;
	height: 119px;
	width: 640px;
	}

#header a:hover {
	background-position: 0 0;
	}

a.email-form {
	background: url('../images/emailFormButton.gif') no-repeat;
	display: block;
	float: right;
	height: 70px;
	margin: 0 -5px 15px 15px;
	text-indent: -9999px;
	width: 116px;
	}

a.email-form:hover {
	background-position: 0 -71px;
	}
	
#sidebar #subnav li a {
	color: #fff;
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	}
	
#sidebar #subnav li a:hover {
	background-color: #c6d9dd;
	color: #43575e;
	}

#sidebar #select-customvuelasik #services-customvuelasik a,
#sidebar #select-multifocal #services-multifocal a,
#sidebar #select-cataracts #services-cataracts a,
#sidebar #select-glaucoma #services-glaucoma a,
#sidebar #select-floaters #services-floaters a,
#sidebar #select-macular #services-macular a,
#sidebar #select-diabetic #services-diabetic a {
	background-color: #fff;
	color: #43575e;
	}
	
a#sidebar-button-services,
a#sidebar-button-doctors {
	display: block;
	height: 100px;
	text-indent: -9999px;
	width: 220px;
	}
	
a#sidebar-button-services:hover,
a#sidebar-button-doctors:hover {
	background-position: 0 -100px;
	}
	
a#sidebar-button-services {
	background: url('../images/sidebarButtonServices.jpg') no-repeat;
	}

a#sidebar-button-doctors {
	background: url('../images/sidebarButtonDoctors.jpg') no-repeat;
	}

#sidebar li a span {
	color: #3a6a74;
	display: block;
	}

a.backtotop {
	display: block;
	padding: 2em;
	}
	
#footer a {
	color: #43575e;
	text-decoration: none;
	}

#footer a:hover {
	color: #000;
	text-decoration: underline;
	}
	
#footer a.dim {
	color: #4f7b8a;
	}
	
#contact-link a {
	color: #fff;
	display: block;
	font-size: 90%;
	padding: 40px 30px;
	text-decoration: none;
	}
	
#contact-link a:hover {
	text-decoration: underline;
	}
	
/* -------------------------------
	text
------------------------------- */	

strong {
	font-weight: bold;
	}
	
em {
	font-style: italic;
	}
	
#header h1 {
	text-indent: -9999px;
	}

#home #main-body h2 {
	background: url('../images/homeMessage.gif') no-repeat;
	height: 280px;
	text-indent: -9999px;
	}
	
#content h2 {
	background-color: #4f7b8a;
	height: 48px;
	margin: 0 -35px;
	margin-bottom: 35px;
	text-indent: -9999px;
	}
	
body#services #content h2 {
	background: #4f7b8a url('../images/pageHeaderServices.gif') no-repeat 35px 47%;
	}

body#testimonials #content h2 {
	background: #4f7b8a url('../images/pageHeaderTestimonials.gif') no-repeat -3px 0;
	}

body#doctors #content h2 {
	background: #4f7b8a url('../images/pageHeaderDoctors.gif') no-repeat -1px 0;
	}

body#opticalshops #content h2 {
	background: #4f7b8a url('../images/pageHeaderOpticalShops.gif') no-repeat -1px 0;
	}

body#ordercontactlenses #content h2 {
	background: #4f7b8a url('../images/pageHeaderOrderContacts.gif') no-repeat -3px 0;
	}
	
body#contact #content h2 {
	background: #4f7b8a url('../images/pageHeaderContact.gif') no-repeat -1px 0;
	}

body#sendemail #content h2 {
	background: #4f7b8a url('../images/pageHeaderSendEmail.gif') no-repeat -1px 0;
	}

#content h3 {
	color: #3a6a74;
	font-size: 110%;
	font-weight: bold;
	}

#legal h3 {
	padding: 35px 0;
	}
	
#headline {
	padding-top: 25px;
	padding-bottom: 1.5em;
	}
	
#headline h3 {
	font-size: 150%;
	font-weight: normal;
	padding: 0 0 .2em 0;
	}

#headline p {
	color: #3a6a74;
	}
	
#services #content h4 {
	color: #3a6a74;
	font-weight: bold;
	padding-top: 1.5em;
	}

p.subhead {
	color: #3a6a74;
	padding-top: 0;
	}
	
#legal #content h4 {
	color: #3a6a74;
	font-weight: bold;
	padding-top: 1em;
	}
	
#content h2 + h3 {
	padding-top: 0;
	}
	
#doctors #content h3 {
	padding-top: 0;
	padding-bottom: 30px;
	}

#content .box h3 {
	background: #4f7b8a url('../images/boxCornerTop.gif') no-repeat;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 110%;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 5px;
	padding: 8px 15px 8px 15px;
	}

.box h3 span {
	font-size: 80%;
	}

.box p {
	line-height: 1.3em;
	padding: 0 15px 10px 15px;
	}

.box h3 + p {
	padding-top: 5px;
	}

.box .dim {
	color: #999;
	}

p.error {
	color: #900;
	font-weight: bold;
	}
	
#sidebar h3 {
	background-color: #f3f3d5;
	color: #43575e;
	font-size: 115%;
	margin-bottom: 5px;
	padding: 5px 20px;
	}
	
#sidebar h3 span {
	font-size: 80%;
	}
	
#content p,	
#footer #site-info p {
	padding-bottom: .8em;
	}

#testimonials #content strong {
	color: #3a6a74;
	font-weight: bold;
	}
	
#testimonials #content cite {
	background: url('../images/quoteClose.gif') no-repeat 115px 0px;
	color: #3a6a74;
	display: block;
	padding-left: 145px;
	padding-top: 2px;
	}
	
#mission-statement p:first-child,
#footer h4 {
	color: #43575e;
	font-size: 110%;
	}


/* -------------------------------
	tables
------------------------------- */	

.box table {
	color: #333;
	margin-left: 15px;
	}

.box table td {
	padding: 2px 20px 0 0;
	vertical-align: top;
	}

form table td {
	color: #43575e;
	padding: 7px 0;
	}


/* -------------------------------
	forms
------------------------------- */		

input.button {
	background-color: #f3f3d5;
	border: 1px solid #4f7b8a;
	color: #4f7b8a;
	padding: 15px 15px 17px 15px;
	}
	
input.button:hover {
	background-color: #fafaf4;
	}

/* -------------------------------
	images
------------------------------- */	

#doctors #content li img {
	float: right;
	padding: 0 0 25px 25px;
	}
