/* 
 ----------------------------------------------------------------------------
  Copyright Einstein Industries 2005. 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 { margin:0; padding:0; }

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

span {display:none;}

/* global elements
 * ------------------------------------------------------------------------- */

body { 
	background: #FFF2E4 url(../images/index/bg_body.jpg) top left repeat-x;
	text-align:center; 
	font:12px/18px  Arial, Verdana, Helvetica, sans-serif; 
	color:#000; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:16px; color:#000; }
h2	{ font-size:14px; color:#000; }
h3	{ font-size:12px; color:#000; }

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

a:link,a:visited	{ color:#5E332A; text-decoration:underline; }
a:hover,a:active	{ color:#fff; text-decoration:underline; }

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

div.clear	{ clear:both; height:.01em; overflow:hidden; }

div.spacer { height: 300px; }

img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }
	 
p.top { text-align:right; display:block;}

.req {font-size:10px;}
span.answer {margin-left:10px; display:inline;}

	
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background:url(../images/index/bg_wrap.jpg) repeat-y; width:795px; margin:0 auto; text-align:left;}
#main-container { background:url(../images/index/bg_content.jpg) bottom left no-repeat; width:795px; float:left; }
#masthead { position:relative; background:url(../images/index/masthead.jpg) left top no-repeat; width:795px; height:99px;}
#masthead-btn a { position:absolute; width:234px; height:83px; top:0px; left:561px;}/* home link within header */
#header-doctor-info { width: 520px; height: 97px; float: left; }/* editable doctor's name and phone number */
#header-doctor-info h1 { font-size: 30px; margin: 30px 0 0 38px; }
#header-doctor-info p { font-size: 18px; font-weight: bold; margin: 5px 0 0 38px; }
		
#header-flash {  width:521px; height:267px;} /* flash or no flash */
	
#column-left { width:268px; float:left;} 
		#column-left p { margin:15px 10px 5px 39px; }

#column-left ul.safety li { list-style-type:disc; margin-left: 60px;}
	#title-safety { background:url(../images/index/title_safety.jpg); height:59px;}
	
	 
#column-right { width:527px; float:left;}
	
	#container-precision { width:260px; float:left; }
		#container-precision p { margin:15px 10px 5px 29px; }
	#title-precision { background:url(../images/index/title_precision.jpg); height:59px;}
	#container-preformance { width:267px; float:left; }
		#container-preformance p { margin:15px 20px 5px 23px; }
	#title-preformance { background:url(../images/index/title_performance.jpg); height:59px;}
	 
#page-footer { background:url(../images/index/page_footer.jpg) no-repeat; width:795px; height:26px; clear:both; overflow:hidden;}
	 

/* inside sub pages framework
 * ------------------------------------------------------------------------- */

#sub-wrap { background:url(../images/sub/bg_sub_wrap.jpg) repeat-y; width:795px; margin:0 auto; text-align:left;}
#sub-main-container { width:795px; float:left; }/* just for fun */


#sub-column-right { width:527px; float:left;}
		#sub-column-right p { margin: 5px 20px 5px 21px; }
		#sub-column-right ul { list-style-type:disc; margin-left: 50px;}
		
#header-graphic { height:267px; width:521px; }
	body#considerations #header-graphic { background:url(../images/sub/hdr-img-candidate.jpg); }
	body#eye-works #header-graphic { background:url(../images/sub/hdr-img-human.jpg); }
	body#laser-treatment #header-graphic { background:url(../images/sub/hdr-img-precision.jpg); }
	body#quality-vision #header-graphic { background:url(../images/sub/hdr-img-quality.jpg); }
	body#superior-results #header-graphic { background:url(../images/sub/hdr-img-superior.jpg); }
	body#wavelight #header-graphic { background:url(../images/sub/hdr-img-wavelight.jpg); }

	
#subhead { height:69px; }/* sets height for all subheads */
	body#considerations #subhead { background:url(../images/sub/subhead_considerations.jpg); }
	body#eye-works #subhead { background:url(../images/sub/subhead_how_the_eye_works.jpg); }
	body#laser-treatment #subhead { background:url(../images/sub/subhead_laser_treatment.jpg); }
	body#quality-vision #subhead { background:url(../images/sub/subhead_quality_vision.jpg); }
	body#superior-results #subhead { background:url(../images/sub/subhead_superior.jpg); }
	body#wavelight #subhead { background:url(../images/sub/subhead_wavelight_adv.jpg);  }

/* background image list items */
#column-specific ul { margin-left:3px;}
#column-specific ul li { background:transparent url(../images/index/list_style.jpg) 0px 6px no-repeat; padding-left:8px;}
	
#sub-page-footer { background:url(../images/sub/sub_page_footer.jpg) no-repeat; width:795px; height:8px; clear:both; overflow:hidden;}

/* Vertical PROCEDURES Sprite Nav
 * ------------------------------------------------------------------------- */
 
#nav {
	position: relative;
	background: url(../images/index/nav.jpg) top left no-repeat;					
	width: 268px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 267px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

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

#nav li, #nav a {height: 28px; display: block;}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #nav li { height:1% }
/* End */

/* Increments of each button height defined above */
/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #nav li { height:1% }
/* End */

/* Increments of each button height defined above */
#nav-01 { top:   3px }
#nav-02 { top:  43px }
#nav-03 { top:  81px }
#nav-04 { top:  120px }
#nav-05 { top:  158px }
#nav-06 { top:  196px }
#nav-07 { top:  234px }

/* width set here should be same width set in #nav */
#nav-01, #nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07 { left: 0px; width: 268px; }

/* Changed values should match "top" numbers specified above */
#nav-01 a:hover { background: transparent url(../images/index/nav.jpg) -268px   -3px no-repeat; }
#nav-02 a:hover { background: transparent url(../images/index/nav.jpg) -268px  -43px no-repeat; }
#nav-03 a:hover { background: transparent url(../images/index/nav.jpg) -268px  -81px no-repeat; }
#nav-04 a:hover { background: transparent url(../images/index/nav.jpg) -268px  -120px no-repeat; }
#nav-05 a:hover { background: transparent url(../images/index/nav.jpg) -268px  -158px no-repeat; }
#nav-06 a:hover { background: transparent url(../images/index/nav.jpg) -268px  -196px no-repeat; }
#nav-07 a:hover { background: transparent url(../images/index/nav.jpg) -268px  -234px no-repeat; }

   
/* Footer
 * ------------------------------------------------------------------------- */
 
#footer { background:url(../images/index/bg_footer.jpg) repeat-y; width:795px; text-align:center; margin:0 auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#000;  }
#footer p { padding-bottom:30px; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#000; }

#footer ul {
	padding-bottom:5px;
	padding-top: 30px;
}
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #000; }
#footer li.first { border: none; }


/* Quick Contact Form
 * ------------------------------------------------------------------------- */

form { width:150px; padding:10px 0 15px 22px;}
	
form p	{ font-size:10px; }

form br { line-height:0; /* defaults vertical spacing between fields */}
	
input, textarea, select { 
	background-color:#fff; 
	border:1px solid #000;
	color:#000;
	width:150px; 
	height:18px; 
	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", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px;
	}

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

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

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image { 
	background: url(../images/index/btn_submit.jpg); 
	width:63px; 
	height:15px; 
	border:none; 
	cursor:pointer; 
	}

/* Main Contact Form
 * ------------------------------------------------------------------------- */
 
#contact-main { padding:20px 0 10px 0; }
	
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#contact-main label textarea { height:100px; }