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

body {
	background: url(images/background.png) top repeat-x;
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	
}

/* ------------------------------------------------------------------ */
/*HEADER */
/* ------------------------------------------------------------------ */

#header {
	background:url(images/header-background.png) repeat-x;
	height: 99px;
	width: 779px;
	margin: 0 auto;
}

#header_left {
	float: left;
	width: 396px;
}

#header_left  .logo {
	background: url(images/logo.png) no-repeat;
	width: 396px;
	height: 97px;
	display: block;
	text-indent: -99999px;
}

#header_right {
	padding: 25px 19px 0 0;
	float: right;
	text-align: right;
}

#header_right a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#header_right a:hover {
	text-decoration: underline;
}

#header_right img {
	margin: 10px 0 0 0;
}


/* ------------------------------------------------------------------ */
/*NAVIGATION SECTION */
/* ------------------------------------------------------------------ */
#nav {width: 779px; height: 41px; margin: 0 auto; padding: 0;}

#nav_main { list-style-type : none; float: left; width : 779px; height : 41px; margin : 0; padding : 0; }

#nav_main li.navlist {display: inline; float: left; height:41px;}

#nav_main a { display: block; color: #fff; text-decoration: none;}

/* Nav bar images --------------------------------------- */


#practiceinfoback  { background:url(images/nav/practice-info.png) no-repeat; width: 154px; height: 41px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#practiceinfo  { background:url(images/nav/practice-info.png) no-repeat; width: 154px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}
#practiceinfo:hover { background: url(images/nav/practice-info1.png) no-repeat; width: 154px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}

#meetphysiciansback  { background:url(images/nav/meet-physicians.png) no-repeat; width: 157px; height: 41px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#meetphysicians  { background:url(images/nav/meet-physicians.png) no-repeat; width: 157px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}
#meetphysicians:hover { background: url(images/nav/meet-physicians1.png) no-repeat; width: 157px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}

#servicesback  { background:url(images/nav/services.png) no-repeat; width: 194px; height: 41px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#services  { background:url(images/nav/services.png) no-repeat; width: 194px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}
#services:hover { background: url(images/nav/services1.png) no-repeat; width: 194px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}

#resourcesback  { background:url(images/nav/resources.png) no-repeat; width: 139px; height: 41px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#resources  { background:url(images/nav/resources.png) no-repeat; width: 139px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}
#resources:hover { background: url(images/nav/resources1.png) no-repeat; width: 139px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}

#shopback  { background:url(images/nav/shop.png) no-repeat; width: 135px; height: 41px; padding: 0; margin: 0; text-indent: -9999px; display: block;}
#shop  { background:url(images/nav/shop.png) no-repeat; width: 135px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}
#shop:hover { background: url(images/nav/shop1.png) no-repeat; width: 135px; height: 41px; padding: 0; margin: 0; text-indent: -9999px;}

li a { padding: 10px 12px 7px 12px; margin: 0 0 0 0;}


/* ------------------------------------------------------------------ */
/* DROP DOWN MENU */
/* ------------------------------------------------------------------ */
#nav li ul { position: absolute; left: -999em; width: auto; height: auto; margin: 0; padding: 0;
background : #4878be; 
border-bottom: 0px solid #e4e4e4;
border-left: 0px solid #e4e4e4;
border-right: 0px solid #e4e4e4;
border-top: 0px;
font-family: "Times New Roman", Times, serif;
font-size: 13px;}

#nav li ul li { clear: both; margin: 0; }

.navlist_sub {list-style-type: none; }
.navlist_sub a { width: 150px; font-weight: normal; padding: 5px 8px 5px 10px; margin: 0;}
.navlist_sub a.topitem { width: 150px; font-weight: normal; padding: 8px 8px 5px 10px; margin: 0;}
.navlist_sub a.bottomitem { width: 150px; font-weight: normal; padding: 5px 8px 8px 10px; margin: 0;}
.navlist_sub a:hover { background-image: none; background:#2c61b0;}

#nav li:hover, #nav li.hover {position: static; }
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


/* ------------------------------------------------------------------ */
/*HOME PAGE */
/* ------------------------------------------------------------------ */

#main_image {
	background: url(images/mainimage.jpg) no-repeat;
	width: 779px;
	height: 279px;
	display: block;
	margin: 2px auto;
	padding: 0;
}

#three_boxes {
	background: url(images/hp-3box-background.png) repeat-x;
	width: 767px;
	height: 102px;
	display: block;
	margin: 0 auto;
	padding: 4px 0 0 12px;
}

#three_boxes h2 {
	padding: 0;
	margin: 0;
	font: bold 14px "Times New Roman", Times, serif;
	color: #11366a;
}

#three_boxes p {
	padding: 0 0 8px 0;
}

#lasik_box {
	float: left;
	width: 241px;
	height: 89px;
}

#contacts_box {
	float: left;
	width: 261px;
	height: 89px;
}

#coupons_box {
	float: left;
	width: 233px;
	height: 89px;
}


.txt_side {
	padding: 15px 0 0 0;
	float: right;
	width: 107px;
}

.txt_side p {
	padding: 0 0 8px 0;
}

#contacts_box .txt_side {
	width: 127px;
	padding: 15px 5px 0 5px;
}

#coupons_box .txt_side {
	width: 104px;
	padding: 15px 0 0 5px;
}

.txt_side a {
	text-decoration: none;
	font-weight: bold;
	color: #11366a;
}

.txt_side a:hover {
	color: #2c62b1;
}

.img_side {
	float: left;
	width: 124px;
}
.lasik_img {
	background: url(images/box-lasik.png) no-repeat;
	width: 124px;
	height: 89px;
	display: block;
	text-indent: -99999px;
}

.contact_img {
	background: url(images/box-contacts.png) no-repeat;
	width: 124px;
	height: 89px;
	display: block;
	text-indent: -99999px;
}

.coupons_img {
	background: url(images/box-coupons.png) no-repeat;
	width: 124px;
	height: 89px;
	display: block;
	text-indent: -99999px;
}


/* ------------------------------------------------------------------ */
/* SITE STRUCTURE */
/* ------------------------------------------------------------------ */

#content_container {
	margin: 0 auto;
	width: 779px;
	display: block;
	padding: 0;
}


#hp_content_left {
	float: left;
	width: 434px;
	padding: 15px 25px 15px 15px;
}

#content_left {
	float: left;
	width: 499px;
	padding: 15px 25px 15px 15px;
}

#content_left p, #hp_content_left p {
	line-height: 19px;
}

#content_left h1, #hp_content_left h1 {
	font: bold 20px "Trebuchet MS", Verdana, sans-serif;
	color: #11366a;
	margin: 0;
	padding: 0;
}

#hp_content_right {
	float: right;
	width: 305px;
	padding: 40px 0 15px 0;
}

#content_right {
	float: right;
	width: 240px;
	padding: 40px 0 15px 0;
}

.caption {
	text-align: right;
	font-size: 11px;
	padding: 0 15px 0 0;
}

#secondary_image {
	width: 779px;
	display: block;
	margin: 2px auto;
	padding: 0;
}

.side_lasik {
	background: url(images/side-lasik1.jpg) no-repeat;
	width: 228px;
	height: 204px;
	display: block;
	text-indent: -999999px;
}

.side_lasik:hover {
	background: url(images/side-lasik.jpg) no-repeat;
}

.side_contacts {
	background: url(images/side-contact.jpg) no-repeat;
	width: 228px;
	height: 204px;
	display: block;
	text-indent: -999999px;
}

.side_contacts:hover {
	background: url(images/side-contact1.jpg) no-repeat;
}

.side_coupons {
	background: url(images/side-coupons.jpg) no-repeat;
	width: 228px;
	height: 94px;
	display: block;
	text-indent: -999999px;
}

.side_coupons:hover {
	background: url(images/side-coupons1.jpg) no-repeat;
}


/* ------------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------------ */

#footer {
	clear: both;
	margin: 0 auto;
	background: url(images/footer.png) repeat-x;
	width: 779px;
	height: 41px;
	padding: 13px 0 0 0;
	text-align: center;
}

#footer p {
	color: #fff;
	padding: 0;
	margin: 0;
}

#footer a {
	color: #fff;
}