/* ------------------------------------------------------------------------------------- */
/* 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, em, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body { background: #485CA0; text-align: center;}
	
p, div, h1, h3, h4, td, input, select, textarea {
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-size: 12px;
	color: #1D4882;
	line-height: 16px;
}
h2 {
	font-size: 13px; color: #1D4882;
	font-weight:bold
	
}
#testimonials-h2 {padding:5px 48px 15px 38px;}
a img, :link img, :visited img { border: none }
a:link, a:visited { color: #0066FF; text-decoration: underline;}
a:hover, a:active { color: #0099FF; text-decoration: underline;}
	
span { display: none;}
	
li {
list-style: url(../images/index/li.jpg);
}
li a:link, li a:visited { color: #1F5194; text-decoration: underline;}
li a:hover, li a:active { color: #0099FF; text-decoration: underline;}
ul {margin: 20px 0 20px 10px; padding: 0 0 0 10px;}
	
/* MAIN structural elements
 * ------------------------------------------------------------------------------------- */
 
#wrapper { background: url(../images/index/content_bkgrnd.jpg) left top repeat-y; width: 720px; margin: 0 auto; text-align: left;}

#content-container { width: 720px; margin: 0; float: left;}

#left-column-container { width: 443px; margin: 0; padding:0; text-align: left; float: left;}
	
#right-column-container { width: 277px; margin: 0; padding:0; text-align: left; float: left;}
	
/* FEATURED PROCEDURES btns
 * ------------------------------------------------------------------------------------- */	
 
#featured-procedures  { position:relative; float: right; }
#featured-procedures #button { background: url(../images/index/feature_procedures_nav_up.jpg) left top no-repeat; width: 277px; height: 571px; float: right;}
#button a { position: absolute; width: 277px; height: 43px; top: 272px; left: 0px;}
#button02 a { position: absolute; width: 277px; height: 43px; top: 315px; left: 0px;}
#button03 a { position: absolute; width: 227px; height: 43px; top: 360px; left: 0px;}
#button04 a { position: absolute; width: 227px; height: 43px; top: 402px; left: 0px;}
#button05 a { position: absolute; width: 227px; height: 100px; top: 445px; left: 0px;}

/* VERTICAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu-vert {
	background: url(../images/index/menu_vert.jpg) left top no-repeat;
	width: 277px;
	height: 290px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}
#menu-vert li span {display: none;}
#menu-vert li {margin: 0; padding: 0; list-style: none; position: absolute;}

#menu-vert li, #menu-vert a {height: 19px; display: block;}
#menu-vert-01 {top: 28px;}
#menu-vert-02 {top: 50px;}
#menu-vert-03 {top: 74px;}
#menu-vert-04 {top: 96px;}
#menu-vert-05 {top: 120px;}
#menu-vert-06 {top: 144px;}
#menu-vert-07 {top: 166px;}
#menu-vert-08 {top: 189px;}
#menu-vert-09 {top: 212px;}
#menu-vert-10 {top: 235px;}
#menu-vert-11 {top: 257px;}

#menu-vert-01, #menu-vert-02, #menu-vert-03, #menu-vert-04, #menu-vert-05, #menu-vert-06, #menu-vert-07, #menu-vert-08, #menu-vert-09, #menu-vert-10, #menu-vert-11 { left: 0px; width: 277px; }

#menu-vert-01 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -28px no-repeat;}
#menu-vert-02 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -50px no-repeat;}
#menu-vert-03 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -74px no-repeat;}
#menu-vert-04 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -96px no-repeat;}
#menu-vert-05 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -120px no-repeat;}
#menu-vert-06 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -144px no-repeat;}
#menu-vert-07 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -166px no-repeat;}
#menu-vert-08 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -189px no-repeat;}
#menu-vert-09 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -212px no-repeat;}
#menu-vert-10 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -235px no-repeat;}
#menu-vert-11 a:hover {background: transparent url(../images/index/menu_vert.jpg) -277px -257px no-repeat;}

/* Image Replacement INDEX
 * ------------------------------------------------------------------------------------- */
#quick-contact-hd {
	background: url(../images/index/quick_contact_hd.jpg) left top no-repeat;
	width: 277px;
	float: right;
}

#masthead {
	background: url(../images/sub/masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}

/* Sub Mastheads
 * ------------------------------------------------------------------------------------- */
 #about-us-masthead{
	background: url(../images/sub/about-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #cataract-masthead{
	background: url(../images/sub/cataract-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #contact-masthead{
	background: url(../images/sub/contact-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #cosmetic-photo-masthead{
	background: url(../images/sub/cosmetic-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #eyelid-masthead{
	background: url(../images/sub/eyelid-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #financial-masthead{
	background: url(../images/sub/financial-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #laser-skin-masthead{
	background: url(../images/sub/laser-skin-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #lasik-masthead{
	background: url(../images/sub/lasik-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #our-doctors-masthead{
	background: url(../images/sub/our-doctors-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
 #patient-masthead{
	background: url(../images/sub/patient-ed-masthead.jpg) left top no-repeat;
	width: 443px;
	height: 367px;
}
#drucker-hd {
	background: url(../images/index/dr_drucker_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#intralase-hd {
	background: url(../images/index/intralase_hd.jpg) left top no-repeat;
	width: 443px;
	height: 251px;
}

/* Image Replacement SUB
* -------------------------------------------------------------------------------------- */

#aboutus-hd {
	background: url(../images/sub/aboutus_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}
 
#cataract-hd {
	background: url(../images/sub/cataract_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#contactus-hd {
	background: url(../images/sub/contactus_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#thankyou-hd {
	background: url(../images/sub/thankyou_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#cosmetic-hd {
	background: url(../images/sub/cosmetic_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#eyelid-hd {
	background: url(../images/sub/eyelid_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#financial-hd {
	background: url(../images/sub/financial_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#laserskin-hd {
	background: url(../images/sub/laser_skin_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#lasik-hd {
	background: url(../images/sub/lasik_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#ourdoctors-hd {
	background: url(../images/sub/ourdoctors_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#patient-hd {
	background: url(../images/sub/patient_education_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}

#sitemap-hd {
	background: url(../images/sub/sitemap_hd.jpg) left top no-repeat;
	width: 443px;
	height: 81px;
}
/* SITE content padding and margins
* ------------------------------------------------------------------------------------- */

#right-column-container form { margin: 5px 0px 15px 38px;}
#right-column-container p { margin: 5px 48px 15px 38px;}
#right-column-container img.hr {padding-left:38px;}
#right-column-container img.pic-float-left { float: left; padding-right: 5px;} 

#right-column-container p.address { padding-top: 89px;}

.quick-contact { margin-top: 100px;}
#left-column-container .gallery {padding-left: 55px;}

#left-column-container p { margin: 5px 40px 10px 55px;}
#left-column-container h1 { margin: 5px 45px 10px 55px;}
#left-column-container h2 { margin: 5px 45px 10px 55px; color: #3A6CC1;}
#left-column-container h3 { margin: 5px 45px 10px 55px;}
#left-column-container h4 { margin: 5px 45px 10px 55px;}
#left-column-container ul { margin: 5px 45px 10px 60px;}
#left-column-container p.blue { margin: 10px 50px 10px 60px; color: #3A6CC1;}

/* PAGE FOOTER / FOOTER
 * ------------------------------------------------------------------------------------- */
 
#page-footer {
	background: url(../images/index/page_footer.jpg) left top no-repeat;
	width: 720px;
	height: 72px;
	clear: both;
}

#footer {
    background: url(../images/index/footer_bkgrnd.jpg) left top repeat-y;
	width: 769px;
	margin: 0px;
	padding: 1px 0px 14px 0px;
	text-align: center;
	line-height: 22px;
	
}
#footer ul { padding: 0 87px 0 20px; color: #295AA8;}
#footer li { padding: 0px 0px 0px 2px; display:inline; line-height: 16px; color: #295AA8;}
#footer p { padding: 0px 80px 0px 40px; color: #222D5E; }
#footer a:link, #footer a:visited { color: #295AA8; text-decoration:none; }
#footer a:hover, #footer a:active {	color: #222D5E; text-decoration: underline; }

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */

 div.clear { clear: both;}
.pic-float-left { float: left; padding-right: 5px;} 
.pic-float-right { float: right; padding-left: 5px;} 
.blue { margin: 5px 45px 15px 38px; color: #3A6CC1;}
.top { display: block; text-align: right; font-size: 10px;}
.req { font-size: 10px;}	

/* QUICK CONTACT elements  
 * ------------------------------------------------------------------------------------- */
 
.quickcontact { width: 163px;}
input, textarea {
	font-family: Trebuchet MS, Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	color: #878787;
	border: 1px solid #E8E7E7;
	background-color: #FFF;
}

/* MAINCONTACT elements
 * ------------------------------------------------------------------------------------- */

#contact-main-wrapper { width: 400px; margin-left: 20px;}
	
#contact-main input, #contact-main textarea, #contact-main select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #878787;
	border: 1px solid #E8E7E7;
	background-color: #FFF;
	margin: 0 0 5px 0;
	clear: both;
	vertical-align: middle;
}
input.button, #contact-main label input.button	{ width: 70px;}

input submit a:hover {text-decoration: underline;}

#contact-main { margin-top: 25px;}
#contact-main br { clear: both;} 
#contact-main p, #contact-main h1 { text-align: left; margin: 10px 0 10px 0;}
	
#contact-main p.clear-textarea	{ margin-top:80px; }
#contact-main p.clear-textarea2 { margin-top: 2px; }

#contact-main .radio { width: 14px; background: transparent; border: none;}
#contact-main .checkbox { width: 14px; background: transparent; border: none; float: inherit;}
		
#contact-main label input, #contact-main label select { position: absolute; left: 110%; width: 150px;}
#contact-main label {
		position: relative; 
		width: 190px; 
		display: block; 
		margin: 0 10px; 
		text-align: right; 
		height: 20px;
}
#contact-main label textarea {
		position: absolute; 
		left: 110%; 
		top: 0px; 
		width: 150px; 
		height: 100px;
}
#contact-main label.print { margin-top: 40px;}
#contact-main input.button { margin-top: 10px;}
#contact-main label input.small-box { clear: none; float: left; width: 30px; margin-right: 10px;}