/* 
 ----------------------------------------------------------------------------
  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,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
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
		background:url(../images/bg.jpg) repeat-x top left #EEEEEE; 
		text-align:center; 
		font:12px/18px "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif; 
		color:#000; 
		}

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

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

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

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


#column-left ul { padding-left: 3px; }

#column-left li {
	_position:relative;	/* fixes the occasional WinIE bullet peekaboo pug */
	padding-left: 12px;
	background: transparent url(../images/index/li.jpg) 0px 2px no-repeat;
	}
	
#sub-column-left ul { padding-left: 3px; }

#sub-column-left li {
	_position:relative;	/* fixes the occasional WinIE bullet peekaboo pug */
	padding-left: 12px;
	background: transparent url(../images/index/li.jpg) 0px 2px no-repeat;
	}
	
#sub-column-right li {
	_position:relative;	/* fixes the occasional WinIE bullet peekaboo pug */
	padding-left: 12px;
	background: transparent url(../images/sub/sub_right_column_li.jpg) 0px 2px no-repeat;
	}
#sub-column-right a:link, #sub-column-right a:visited	{ color:#fff; text-decoration:underline; }
#sub-column-right a:hover, #sub-column-right a:active	{ color:#D6D3D4; text-decoration:underline; }
/* ----- classes ----- */

div.clear	{ clear:both; height:.01em; overflow:hidden; }
.top { text-align:right; display:block; font-size:10px;}
img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }

img.img-left02 { float:left; margin:0px 5px 1px 0; }

	 
.gry {color:#8A8A8A;}
.white {color:#fff;}
#video-hd { background: url(../images/sub/ocala_eye_video_header.jpg) left top no-repeat; height:100px;}
.close-win { font-size:10px; color: #fff; padding-left: 20px; }
.close-win a:link, .close-win a:visited	{ color:#fff; text-decoration:underline;}
.cataract01 { padding-left:150px;}
.new-building { padding-left: 60px; }
.crystlens { padding-left:15px; }
.crystlens02 { padding-left:50px; }
.panoramic { padding-left:10px; }
/* main framework
 * ------------------------------------------------------------------------- */

#wrap { background:url(../images/index/bg_wrap.jpg) top left repeat-y; width:775px; margin:0 auto; text-align:left;}
#img-container 	{ background:url(../images/index/img_container0.jpg); height:211px;}

#column-left { width:386px; float:left;} 
	#column-left p, #column-left h1, #column-left h2 {margin: 5px 32px 5px 60px;}
	#column-left ul {margin: 15px 32px 15px 65px;}
	#column-left a:link,a:visited	{ color:#226AAA; text-decoration:underline; }
	#column-left a:hover,a:active	{ color:#000; text-decoration:underline; }
	#title-welcome { position:relative; background:url(../images/index/title_welcome2.jpg) top left no-repeat; height:319px;}
	#quick-contact { background:url(../images/index/quick_contact_bg.jpg) top left no-repeat; float:left;}
	#quick-contact-form { margin:0; float:left;}
	#quick-text { margin:0; width:185px; float:left;}
	.quick-text {padding:100px 0 5px 102px;}

	#title-top-rated { background:url(../images/index/title_top_rated.jpg) top left no-repeat; height:72px;}
	#refractive { position:relative; background:url(../images/index/seetheworld.jpg) left top no-repeat; width:389px; height:135px;}
        #hearing { position:relative; background:url(../images/index/heartheworld.jpg) left top no-repeat; width:389px; height:135px;}
	#btn a { position:absolute; width:386px; height:155px; top:23px; left:3px;}/* img link */
	#btn2 a { position:absolute; width:335px; height:288px; top:28px; left:43px;}/* img link */

	 
#column-right { width:389px; float:left;}
	#column-right p, #column-right h2 {margin: 0px 53px 0px 22px; color:#FFF;}
	#column-right img {margin: 0px 0px 0px 22px;}
	#column-right a:link, #column-right a:visited { color:#FFF; text-decoration:underline; }
    #column-right a:hover, #column-right a:active	{ color:#CCCCCC; text-decoration:underline; }
	#title-procedures { background:url(../images/index/title_procedures.jpg) top left no-repeat; height:67px;}
	#custom-vue { background: url(../images/index/customvue_bg.jpg) top left repeat-y; padding-top:10px; padding-bottom:10px;}
	#custom-vue p, #custom-vue h2 {padding: 0px 15px 0px 90px; color:#FFF;}
	#restor { background: url(../images/index/restor_bg.jpg) top left repeat-y; padding-top:10px; padding-bottom:10px;}
	#restor p, #custom-vue h2 {padding: 0px 15px 0px 90px; color:#FFF;}
	#rezoom { background: url(../images/index/rezoom_bg.jpg) top left repeat-y; padding-top:10px; padding-bottom:10px;}
	#rezoom p, #custom-vue h2 {padding: 0px 15px 0px 90px; color:#FFF;}
	#nearvision { background: url(../images/index/nearvision_bg.jpg) top left repeat-y; padding-top:10px; padding-bottom:10px;}
	#nearvision p, #nearvision h2 {padding: 0px 15px 0px 90px; color:#FFF;}
	#crystalens { background: url(../images/index/cyrstalens_bg.jpg) top left repeat-y; padding-top:10px; padding-bottom:10px;}
	#crystalens p, #crystalens h2 {padding: 0px 15px 0px 90px; color:#FFF;}
	#cataracts { background: url(../images/index/cataracts_bg.jpg) top left repeat-y; padding-top:10px; padding-bottom:10px;}
	#cataracts p, #cataracts h2 {padding: 0px 15px 0px 90px; color:#FFF;}
	#ophthalmology { background: url(../images/index/ophthalmology_bg.jpg) top left repeat-y; padding-top:10px; padding-bottom:10px;}
	#ophthalmology p, #ophthalmology h2 {padding: 0px 15px 0px 90px; color:#FFF;}
	#title-news-list { background:url(../images/index/title_news2.jpg) top left no-repeat; height:66px;}
	#title-news-bot { background:url(../images/index/bot_news.jpg) top left no-repeat; height:26px;}
	#newsbg { background: url(../images/index/news_bg.jpg) top left repeat-y; padding-top:0px; padding-bottom:0px;}
	#newsbg p, #newsbg h2 {padding: 0px 0px 0px 0px; color:#FFF;}
		 
#page-footer { background:url(../images/index/page_footer.jpg) no-repeat; width:775px; height:54px; clear:both;}
#footer-logo { position:relative; background:url(../images/index/btm_footer_logo.jpg) left top no-repeat; width:775px; height:103px;}
#logo a { position:absolute; width:249px; height:66px; top:8px; left:267px;}/* img link */

/* inside sub pages framework
 * ------------------------------------------------------------------------- */
#sub-wrap { background:url(../images/sub/sub_wrap_bg.jpg) top left repeat-y; width:775px; margin:0 auto; text-align:left;}
#table-container {margin-left: 22px;}

#infusion-wrap { background:url(../images/sub/infusion_wrap_bg.jpg) top left repeat-y; width:775px; margin:0 auto; text-align:left;}
#sub-infusion { width:775px; float:left;} 
	#sub-infusion p, #sub-infusion h1, #sub-infusion h2, #sub-infusion h3 {margin: 5px 32px 15px 60px;}
	#sub-infusion ul {margin: 15px 32px 15px 65px;}
	#title-infusion { background:url(../images/sub/title_infusion.jpg) top left no-repeat; height:64px;}
	#title-cccguide { background:url(../images/sub/title_cccguide.jpg) top left no-repeat; height:64px;}
	#title-lasik-infusion { background:url(../images/sub/title_lasik_infusion.jpg) top left no-repeat; height:64px;}


#infusion-page-footer { background:url(../images/sub/page_footer_infusion.jpg) no-repeat; width:775px; height:57px; clear:both; overflow:hidden;}

#sub-column-left { width:536px; float:left;} 
	#sub-column-left p, #sub-column-left h1, #sub-column-left h2, #sub-column-left h3 {margin: 5px 32px 15px 60px;}
	#sub-column-left ul {margin: 15px 32px 15px 65px;}
	#title-sub { background:url(../images/sub/title_sub.jpg) top left no-repeat; height:64px;}
	#title-cataracts { background:url(../images/sub/title_cataracts.jpg) top left no-repeat; height:64px;}
	#title-contact { background:url(../images/sub/title_contact.jpg) top left no-repeat; height:64px;}
	#title-crystalens { background:url(../images/sub/title_crystalens.jpg) top left no-repeat; height:64px;}
	#title-lasik { background:url(../images/sub/title_lasik.jpg) top left no-repeat; height:64px;}
	#title-nearvision { background:url(../images/sub/title_nearvision.jpg) top left no-repeat; height:64px;}
	#title-ophthalmology { background:url(../images/sub/title_ophthalmology.jpg) top left no-repeat; height:64px;}
	#title-optical { background:url(../images/sub/title_optical.jpg) top left no-repeat; height:64px;}
	#title-sitemap { background:url(../images/sub/title_sitemap.jpg) top left no-repeat; height:64px;}
	#title-about { background:url(../images/sub/title_about.jpg) top left no-repeat; height:64px;}
	#title-insurance { background:url(../images/sub/title_insurance.jpg) top left no-repeat; height:64px;}
	#title-testimonials { background:url(../images/sub/title_testimonials.jpg) top left no-repeat; height:64px;}
	#title-news { background:url(../images/sub/title_news.jpg) top left no-repeat; height:64px;}
	#title-newsitemarchive { background:url(../images/sub/title_newsitemarchive.jpg) top left no-repeat; height:64px;}
	#title-jobs { background:url(../images/sub/title_careers.jpg) top left no-repeat; height:64px;}
	#title-faqs { background:url(../images/sub/title_faqs.jpg) top left no-repeat; height:64px;}
	#title-plastic-surgery { background:url(../images/sub/title_plastic_surgery_botox.jpg) top left no-repeat; height:64px;}
	#title-retina { background:url(../images/sub/title_retina.jpg) top left no-repeat; height:64px;}
	#title-cornea { background:url(../images/sub/title_cornea.jpg) top left no-repeat; height:64px;}
	#title-glaucoma { background:url(../images/sub/title_glaucoma.jpg) top left no-repeat; height:64px;}
	#title-patient-forms { background:url(../images/sub/title_patient_express_forms.jpg) top left no-repeat; height:64px;}
	#title-hearing { background:url(../images/sub/title_hearing.jpg) top left no-repeat; height:64px;}
	#title-community { background:url(../images/sub/title_community.jpg) top left no-repeat; height:64px;}
	#title-blended { background:url(../images/sub/title_blended.jpg) top left no-repeat; height:64px;}
	#title-astigmatism { background:url(../images/sub/title_astigmatism.jpg) top left no-repeat; height:64px;}
	#title-eyeexam { background:url(../images/sub/title_eyeexam.jpg) top left no-repeat; height:64px;}
	#title-iols { background:url(../images/sub/title_iols.jpg) top left no-repeat; height:64px;}
	#title-tecnis { background:url(../images/sub/title_tecnis.jpg) top left no-repeat; height:64px;}
	#title-restor { background:url(../images/sub/title_restor.jpg) top left no-repeat; height:64px;}
	#title-ccc { background:url(../images/sub/title_ccc.jpg) top left no-repeat; height:64px;}
	#title-ngli { background:url(../images/sub/title_ngli.jpg) top left no-repeat; height:64px;}
	#title-ac { background:url(../images/sub/title_ac.jpg) top left no-repeat; height:64px;}
	#title-ali { background:url(../images/sub/title_ali.jpg) top left no-repeat; height:64px;}
	#title-bv { background:url(../images/sub/title_bv.jpg) top left no-repeat; height:64px;}
	#title-table { background:url(../images/sub/title_table.jpg) top left no-repeat; height:64px;}
	#title-tv { background:url(../images/sub/title_tv.jpg) top left no-repeat; height:64px;}

#sub-column-left img.img-lasik {margin-left: 110px;}
    #sub-column-left img.img-lasik02 {margin-left: 100px;}
	#sub-column-left img.ck-video {margin-left: 170px;}
	
#sub-column-right { width:239px; float:left;}
	#sub-column-right p {margin: 5px 53px 15px 15px; color:#FFF;}
	#sub-column-right ul {margin: 5px 53px 5px 15px; color:#FFF;}
	#sub-column-right form {padding:20px 0px 0 15px;}
	#title-sub-quick-contact { background:url(../images/sub/title_sub_quick_contact.jpg) top left no-repeat; height:72px;}
	#title-refractive-contact { background:url(../images/sub/title_sub_refractive_coordi.jpg) top left no-repeat; height:107px;}
	#title-sub-blank { background:url(../images/sub/title_sub_blank.jpg) top left no-repeat; height:72px;}

#sub-page-footer { background:url(../images/sub/page_footer_sub.jpg) no-repeat; width:775px; height:57px; clear:both; overflow:hidden;}


/* Legal Disclaimer
 * ------------------------------------------------------------------------- */
#container-disclaimer { background:url(../images/sub/bg_disclaimer.jpg) left top repeat-y; width:760px; }
		#container-disclaimer p { margin:8px 30px 8px 30px; }
#masthead-disclaimer { background:url(../images/sub/masthead_diclaimer.jpg); height:54px; }
#footer-disclaimer { background:url(../images/sub/footer_disclaimer.jpg) no-repeat; height:135px;}

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

#nav { 
	background: url(../images/index/nav.jpg) no-repeat; 
	width:775px; 
	height:54px; 
	margin:0; padding:0; 
	}

#nav span { display: none; }

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

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

#nav-01 { width: 62px; margin-left: 0px;}
#nav-02 { width: 71px;}
#nav-03 { width: 51px;}
#nav-04 { width: 93px;}
#nav-05 { width: 54px;}
#nav-06 { width: 64px;}
#nav-07 { width: 50px;}
#nav-08 { width: 64px;}
#nav-09 { width: 87px;}

#nav-01 a:hover {background: transparent url(../images/index/nav.jpg)   0px -54px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/index/nav.jpg) -62px -54px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/index/nav.jpg) -133px -54px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/index/nav.jpg) -184px -54px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/index/nav.jpg) -277px -54px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/index/nav.jpg) -331px -54px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/index/nav.jpg) -395px -54px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/index/nav.jpg) -445px -54px no-repeat;}
#nav-09 a:hover {background: transparent url(../images/index/nav.jpg) -509px -54px no-repeat;}

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

#nav02 { 
	background: url(../images/index/nav_02.jpg) no-repeat; 
	width:775px; 
	height:54px; 
	margin:0; padding:0; 
	}

#nav02 span { display: none; }

#nav02 li, #nav02 a { height: 54px; display: block; }

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

#nav02-01 { width: 111px; margin-left: 35px;}
#nav02-02 { width: 137px;}
#nav02-03 { width: 105px;}
#nav02-04 { width: 92px;}
#nav02-05 { width: 172px;}
#nav02-06 { width: 89px;}

#nav02-01 a:hover {background: transparent url(../images/index/nav_02.jpg) -35px -54px no-repeat;}
#nav02-02 a:hover {background: transparent url(../images/index/nav_02.jpg) -146px -54px no-repeat;}
#nav02-03 a:hover {background: transparent url(../images/index/nav_02.jpg) -283px -54px no-repeat;}
#nav02-04 a:hover {background: transparent url(../images/index/nav_02.jpg) -388px -54px no-repeat;}
#nav02-05 a:hover {background: transparent url(../images/index/nav_02.jpg) -480px -54px no-repeat;}
#nav02-06 a:hover {background: transparent url(../images/index/nav_02.jpg) -652px -54px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav02 li ul {
	position: absolute;
	left: -9999px;  margin-top:-5px; padding-left: 5px;
	background-color: #3D393A;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

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

#nav02 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 */
	}

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

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

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

/* Hover styles for drop down items */
#nav02-02 ul a:hover {
	background-image: none;
	background-color: #504D4E;} 
#nav02-05 ul a:hover {
	background-image: none;
	background-color: #504D4E;} 
	

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


/* footer
 * ------------------------------------------------------------------------- */
 
#footer { background: url(../images/index/bg_footer.jpg) top left repeat-y;  width:775px; text-align:center; margin:0 auto; }
#footer p {padding: 5px 25px 5px 25px;}
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; color:#fff; }

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


/* ----- quick contact form ----- */ 

form { width:165px; padding:20px 0 15px 0px;}
	
form p	{ font-size:10px; }

form br { line-height:0; /* defaults vertical spacing between fields */}
	
input, textarea, select { 
	background-color:#226AAA !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #fff;
	color:#fff;
	width:160px; /* 5 pixles smaller than form width !important */
	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;
	}
	
#sub-column-right input, #sub-column-right textarea, #sub-column-right select { 
	background-color:#fff !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #fff;
	color:#000;
}

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

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

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

input.submit-image { 
	background: url("../images/btn-submit.gif"); 
	width:63px; 
	height:15px; 
	border:none; 
	cursor:pointer; 
	}
 
select { 
	width:165px; /* same width as form !important */
	padding:0;
	}
/* main contact form
 * ------------------------------------------------------------------------- */
 
#contact-main { padding:20px 0 10px 50px; }

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

	
/* multi-column lists */

ul.multi-col {
	width: auto;
}
ul.multi-col li {
	float: left;
	width: 150px;
	list-style: none;
}
ul.multi-col li a { 
	display: block;
	width: 200px; 
}	

/* multi-column lists */

ul.multi-col-02 {
	width: auto;
}
ul.multi-col-02 li {
	float: left;
	width: 200px;
	list-style: none;
}
ul.multi-col-02 li a { 
	display: block;
	width: 200px; 
}