/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2004. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari/FireFox                             */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */



/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset, p, p.h1, p.h2, p.h3, p.h4, input, select, textarea, td  {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#body-index {
	background: #FFFFFF url(../images/bg.jpg) top left repeat-x;
	text-align: center;
}

#body-sub {
	background: #FFFFFF url(../images/bg-sub.jpg) top left repeat-x;
	text-align: center;
}

p, div, li, p.h1, p.h2, p.h3, p.h4, td, input, select, textarea {
	font-family: arial, verdana, lucida, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p.h1, p.h2, p.h3, p.h4 {
font-weight:bold;
}

p.h1 {
	font-size: 13px;
}

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

a:link, a:visited {
	color: #1A5309;
	text-decoration: underline;
}
a:hover, a:active {
	color: #003366;
	text-decoration: underline;
}
/* end basic elements
 * ------------------------------------------------------------------------------------- */



/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper {
	width: 760px;
	margin: 0 auto;
	background: url(../images/index/wrapper-bg.jpg) left top repeat-y;
	text-align: left;
}

#banner {
	background: url(../images/index/banner.jpg) left top no-repeat;
	height: 254px;
}
#banner-sub {background: url(../images/sub/banner-sub.jpg) left top no-repeat; height: 224px;}
#banner-sub2 {background: url(../images/sub/banner-sub2.jpg) left top no-repeat; height: 224px;}
#banner-sub3 {background: url(../images/sub/banner-sub3.jpg) left top no-repeat; height: 224px;}
#banner-sub4 {background: url(../images/sub/banner-sub4.jpg) left top no-repeat; height: 224px;}
#banner-sub5 {background: url(../images/sub/banner-sub5.jpg) left top no-repeat; height: 224px;}
#banner-sub6 {background: url(../images/sub/banner-sub6.jpg) left top no-repeat; height: 224px;}
#banner-sub7 {background: url(../images/sub/banner-sub7.jpg) left top no-repeat; height: 224px;}
#banner-sub8 {background: url(../images/sub/banner-sub8.jpg) left top no-repeat; height: 224px;}
#banner-sub9 {background: url(../images/sub/banner-sub9.jpg) left top no-repeat; height: 224px;}
#content-left {
	width: 511px;
	float: left;
}
	#content-left p {
		padding: 0 43px 10px 43px;
	}
	#content-left p.h1 {
		padding: 0 43px 10px 43px;
	}
	#content-left p.h2 {
		padding: 0 43px 0 43px;
	}
	#content-left p.h3 {
		padding: 0 43px 0 43px;
	}
	#content-left ul {
		padding: 0 43px 10px 59px;
		list-style-position: outside;
	}
	#content-left ul.title-listings {
		padding: 0 43px 10px 43px;
		list-style: none;
	}
	#our-office-pic {
		padding: 0 10px 0 0;
	}
	#faq-list li {
		font-weight: bold;
		list-style: none;	
	}
	.dr-pic {
		padding: 3px 5px 0 0;
	}
	
#content-right {
	width: 249px;
	float: right;
}
	#content-right p {
		text-align: center;
		color: #ffffff;
		padding: 0 50px 10px 30px;
	}
	#directions a:link, #directions a:visited {
		color: #ffffff;
	}
	#directions a:hover, #directions a:active {
		color: #ffffff;
		text-decoration: none;
	}
	#whats-new p {
		text-align:left;
		padding: 0 25px 10px 15px;	
	}
	#whats-new ul{
		padding: 0 20px 10px 10px;	
		list-style-image: url(../images/index/list-image-wn.gif);
		list-style-position: inside;		
	}
	#whats-new ul li ul {
		list-style: none;
	}
	#whats-new li {	color:#FFFFFF;}
	#whats-new a:link, #whats-new a:visited { color: #ffffff;}
	#whats-new a:hover, #whats-new a:active { 
		color: #ffffff;
		text-decoration: none;
	}		
	
#content-btm {
	background: url(../images/index/content-btm.jpg) left top no-repeat;
	height: 55px;
	clear: both;
}
#content-btm-sub {
	background: url(../images/sub/content-btm-sub.jpg) left top no-repeat;
	height: 30px;
	clear: both;
}
/* end main structural elements
 * ------------------------------------------------------------------------------------- */
 
 

/* index page middle box 
 * ------------------------------------------------------------------------------------- */ 
#content-box-mdl-wrapper {
	background: url(../images/index/content-box-mdl-wrapper-bg.jpg) left top repeat-y;
	float: left;
	width: 760px;
}
	#content-box-mdl {
		background: url(../images/index/content-box-mdl-bg.jpg) left top no-repeat;	
		float: left;
		width: 760px;
	}
		#content-box-mdl ul {
			list-style-image: url(../images/index/list-image.gif);
			list-style-position: inside;
		}
		#home-lasik {
			width: 250px;
			float: left;
			height: 263px;
		}
			#home-lasik ul {
				padding: 10px 10px 10px 26px;
			}
			#read-more-lasik {
				margin: 80px 0 0 158px;
			}
		#home-cataract {
			width: 261px;
			float: left;
		}
			#home-cataract ul {
				padding: 10px 10px 10px 11px;
			}
			#read-more-cataract {
				margin: 80px 0 0 171px;
			}
		#home-pediatric {
			float: left;
			width: 249px;
		}
			#home-pediatric ul {
				padding: 10px 10px 10px 13px;
			}
			#read-more-pediatric {
				margin: 155px 0 0 141px;
			}
		#content-btm-2 {
			clear: both;
			overflow: hidden;
		}
/* end index page middle box 
 * ------------------------------------------------------------------------------------- */
 
 
 
/* index page bottom box 
 * ------------------------------------------------------------------------------------- */ 	
#content-box-btm-wrapper {
	background: url(../images/index/content-box-btm-wrapper-bg.jpg) left top repeat-y;
	float: left;
	width: 760px;
}	
	#content-box-btm {
		background: url(../images/index/content-box-btm-bg.jpg) left top no-repeat;
		float: left;
		width:760px;
	}
	#content-box-btm ul {
		list-style-image: url(../images/index/list-image.gif);
		list-style-position: inside;
	}
		#home-other-proc {
			background: url(../images/index/home-other-proc-bg.jpg) left top no-repeat;
			width: 250px;
			float: left;
			height: 173px;
		}	
			#home-other-proc ul {
				padding: 10px 10px 10px 27px;
			}
			#read-more-procedures {
				margin: 20px 0 0 157px;
			}
		#home-important {
			background: url(../images/index/home-important-bg.jpg) left top no-repeat;
			width: 510px;
			float: left;
		}
			#home-important ul {
				padding: 10px 13px 10px 6px;
			}
		#important-forms-left {
			float: left;
			width: 250px;
		}
		#important-forms-right {
			float: right;
			width: 247px;
		}
	#content-btm-3 {
		background: url(../images/index/content-btm-3.jpg) left top no-repeat;
		height: 33px;
		clear: both;
	}
/* end index page bottom box 
 * ------------------------------------------------------------------------------------- */ 



/* horizontal sprite nav Index page
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url(../images/nav.jpg) left top no-repeat;					
	width: 760px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}


#menu li, #menu a {height: 66px; display: block;}
#menu-01 {left: 0px; width: 79px;}
#menu-02 {left: 79px; width: 56px;}
#menu-03 {left: 135px; width: 87px;}
#menu-04 {left: 222px; width: 79px;}
#menu-05 {left: 301px; width: 118px;}
#menu-06 {left: 419px; width: 159px;}
#menu-07 {left: 578px; width: 76px;}
#menu-08 {left: 654px; width: 90px;}


#menu-01 a:hover {background: transparent url(../images/nav.jpg) -0px -66px no-repeat;}
#menu-02 a:hover {background: transparent url(../images/nav.jpg) -79px -66px no-repeat;}
#menu-03 a:hover {background: transparent url(../images/nav.jpg) -135px -66px no-repeat;}
#menu-04 a:hover {background: transparent url(../images/nav.jpg) -222px -66px no-repeat;}
#menu-05 a:hover {background: transparent url(../images/nav.jpg) -301px -66px no-repeat;}
#menu-06 a:hover {background: transparent url(../images/nav.jpg) -419px -66px no-repeat;}
#menu-07 a:hover {background: transparent url(../images/nav.jpg) -578px -66px no-repeat;}
#menu-08 a:hover {background: transparent url(../images/nav.jpg) -654px -66px no-repeat;}

/* end horizontal sprite nav index page
 * ------------------------------------------------------------------------------------- */



/* horizontal sprite nav sub page
 * ------------------------------------------------------------------------------------- */
#menu-sub {
	background: url(../images/sub/nav-sub.jpg) left top no-repeat;					
	width: 760px;
	height: 68px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#menu-sub li span {display: none;}
#menu-sub li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu-sub li, #menu-sub a {height: 68px; display: block;}
#menu-sub-01 {left: 0px; width: 79px;}
#menu-sub-02 {left: 79px; width: 56px;}
#menu-sub-03 {left: 135px; width: 87px;}
#menu-sub-04 {left: 222px; width: 79px;}
#menu-sub-05 {left: 301px; width: 118px;}
#menu-sub-06 {left: 419px; width: 159px;}
#menu-sub-07 {left: 578px; width: 76px;}
#menu-sub-08 {left: 654px; width: 90px;}

#menu-sub-01 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -0px -68px no-repeat;}
#menu-sub-02 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -79px -68px no-repeat;}
#menu-sub-03 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -135px -68px no-repeat;}
#menu-sub-04 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -222px -68px no-repeat;}
#menu-sub-05 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -301px -68px no-repeat;}
#menu-sub-06 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -419px -68px no-repeat;}
#menu-sub-07 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -578px -68px no-repeat;}
#menu-sub-08 a:hover {background: transparent url(../images/sub/nav-sub.jpg) -654px -68px no-repeat;}


/* end horizontal sprite nav sub page
 * ------------------------------------------------------------------------------------- */

#privacy-practice p {
	padding: 0 10px 10px 10px;
}

#privacy-practice ul {
	list-style-position: outside;
	padding: 0 10px 10px 26px;
}

/* footer
 * ------------------------------------------------------------------------------------- */
#footer {
	background: url(../images/index/footer-bg.jpg) left top repeat-y;
	width: 760px;
	margin: 0px auto;
	text-align: center;
	padding: 10px 0 0 0;
}
	#footer ul {
    	padding: 0 10px 10px 10px;
    }
	#footer p {
		color: #003366;
		padding: 0 50px 10px 50px;
	}
	#footer li {
    	margin: 0;
    	padding: 0 3px 0 3px;
    	display: inline;
    	background: none;
		color: #1A5309;
    }
 	#footer li a {
 		padding: 0 5px 0 5px;
 	} 
 	#footer li.first { 
    	border: none;
    }
	#footer a:link, #footer a:visited {
		color: #1A5309;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #003366;
		text-decoration: none;
	}
/* end footer
 * ------------------------------------------------------------------------------------- */	


 
/* contact forms 
 * ------------------------------------------------------------------------------------- */
.mainform, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	border: 1px solid #404040;
	background-color: #FFFFFF;
}

#quickcontactform {
	width: 150px;
	margin: 0 0 20px 40px;	
	padding: 0;
	border: 0;
}
	#quickcontactform p {
		padding: 0 0 10px 0;
	}

.quickcontact {
	margin: 0 0 1px 0;
	width: 150px;
}

.big-form label, .big-form-field {
	display: block;
	width: 190px;
	float: left;
	margin: 3px;
}

.big-form label {
	text-align: right;
	width: 110px;
	margin: 0 20px 0 0;
}

.form-text {
	 margin-left: 135px;
}

.big-form br {
	clear: left;
}

#submit-btn {
	margin: 3px 0 0 148px;
}

#quick-submit-btn {
	border: 0;
}

.red {
	color: red;
}

#submit-btn {
	float: left;
	margin: 3px;
	display: block;
}

/* end contact forms
 * ------------------------------------------------------------------------------------- */