/* 
----------------------------------------------------------------------------
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; }
a {outline:none;}
/* HTML
---------------------------------------------------------------------------- */
html,body { height: 100%; }
body {
	margin: 0 auto;
	text-align: center;
	font: 13px/18px trebuchet ms,georgia,times,times new roman,serif;
	background: #8197c8 url(../images/body-bg.jpg) repeat-x left top;
	color: #222;
	}
	
a { text-decoration: underline; color: #ccc; font-weight: bold; }
a:hover { text-decoration: none; }
fieldset { border: none; }

h1 {font:1.2em; margin: 0 38px 12px 42px;}
	h1.top {font:1.2em; margin: 0 38px 12px 42px; padding-top:55px;}
h2 {font:1.1em; margin: 0 38px 12px 42px;}
h3 {font:1.0em; margin: 0 38px 12px 42px;}

/* Layout
---------------------------------------------------------------------------- */
#wrap {
	margin: 0 auto;
	text-align: left;
	width: 719px;
	background: url(../images/wrap-bg.jpg) repeat-y left top;
}
#mast {
	width: 719px; height: 128px;
	background: url(../images/mast.jpg);
}
/* Navigation
---------------------------------------------------------------------------- */
#nav, #actual-nav { width: 719px; height: 44px; }
#actual-nav { background: url(../images/nav.jpg) no-repeat; }
#actual-nav span { display: none; }
#actual-nav li, #actual-nav a { 
	height: 44px;			/* Each button must have the same height, define it here */
	display: block;
}
#actual-nav li {
	float: left;
	list-style: none;
	_display: inline;	/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to center your nav, if needed */
/* width - width of each button, they will each most likely be unique */
#btn1 { width: 46px; margin-left: 19px; }
#btn2 { width: 170px; }
#btn3 { width: 155px; }
#btn4 { width: 138px; }
#btn5 { width: 91px; }
#btn6 { width: 79px; }

/* Changed values should match width numbers specified above */
#btn1 a:hover { background: transparent url(../images/nav.jpg) -19px -44px no-repeat; }
#btn2 a:hover { background: transparent url(../images/nav.jpg) -65px -44px no-repeat; }
#btn3 a:hover { background: transparent url(../images/nav.jpg) -235px -44px no-repeat; }
#btn4 a:hover { background: transparent url(../images/nav.jpg) -390px -44px no-repeat; }
#btn5 a:hover { background: transparent url(../images/nav.jpg) -528px -44px no-repeat; }
#btn6 a:hover { background: transparent url(../images/nav.jpg) -619px -44px no-repeat; }

/* Son of Suckerfish */
#actual-nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #29578c;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}
#actual-nav li ul li { height: 20px; }	/* Height of each drop down menu item */
#actual-nav li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
}
#actual-nav li ul li a span {
	display: block;
	padding-left: 8px;
}
/* Drop down link styles */
#actual-nav a:link, #actual-nav a:visited, #actual-nav a:hover, #actual-nav a:active {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#actual-nav li:hover ul, #actual-nav li.sfhover ul	{ left: auto; }
/* Hover styles for drop down items */
#btn3 ul a:hover {
	background-image: none;
	background-color: #0580b3; 
}
/* width of drop down menu - choose width that allows items to display on one line */
#btn3 ul, #btn3 li { width: 244px; }		

/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#flash {
	width: 719px; height: 273px;
	background: url(../images/flash.jpg);
}

#img-splash-1 {
	width: 719px; height: 273px;
	background: url(../images/img-splash-1.jpg);
}

#img-splash-2 {
	width: 719px; height: 273px;
	background: url(../images/img-splash-2.jpg);
}

#img-splash-3 {
	width: 719px; height: 273px;
	background: url(../images/img-splash-3.jpg);
}

#img-splash-4 {
	width: 719px; height: 273px;
	background: url(../images/img-splash-4.jpg);
}

#img-splash-5 {
	width: 719px; height: 273px;
	background: url(../images/img-splash-5.jpg);
}

#img-splash-1 blockquote, #img-splash-2 blockquote, #img-splash-3 blockquote, #img-splash-4 blockquote, #img-splash-5 blockquote { display: none; }

#left-col, #right-col { float: left; }
#left-col { width: 489px; color: #123588; }
	#left-col p, hr { margin: 0 38px 12px 42px; }
	#left-col p.thanks { padding:55px 0 220px 0; }
	#left-col a { color: #ab6d46; }
	#left-col ul { margin: 0 46px 12px 72px; list-style: outside disc; }
#right-col { width: 230px; color: #fff; }
	#right-col p { margin: 0 36px 12px 27px; }
#hdr-index { width: 489px; height: auto; background:  url(../images/headers/hdr-index.jpg) no-repeat; }
	#hdr-index em strong { display: block; visibility: hidden; height: 52px; }
#col-container { width: 489px; position: relative; }
#hdr-custom-wavefront, #hdr-restor-vision-iol { float: left; }
#hdr-custom-wavefront {	width: 245px; background:  url(../images/headers/hdr-custom-wavefront.jpg) no-repeat left top; }
	#hdr-custom-wavefront p { margin: 0 14px 12px 42px; }
#hdr-restor-vision-iol { width: 244px; background:  url(../images/headers/hdr-restor-vision-iol.jpg) no-repeat left top; }
	#hdr-restor-vision-iol p { margin: 0 38px 12px 14px; }
	#hdr-restor-vision-iol .img-right { float: right; padding: 8px 0 2px 8px; margin: 0; }
	#hdr-custom-wavefront em strong, #hdr-restor-vision-iol em strong { display: block; visibility: hidden; height: 54px; }
#hdr-contact-us-today { width: 230px; height: auto; background:  url(../images/headers/hdr-contact-us-today.jpg) no-repeat; }
	#hdr-contact-us-today em strong { display: block; visibility: hidden; height: 56px; }
#img-surf {
	width: 489px; height: 160px;
	background: url(../images/img-surf.jpg) no-repeat left bottom;
	clear: both;
}
#hdr-meet-dr { width: 489px; height: auto; background:  url(../images/headers/hdr-meet-dr.jpg) no-repeat; }
	#hdr-meet-dr em strong { display: block; visibility: hidden; height: 75px; }
#img-waterski {
	width: 489px; height: 160px;
	background: url(../images/img-waterski.jpg) no-repeat left bottom;
}
#hdr-patient-testimonials { width: 489px; height: auto; background:  url(../images/headers/hdr-patient-testimonials.jpg) no-repeat; }
	#hdr-patient-testimonials em strong { display: block; visibility: hidden; height: 75px; }
	#hdr-patient-testimonials dl { margin: 6px 38px 6px 42px; }

	#hdr-patient-testimonials dd.img { width: 130px; float: left; }
	#hdr-patient-testimonials dd.copy { width: 275px; float: left; margin-top: 6px; }
	#Hdr-patient-testimonials dd.clear { clear: both; height: 1px; overflow: hidden; }
		#hdr-patient-testimonials dd.copy p { margin: 0 0 12px; }

/* Quick Contact Form
---------------------------------------------------------------------------- */
#right-col form { margin: 0 36px 22px 22px; }
#right-col input, #right-col textarea {
	width: 144px;
	padding: 2px 4px;
	background-color: #FBFCFE;
	color: #3D57A1;
	margin-bottom: 2px;
	font: 11px/11px verdana,arial,sans-serif;
	border-top: 1px solid #39465c;
	border-right: 1px solid #a2b8e2;
	border-bottom: 1px solid #bbccea;
	border-left: 1px solid #57698b;
}
#right-col img.ptt {margin-left:22px; margin-bottom:15px;}

#right-col textarea { height: 64px; overflow: hidden; }
#right-col input.btn-send {
	width: 62px; height: 31px;
	border: none;
	background: none;
	padding: 0; margin-top: 12px;
}

/* Main Contact Form
---------------------------------------------------------------------------- */
#left-col form { margin: 0 30px 12px 42px; font-size: 11px; line-height: normal; }
#contact-business { display: none; } /* do not remove */ 
#left-col fieldset { margin-bottom: 3px; clear: both; }
#left-col fieldset div { float: left; }
#left-col fieldset div.field-item { text-align: right; padding-right: 12px; width: 180px; }
#left-col input, #left-col select {
	width: 144px;
	padding: 2px 4px;
	background-color: #ffffff;
	color: #000000;
	margin-bottom: 2px;
	font: 11px/11px verdana,arial,sans-serif;
	border-top: 1px solid #39465c;
	border-right: 1px solid #a2b8e2;
	border-bottom: 1px solid #bbccea;
	border-left: 1px solid #57698b;
}
#left-col textarea {
	width: 344px;
	padding: 2px 4px;
	background: #ffffff;
	color: #00000;
	margin-bottom: 12px;
	font: 11px/11px verdana,arial,sans-serif;
	border-top: 1px solid #39465c;
	border-right: 1px solid #a2b8e2;
	border-bottom: 1px solid #bbccea;
	border-left: 1px solid #57698b;
	height: 96px;
	overflow: hidden;
}
#left-col input.btn-send2 {
	width: 62px; height: 31px;
	border: none;
	background: none;
	padding: 0; margin-top: 1px;
}

/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#hdr-office-location { width: 230px; height: 31px; background:  url(../images/headers/hdr-office-location.jpg); }
	#hdr-office-location strong { display: none; }
#hdr-news-media { width: 230px; height: 28px; margin-top: 34px; background:  url(../images/headers/hdr-news-media.jpg); }
	#hdr-news-media strong { display: none; }
#news-nbc4 {
	width: 100%; height: auto;
	background: url(../images/img-nbc4.jpg) no-repeat center top;
}
	#news-nbc4 em strong { display: block; visibility: hidden; height: 65px; }
#news-blue-jackets {
	width: 100%; height: auto;
	background: url(../images/img-blue-jackets.jpg) no-repeat center top;
}
	#news-blue-jackets em strong { display: block; visibility: hidden; height: 90px; }
#hdr-whats-new { width: 230px; height: 28px; margin-top: 34px; background:  url(../images/headers/hdr-whats-new.jpg); }
	#hdr-whats-new strong { display: none; }
#hdr-financing-available { width: 230px; height: 28px; margin-top: 34px; background:  url(../images/headers/hdr-financing-available.jpg); }
	#hdr-financing-available strong { display: none; }
#pre-footer, #footer, #footer-nav { width: 719px; }
#pre-footer {
	clear: both;
	height: 64px;
	background: url(../images/pre-footer.jpg);
}
#footer {
	height: 90px;
	background: url(../images/footer.jpg);
}
#footer-nav { width: 719px; margin: 0 auto; text-align: center; padding-bottom: 12px; }
	#footer-nav ul { margin: 0 24px 3px;  }
	#footer-nav li { display: inline; padding: 0 5px 0 7px; border-left: 1px solid #fff; }
	#footer-nav li.first { border-left: none; }
	#footer-nav p { margin: 0 24px 12px; }
	#footer-nav a { color: #fff; }
	#footer-nav a:hover { color: #00f; }

/* Subpage Headers
---------------------------------------------------------------------------- */
#hdr-about-our-practice { width: 489px; height: auto; background: url(../images/headers/hdr-about-our-practice.jpg) no-repeat; }
	#hdr-about-our-practice em strong, #hdr-refractive-procedures em strong, #hdr-frequent-questions em strong, #hdr-patient-testimonials2 em strong, #hdr-contact-us2 em strong { display: block; visibility: hidden; height: 52px; }
#hdr-refractive-procedures { width: 489px; height: auto; background: url(../images/headers/hdr-refractive-procedures.jpg) no-repeat; }
#hdr-frequent-questions { width: 489px; height: auto; background: url(../images/headers/hdr-frequent-questions.jpg) no-repeat; }
#hdr-patient-testimonials2 { width: 489px; height: auto; background: url(../images/headers/hdr-patient-testimonials2.jpg) no-repeat; }
#hdr-contact-us2 { width: 489px; height: auto; background: url(../images/headers/hdr-contact-us2.jpg) no-repeat; }
#hdr-office-location2 { width: 230px; height: auto; background: url(../images/headers/hdr-office-location2.jpg) no-repeat; }
	#hdr-office-location2 strong { display: block; visibility: hidden; height: 32px; }
#hdr-breakthrough { width: 489px; height: auto; background: url(../images/headers/hdr-breakthrough.jpg) no-repeat; }
#hdr-thankyou { width: 489px; height: auto; background: url(../images/headers/hdr-thankyou.jpg) no-repeat; }

/* Classes
---------------------------------------------------------------------------- */
.clear { clear: both; overflow: hidden; }
.img-left { float: left; margin-right: 24px; border:0; }
.img-right { float: right; margin-left: 24px; border:0; }
div.rule {
	background: url(../images/rule.gif) no-repeat center center;
	width: 489px; height: 27px;
	overflow: hidden;
}
p.txt-caption {text-align: center; font-size:10px; font-family:"Times New Roman", Times, serif}
.txt-center { text-align: center; }
.txt-right { text-align: right; }
p.more {text-align:right; margin-bottom:10px;}