/* 
----------------------------------------------------------------------------
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/Op7/NS7/Safari

CSS Document - styles.css
---------------------------------------------------------------------------- */

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

ul,ol { list-style: none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

/* HTML
---------------------------------------------------------------------------- */
html,body { height: 100%; }

body {
	margin: 0 auto;
	text-align: center;
	font: 13px/18px trebuchet ms,lucida grande,lucida sans,arial,helvetica;
	background: #f0f0f0 url(../images/body-bg.jpg) repeat-x left top;
	height: 100%;
}

a { text-decoration: underline; color: #f30; }
a:hover { text-decoration: none; }
a span { display: none; }
fieldset { border: none; }
em strong { display: block; visibility: hidden; }
#contact_business { display: none; } /* do not remove */ 
h1 { font-size: 15px; }
h2,h3,h4,h5,h6 { font-size: 14px; }

/* Layout
---------------------------------------------------------------------------- */

#wrap, #mast, #footer-top, #footer-bg, #footer-bottom { width: 770px; }
#wrap { margin: 0 auto; text-align: left; background: url(../images/wrap-bg.jpg) repeat-y; }
#mast {
	position:relative;
	background:url("../images/mast.jpg");
	height:131px;
	}
	/* index page link within #masthead */		
	#mast a {	
		position:absolute;
		left:30px;
		top:50px;
		width:310px;
		height:60px; 
		}
	#mast a span {
		display:none;
		}
#left-col, #right-col { float: left; }
#left-col { width: 223px; }
	#left-col p { margin: 0 20px 12px 31px; font-size: 11px; color: #6a6a6a; }
#right-col, #splash, #hdr-welcome, #img-did-you-know { width: 547px; }
	#right-col p, #right-col dl { margin: 0 33px 12px 16px; }
	#right-col ul { margin: 0 33px 12px 42px; }	
	#right-col ul.about li { margin-bottom: 12px; }	
	.sub-pages ul { list-style: outside disc; }
	.sub-pages dt { font-weight: bold; }
	#right-col h1, #right-col h2, #right-col h3, #right-col h4, #right-col h5, #right-col h6 { margin: 0 33px 4px 16px; } 
	#right-col h1, #right-col h4, #right-col h5, #right-col h6 { color: #2e659d; }
	#right-col h2, #right-col h3 { color: #609ad5; }
	#right-col h2 { border-bottom: 1px solid #2e659d; }

#hdr-offered-treatments-label { width: 267px; height: 69px; background: url(../images/headers/hdr-offered-treatments.jpg); }
#hdr-meet-dr-jindra-label { width: 280px; height: 69px; background: url(../images/headers/hdr-meet-dr-jindra.jpg); }

.headers span, .headers h2 { display: none; }

/* Navigation
---------------------------------------------------------------------------- */
#nav, #actual-nav { width: 223px; height: 296px; }
#actual-nav { background: url(../images/nav.jpg) no-repeat; }
#actual-nav li, #actual-nav a { display: block; height: 37px; }
#actual-nav li { float: left; }
	#btn1, #btn2, #btn3, #btn4, #btn5, #btn6, #btn7, #btn8 { width: 209px; padding-left: 12px; }
	#btn1 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px 0; }
	#btn2 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -37px; }
	#btn3 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -74px; }
	#btn4 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -111px; }
	#btn5 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -148px; }
	#btn6 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -185px; }
	#btn7 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -222px; }
	#btn8 a:hover { background: transparent url(../images/nav.jpg) no-repeat -235px -259px; }

/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#hdr-contact-us { background: url(../images/headers/hdr-contact-us.jpg) no-repeat; height: auto; padding-top:50px; }
#hdr-office-location { background: url(../images/headers/hdr-office-location.jpg) no-repeat; height: auto; padding-top:50px; }
#splash { background: url(../images/splash.jpg); height: 220px; }
#hdr-welcome { background: url(../images/headers/hdr-welcome.jpg) no-repeat; padding-top:50px; }
#hdr-about-the-practice { background: url(../images/headers/hdr-about-the-practice.jpg) no-repeat; padding-top:50px;  }
#hdr-cataracts { background: url(../images/headers/hdr-cataracts.jpg) no-repeat; padding-top:50px; }
#hdr-contact { background: url(../images/headers/hdr-contact.jpg) no-repeat; padding-top:50px; }
#hdr-glaucoma { background: url(../images/headers/hdr-glaucoma.jpg) no-repeat; padding-top:50px; }
#hdr-thanks { background: url(../images/headers/hdr-thanks.jpg) no-repeat; padding-top:50px; }
#hdr-slt { background: url(../images/headers/hdr-slt.jpg) no-repeat; padding-top:50px; }
#hdr-implants { background: url(../images/headers/hdr-implants.jpg) no-repeat; padding-top:50px; }
#hdr-other-procedures { background: url(../images/headers/hdr-other-procedures.jpg) no-repeat; padding-top:50px; }
#hdr-sitemap { background: url(../images/headers/hdr-sitemap.jpg) no-repeat; padding-top:50px; }
#img-did-you-know { background: url(../images/img-did-you-know.jpg); height: 122px; }
	#img-did-you-know ul { padding: 80px 0 0 151px; }
	#img-did-you-know li, #img-did-you-know a { display: block; height: 26px; }
	#img-did-you-know li { float: left; }
	#sbtn1 { width: 123px; }
	#sbtn2 { width: 156px; margin-left: 14px; }

#hdr-offered-treatments, #hdr-meet-dr-jindra { float: left; }
#hdr-offered-treatments { width: 267px; }
	#right-col #hdr-offered-treatments p { margin: 0 9px 12px 16px; }
	#right-col #hdr-offered-treatments ul { margin: 0 9px 12px 18px; }
	#right-col #hdr-offered-treatments li { margin-bottom: 5px; }
#hdr-meet-dr-jindra { width: 280px; }
	#right-col #hdr-meet-dr-jindra p { margin: 0 22px 12px 19px; }
	
#footer-top { height: 7px; background: url(../images/footer-top.jpg); overflow: hidden; }
#footer-bg { background: url(../images/footer-bg.jpg) repeat-y; text-align: center; color: #3a6285; }
	#footer-bg ul { padding: 15px 0 2px; text-align:center; }
	#footer-bg li { padding: 0 1px 0 0; display: inline; color: #f0f0f0; }
	#footer-bg p { padding: 0 30px 11px; }
	#footer-bg a { color: #f0f0f0; font-weight: bold; }
	#footer-bg .color { color: #f0f0f0; }
#footer-bottom { background: url(../images/footer-bottom.jpg) 1px; height: 35px; margin: 0 auto; text-align: center; }

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

form {
	width:150px;
	margin: 0 33px 12px 32px;
	}

form label	{ font-size:.95em; }

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

input, textarea, select { 
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #d2d2d2;
	color:#000;
	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 16px; }

#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; }


/* ----- submit button form elements ----- */ 

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

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


/* Classes
---------------------------------------------------------------------------- */
.clear { clear: both; }
.img-left { float: left; padding: 4px 12px 5px 0; }
.img-right { float: right; padding: 4px 0 5px 12px; }
.txt-center { text-align: center; }
.txt-right { text-align: right; }


/* Additional Topics Page */
#additional-topics-window { width: 542px; height: 100%; margin: auto; background-color: #fff; text-align: left; overflow: auto; }
	#additional-topics-window h1 { padding: 12px 18px 4px; }
	#additional-topics-window p, #additional-topics-window dl { margin: 0 18px 13px; }
	#additional-topics-window dt { font-weight: bold; }
	#additional-topics-window .sm { font: 11px/15px trebuchet ms,lucida grande,lucida sans,arial,helvetica; }