/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2006. 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/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
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:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* global display none */
span {display:none; }

/* global elements - type selectors
 * ------------------------------------------------------------------------- */

body { 
	background:#9198A2;
	text-align:left; 
	font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#003366;
	}

blockquote { margin-left:10px; margin-right:10px; }
	
h1	{ font-size:1.2em; color:#003366; }
h2	{ font-size:1.1em; color:#003366; }
h3	{ font-size:1.0em; color:#003366; }

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

a:link,a:visited { color:#336699; text-decoration:underline; outline:none; }
a:hover,a:active { color:#003366; text-decoration:underline; outline:none; }

/* global classes
 * ------------------------------------------------------------------------- */

div.clear { clear:both; height:.01em; overflow:hidden; }
	
p.back-to-top { background:url("../images/index/bullet-back-to-top.jpg") right no-repeat; text-align:right; display:block; padding-right:15px; }
	
img.img-left { float:left; margin:2px 10px 10px 0; }
img.img-right { float:right; margin:5px 0 10px 10px; }
	
.req {font-size:10px;}/* required form text */

.map { padding-left:43px; }	

.white { color:#FFF; }

hr.hr { width:428px; margin-left:30px; }
	
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background:url("../images/index/bg-wrap.gif") repeat-y; width:692px; margin:0 auto; text-align:left;}
#masthead { position:relative; background:url("../images/index/masthead.gif") left top no-repeat; width:692px; height:89px;}
#masthead-btn a { position:absolute; width:692px; height:89px; top:0px; left:0px;}/* home link within header */

#header-graphic { height:141px; } /* sets height for all non-flash headers */
	body#index #header-graphic { background:url("../images/index/header-index.jpg"); }
	body#about #header-graphic { background:url("../images/sub/header-about.jpg"); }
	body#aesthetic-services #header-graphic { background:url("../images/sub/header-two.jpg"); }
	body#candidate #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#cataract #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#contact-lenses #header-graphic { background:url("../images/sub/header-three.jpg"); }
	body#cosmetic-eye-surgery #header-graphic { background:url("../images/sub/header-two.jpg"); }
	body#vision-correction #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#eyelid-surgery #header-graphic { background:url("../images/sub/header-two.jpg"); }
	body#herzig-eye #header-graphic { background:url("../images/index/header-index.jpg"); }
	body#implantable-lenses #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#news #header-graphic { background:url("../images/index/header-index.jpg"); }
	body#laser-correction #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#staff #header-graphic { background:url("../images/index/header-index.jpg"); }
	body#surgeons #header-graphic { background:url("../images/index/header-index.jpg"); }
	body#referring-optometrists #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#wavefront #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#vision-evaluation #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#custom-correction #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#improved-vision #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#refractive-lensectomy  #header-graphic { background:url("../images/sub/header-one.jpg"); }
	body#contact-us #header-graphic { background:url("../images/sub/header-four.jpg"); }
	body#thankyou #header-graphic { background:url("../images/sub/header-four.jpg"); }
	body#sitemap #header-graphic { background:url("../images/sub/header-three.jpg"); }
	body#privacy-policy #header-graphic { background:url("../images/index/header-index.jpg"); }
	body#disclaimer #header-graphic { background:url("../images/index/header-index.jpg"); }


#column-left { width:477px; float:left;}/* column left */	
		#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul { margin:10px 15px 10px 30px; }
	#title-welcome { background:url("../images/index/subhead-index.gif"); height:74px;}
	/* ul list 1 */
	#column-left ul { padding-left:5px; }
	#column-left ul li { background:transparent url("../images/sub/bullet.gif") 0px 6px no-repeat;
			             padding-left:10px; } /* pushes text to the right to display bg img */
	
 
#column-right { width:215px; float:left;}/* column right */	
		#column-right p { margin:10px 15px 10px 23px; }
	#column-right form { margin-left:26px; }
	#header-quick-contact { background:url("../images/index/header-quick-contact.gif"); height:74px; }
	#header-locations { background:url("../images/sub/header-locations.gif"); height:74px; }/* contact page right column */

#page-footer { background:url("../images/index/page-footer.gif") no-repeat; width:692px; height:61px; clear:both; overflow:hidden;}
	 

/* inside sub pages framework
 * ------------------------------------------------------------------------- */
 
#subhead { height:74px; } /* sets height for all subheads */
	body#index #subhead { background:url("../images/index/subhead-index.gif"); }
	body#about #subhead { background:url("../images/sub/subhead-about.gif"); }
	body#aesthetic-services #subhead { background:url("../images/sub/subhead-aesthetic-services.gif"); }
	body#candidate #subhead { background:url("../images/sub/subhead-candidate.gif"); }
	body#cataract #subhead { background:url("../images/sub/subhead-cataract-surgery.gif"); }
	body#contact-lenses #subhead { background:url("../images/sub/subhead-contact-lenses.gif"); }
	body#cosmetic-eye-surgery #subhead { background:url("../images/sub/subhead-cosmetic-eye-surger.gif"); }
	body#vision-correction #subhead { background:url("../images/sub/subhead-vision-correction.gif"); }
	body#eyelid-surgery #subhead { background:url("../images/sub/subhead-eyelid-surgery.gif"); }
	body#herzig-eye #subhead { background:url("../images/sub/subhead-herzig-eye.gif"); }
	body#implantable-lenses #subhead { background:url("../images/sub/subhead-implantable-contact.gif"); }
	body#news #subhead { background:url("../images/sub/subhead-in-the-news.gif"); }
	body#laser-correction #subhead { background:url("../images/sub/subhead-laser-correction.gif"); }
	body#staff #subhead { background:url("../images/sub/subhead-our-staff.gif"); }
	body#surgeons #subhead { background:url("../images/sub/subhead-our-surgeon.gif"); }
	body#referring-optometrists #subhead { background:url("../images/sub/subhead-referring-optometri.gif"); }
	body#wavefront #subhead { background:url("../images/sub/subhead-wavefront.gif"); }
	body#vision-evaluation #subhead { background:url("../images/sub/subhead-vision-evaluation.gif"); }
	body#custom-correction #subhead { background:url("../images/sub/subhead-custom-correction.gif"); }
	body#improved-vision #subhead { background:url("../images/sub/subhead-improved-vision.gif"); }
	body#refractive-lensectomy #subhead { background:url("../images/sub/subhead-refractive-lensecto.gif"); }
	body#contact-us #subhead { background:url("../images/sub/subhead-contact-us.gif"); }
	body#thankyou #subhead { background:url("../images/sub/subhead-thank-you.gif"); }
	body#sitemap #subhead { background:url("../images/sub/subhead-sitemap.gif"); }
	body#privacy-policy #subhead { background:url("../images/sub/subhead-privacy-policy.gif"); }
	body#disclaimer #subhead { background:url("../images/sub/subhead-disclaimer.gif"); }

/* privacy policy data table */
#table-privacy-policy { background-color:#FFF; table-layout: fixed;
                        border-width: 1px 1px 1px 1px; border-color: #336699;
                        margin-left:28px; 
						text-align:center; font-size:0.9em; }		

/* locations search box container */
#search-box { width:281px; float:right; }
		
/* Global Footer
 * ------------------------------------------------------------------------- */
 
#footer { width:477px; text-align:center; margin:0; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#003366; }
#footer p { padding:2px 10px 2px 13px;}
#footer a:hover, #footer a:active { text-decoration:underline; color:#003366; }

#footer ul { margin-bottom:5px; font-size:0.9em; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #003366; }
#footer li.first { border: none; }


/* Horozontal Sprite Nav 
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/index/nav.gif") no-repeat; 
	width:692px; 
	height:25px; 
	margin:0;
	padding:0; 
	}

#nav span { display: none; }

#nav li, #nav a { height:25px; display:block; } /* change height here also */

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

#nav-01 { width: 133px; margin-left: 11px;}
#nav-02 { width: 134px;}
#nav-03 { width: 134px;}
#nav-04 { width: 134px;}
#nav-05 { width: 135px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/index/nav.gif")  -11px -25px no-repeat; }
#nav-02 a:hover { background:url("../images/index/nav.gif") -144px -25px no-repeat; }
#nav-03 a:hover { background:url("../images/index/nav.gif") -278px -25px no-repeat; }
#nav-04 a:hover { background:url("../images/index/nav.gif") -412px -25px no-repeat; }
#nav-05 a:hover { background:url("../images/index/nav.gif") -546px -25px no-repeat; }

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;			/* Fixes one px spacing for border-right in FF */
	background-color:#41556E;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:20px; 				/* Height of each drop down nav item */
	border:1px solid #FFF;
	border-top:none;
	}	

#nav li ul li a {
	width:100%;
	height:20px;				/* Height of each drop down nav item, should match above */
	line-height:20px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:0.8em;
	color:#FFFFFF;
	text-decoration:none;
	}

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

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover { 
	background-image:none;
	background-color:#727F92;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:132px; }		
#nav-02 ul, #nav-02 li { width:133px; }	
#nav-03 ul, #nav-03 li { width:133px; }


/* Quick Contact Form
 * ------------------------------------------------------------------------- */
 
form { width:150px; margin:10px 0 15px 0; }
	
form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#003366 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #FFF;
	color:#FFF;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */

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

#contact_business { display: none; } /* do not remove */ 


/* Main Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main { margin:20px 0 10px 0; }

#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:175px; }
	
#contact-main label textarea { height:100px; overflow:auto; }


/* Contact Submit Buttons
 * ------------------------------------------------------------------------- */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; }

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/index/btn-submit.jpg");
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	}