/* ------------------------------------------------------------------------------------- */
/* 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, fieldset, blockquote, h1 {
	margin:0;
	padding:0;
	border:0;
}

body {
	background: #D5D4C4 url(../images/bg1.jpg);
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

a img, :link img, :visited img { border: none }

a:link, a:visited {
	color: #B01314;
	text-decoration: underline;
}
a:hover, a:active {
	color: #E26364;
	text-decoration: underline;
}
a.pdf {
	padding-right:17px;
	background:url("../images/pdf-icon-sm.gif") right 1px no-repeat;
	}
h1 span,h2 span,h3 span	{ display:none; }

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#super-wrapper {
	width: 100%;
	background: url(../images/bg2.jpg) left top repeat-x;
}

#wrapper {
	width: 780px;
	margin: 0 auto;
	background: url(../images/bg-main.jpg) top left repeat-y;
	text-align: left;
}

#side-left {
	background: url(../images/side-left.jpg) top left no-repeat;
}
#side-right {
	background: url(../images/side-right.jpg) top right no-repeat;
}

#main {
	margin-left:25px;
	width: 727px;
}
#flash { height:219px;}

#top {
	width: 727px;
	height: 104px;
	background: url(../images/top.jpg) left top no-repeat;
}
	#top span { display: none; }
	
	#top a {
	height:70px;
	left:275px;
	position:absolute;
	top:10px;
	width:340px;
	}
	#top a span {
		display:none;
		}
		
/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	height:34px; 
	}

#nav span { display: none; }

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

#nav li { float:left; list-style:none; display:inline; position:relative; }

#nav-01 { width: 57px; margin-left: 40px;}
#nav-02 { width: 58px;}
#nav-03 { width: 68px;}
#nav-04 { width: 58px;}
#nav-05 { width: 73px;}
#nav-06 { width: 88px;}
#nav-07 { width: 53px;}
#nav-08 { width: 125px;}
#nav-09 { width: 66px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -40px -34px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -97px -34px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -155px -34px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -223px -34px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -281px -34px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -354px -34px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -442px -34px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -495px -34px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.jpg") -620px -34px 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:#D23C3D;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height:25px; /* Height of each drop down nav item */
	}	

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

#nav li ul li a span {
	display:block;
	background:url("../images/bullet-dropdown.gif") 4px 11px no-repeat;
	padding-left:13px;
	}

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

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

/* Hover styles for drop down items */
#nav li ul a:hover { 
	background-image:none;
	background-color:#7D0100;
	color:#FFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width:143px; }		
#nav-03 ul, #nav-03 li { width:126px; }
#nav-04 ul, #nav-04 li { width:131px; }		
#nav-05 ul, #nav-05 li { width:214px; }
#nav-06 ul, #nav-06 li { width:266px; }		
#nav-07 ul, #nav-07 li { width:178px; }
#nav-08 ul, #nav-08 li { width:191px; }
#nav-09 ul, #nav-09 li { width:112px; }

/* content
 * ------------------------------------------------------------------------------------- */

#content, #welcome, #welcome-bg, #logos {
	width: 522px;
}

#content, #logos {
	float: left;
}


#content blockquote {
	width: 522px;
	height: 47px;
}
	#content blockquote span { display: none; }
	.home-quote {
		background: url(../images/index/quote.jpg) left top no-repeat;
		height: 47px !important;
	}
	.home-quote2 {
		background: url(../images/index/quote2.jpg) left top no-repeat;
		height: 66px !important;
	}
	.quote1 {
		background: url(../images/quotes/1.jpg) left top no-repeat;
	}
	.quote2 {
		background: url(../images/quotes/2.jpg) left top no-repeat;
	}
	.quote3 {
		background: url(../images/quotes/3.jpg) left top no-repeat;
	}
	.quote4 {
		background: url(../images/quotes/4.jpg) left top no-repeat;
		margin-bottom:10px;
	}
	.quote5 {
		background: url(../images/quotes/5.jpg) left top no-repeat;
	}
	.quote6 {
		background: url(../images/quotes/6.jpg) left top no-repeat;
		height: 65px !important;
	}
	.quote7 {
		background: url(../images/quotes/7.jpg) left top no-repeat;
	}
	.quote8 {
		background: url(../images/quotes/8.jpg) left top no-repeat;
	}
	.quote9 {
		background: url(../images/quotes/9.jpg) left top no-repeat;
		height: 65px !important;
	}
	.quote10 {
		background: url(../images/quotes/10.jpg) left top no-repeat;
		height: 65px !important;
	}
	.quote11 {
		background: url(../images/quotes/11.jpg) left top no-repeat;
		height: 84px !important;
	}
	.quote12 {
		background: url(../images/quotes/12.jpg) left top no-repeat;
		height: 65px !important;
	}

#content h1 {
	font-size: 14px;
	color: #AF1314;
}
#content h2 {
	font-size: 13px;
	color: #AF1314;
}
#content h4 {
	font-style: italic;
	font-weight: normal;
}

	.sub {
		background: url(../images/bg-content-sub.jpg) left top no-repeat;
	}
	
	#content h1, #content h2, #content h3, #content h4, #content p {
		margin-left: 35px;
		margin-right: 25px;
		margin-top: 10px;
	}
	#content ul, #content ol {
		margin-left: 50px;
		margin-right: 25px;
	}

#welcome {
	background: url(../images/index/bg-welcome.jpg) left top repeat-y;
}
	/*
	#welcome-bg {
		background: url(../images/index/bg-welcome2.jpg) right top no-repeat;
	}
	*/
	
	#welcome #img-welcome {
		width: 192px;
		float: right;
		background: url(../images/index/img-welcome.jpg) left top no-repeat;
	}
		#welcome #img-welcome p {
			padding-top: 10px;
			margin: 0 15px;
			color: #9C6B21;
		}
	
	#welcome h1, #welcome h2, #welcome p {
		margin-left: 35px;
		margin-right: 10px;
		margin-top: 10px;
	}
	
	#bg-welcome-spacer {
		width: 175px;
		height: 400px;
		float: right;
	}

#meet {
	width: 263px;
	float: left;
}
	#meet h1, #meet p {
		margin-left: 40px;
		margin-right: 20px;
	}
	#content #meet h2 {
		margin:0;
		padding:0;
	}
#featured {
	width: 259px;
	float: left;
}
	#featured h1, #featured p {
		margin-left: 30px;
		margin-right: 20px;
	}
	#featured ol { margin:0; padding:0; }
	#featured ol li {
		margin:0 20px 0 30px;
		padding:0;
		}
	#content #featured h2 {
		margin:0;
		padding:0;
	}

#contact {
	width: 205px;
	float: right;
	text-align: center;
    align: top;
}
	#contact p, #contact form {
		margin-left: 10px;
	}
	#contact form p {
		margin: 0;
		text-align: left;
		font-size: 10px;
	}
	#contact ul li {
		list-style:none;
		margin-left: 10px;
		}

#our-locations {
	width: 522px;
	background: url(../images/index/bg-welcome.jpg) left top repeat-y;
}
	#footer-our-locations{
		height: 37px;
		clear: both;
		background: url(../images/index/footer-our-locations.jpg) left top no-repeat;
	}
	#location-one {
		width: 194px;
		float: left;
	}
		#location-one p {
			margin: 10px 10px 10px 40px;
		}
	#location-two {
		width: 164px;
		float: left;
	}
		#location-two p {
			margin: 10px;
		}
	#location-three {
		width: 164px;
		float: left;
	}
		#location-three p {
			margin: 10px;
		}

#lasik-kit {
	height: 306px;
	position:relative;
	background: url(../images/index/img-lasikkit.jpg) no-repeat;
}
#lasik-kit span { display:none;}
	#lasik-kit a {
		position:absolute;
		width:166px;
		height:220px;
		top:36px;
		left:17px;
	}
#lasik-kit p a {
	padding-top: 225px;
}

img.paddingtop {
	padding-top: 20px;
}

img.img-padding {
	margin-top: 15px;
}
	
/* titles
 * ------------------------------------------------------------------------------------- */
#lasik-tech {
	background: url(../images/index/technology.jpg) left top no-repeat;
	height:48px;
}
#why-us {
	background: url(../images/index/lasik.jpg) no-repeat;
	height:48px;
}

#onsite {
	height: 31px;
	background: url(../images/header/surgery-center.gif) no-repeat;
}

#refractive-surgery {
	background: url(../images/header/refractive-surgery.gif) left top no-repeat;
	height: 31px;
}

#ourfacility {
	width: 522px;
	height: 81px;
	background: url(../images/header/facility.jpg) left top no-repeat;
}
	#content h2#ourfacility {
		margin: 0;
	}
#accomidations {
	width: 522px;
	height: 81px;
	background: url(../images/header/accommodations.jpg);
}
	#content h2#accomidations {
		margin: 0;
	}

#shahinfar {
	width: 522px;
	height: 67px;
	background: url(../images/header/shahinfar.jpg);
}
	#content h1#shahinfar {
		margin: 0;
	}

#blausey {
	width: 522px;
	height: 81px;
	background: url(../images/header/blausey.jpg);
}
	#content h2#blausey {
		margin: 0;
	}

#lasik {
	width: 522px;
	height: 67px;
	background: url(../images/page-title/lasik.jpg);
}
#lasik span { display:none; }

#our-procedures {
	width: 522px;
	height: 67px;
	background: url(../images/page-title/procedures.jpg);
}
	#content h1#our-procedures {
		margin: 0;
	}
/* -------------- graphic headers -------------- */
.header {
	height: 40px;
	background-position:21px 10px;
	background-repeat:no-repeat;
	}
	#content .header { margin:0; }
	#content .header span { display:none; }


#wavefront { background-image:url("../images/header/wavefront.jpg"); }
#intraocular { background-image:url("../images/header/intraocular.jpg"); }
#lasik-faqs { background-image:url("../images/header/lasik-faq.jpg"); }
#cataract-faqs { background-image:url("../images/header/cataract-faq.jpg"); }
#lens-implant-faqs { background-image:url("../images/header/lens-implant-faq.jpg"); }
#what { background-image:url("../images/header/what-are-cataracts.jpg"); }
#small-incision { background-image:url("../images/header/small-incision-cataract-sur.jpg"); }
#lens-replacement { background-image:url("../images/header/lens-replacement-options.jpg"); }
/* -------------- END - graphic headers -------------- */

#lasikexperience {
	width: 522px;
	height: 81px;
	background: url(../images/header/lasik.jpg);
}
	#content h2#lasikexperience {
		margin: 0;
	}
	
#faqs {
	width: 522px;
	height: 81px;
	background: url(../images/header/faq.jpg);
}
	#content h2#faqs {
		margin: 0;
	}

#cataractsurgery {
	width: 127px;
	height: 31px;
	background: url(../images/header/cataract.gif);
}

#visian-icl {
	width: 300px;
	height: 31px;
	background:  url("../images/header/visian-icl.gif");
}

#refractivelense {
	width: 194px;
	height: 31px;
	background: url(../images/header/refractice.gif);
}
#ck {
	width: 310px;
	height: 31px;
	background: url(../images/header/ck.gif);
}

#glaucoma {
	width: 77px;
	height: 31px;
	background: url(../images/header/glaucoma.gif);
}

#retinald {
	width: 124px;
	height: 31px;
	background: url(../images/header/retinal.gif);
}
#macular-degeneration {
	height: 31px;
	background: url(../images/header/title-macular-degeneration.jpg) no-repeat;
	}
	#macular-degeneration span { display:none; }




/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/footer.jpg) top left no-repeat;
	width: 780px;
	height: 56px;
	clear: both;
}

#footer {
	width: 750px;
	margin: 0px auto;
	padding: 7px;
	text-align: center;
}

	#footer li { 
		margin: 0px;
		padding: 0px;
		display: inline;
	}
	
	#footer a:link, #footer a:visited {
		color: #000000;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #018270;
		text-decoration: underline;
	}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #B01314;
	margin: 2px;
	background-color:#F1E0CE !important;
	width:180px;
}

.submit { width:60px; }

.top {
	display: block;
	text-align: right;
	font-size: 10px;
}

.img-right {
	float: right;
	margin-left: 7px;
	margin-bottom: 5px;
	clear: right;
}
.img-left {
	float: left;
	margin-right: 7px;
	margin-bottom: 5px;
}
.highlight {
	padding: 5px;
	background-color: #ECCBCB;
	border: 1px solid #B01314;
	font-weight: bold;
}

.redtext {
	color:#B01314;
	font-weight:bold;
}

.tech{ margin-bottom:53px;}

/* Buttons
 * ------------------------------------------------------------------------------------- */
 
#buttons {
	background: url(../images/buttons.jpg) top left no-repeat;					
	width: 522px;
	height: 126px;
	margin: 5px 0 10px 0 !important;
	padding: 0;
}
#buttons span { display: none; }
#buttons li { 
	position: relative;
	float: left;
	list-style: none;
}
#buttons li, #buttons a { 
	height: 126px;
	display: block;
}
#buttons-01 {left: 0px; width: 137px;}
#buttons-02 {left: 0px; width: 126px;}
#buttons-03 {left: 0px; width: 126px;}
#buttons-04 {left: 0px; width: 126px;}
	
#buttons-01 a:hover {background: transparent url(../images/buttons.jpg) -0px -126px no-repeat;}
#buttons-02 a:hover {background: transparent url(../images/buttons.jpg) -137px -126px no-repeat;}
#buttons-03 a:hover {background: transparent url(../images/buttons.jpg) -263px -126px no-repeat;}
#buttons-04 a:hover {background: transparent url(../images/buttons.jpg) -389px -126px no-repeat;}

/* buttons2 */
#buttons2 {
	background: url(../images/buttons2.jpg) top left no-repeat;					
	width: 118px;
	height: 525px;
	padding: 0px;
	margin: 0 0 0 45px;
	position: relative;
}
#buttons2 li span {display: none;}
#buttons2 li {margin: 0; padding: 0; list-style: none; position: absolute;}

#buttons2 li, #buttons2 a {height: 126px; display: block;}
#buttons2-01 {top: 0px;}
#buttons2-02 {top: 132px;}
#buttons2-03 {top: 264px;}
#buttons2-04 {top: 396px;}

#buttons2-01, #buttons2-02, #buttons2-03, #buttons2-04 { left: 0px; width: 118px; }

#buttons2-01 a:hover {background: transparent url(../images/buttons2.jpg) -118px 0px no-repeat;}
#buttons2-02 a:hover {background: transparent url(../images/buttons2.jpg) -118px -132px no-repeat;}
#buttons2-03 a:hover {background: transparent url(../images/buttons2.jpg) -118px -264px no-repeat;}
#buttons2-04 a:hover {background: transparent url(../images/buttons2.jpg) -118px -396px no-repeat;}


/* lasik compare pop up window
 * ------------------------------------------------------------------------------------- */
 
 #compare { width: 500px; font-family: "Times New Roman", Times, serif !important; }
 #other_lasik { text-align:center; }
 #bloomberg {background-color:#F9C5B6; }
 
 table {
	color:#000;
	background:#FFF;
	border-collapse:collapse;
	width:475px;
	border:5px solid #900;
	margin-left: 15px;
	font-family:"Times New Roman", Times, serif;
	}

thead th {
	padding:1em 1em .5em;
 	border-bottom:1px solid #000;
 	font-size:120%;
 	text-align:center;
	}
	
tfoot td {
	font-size:11px;
	}	

tbody td {
	border-bottom:0px solid #000;
	}

#noBorder {
	font-family: Arial, Helvetica, sans-serif;
	border: 0px none;
}