/*== Developed By: Ryan H ===========*/

/*   Globals
=====================================*/
* {margin:0px; padding:0px;}
p, ul, h1, h2, h3, h4, h5 {margin-bottom:10px;}
li {line-height:1.5em; margin-left:20px;}

a {color:#0099FF; text-decoration:none; font-weight:bold;}
a:hover {color:#243766; text-decoration:none;}
a img {border:none;}

/*  IE uses font-size, Mozilla uses line-height  */
.sIFR-active h1 {font-size:30px; line-height:30px; visibility:hidden; width:450px;}



/*   Body and Wrappers
=====================================*/
body {
	background:#243766 url(images/layout/BG.jpg) 0 0 repeat-x;
	font:82%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}
#shell {
	margin:0px auto;
	position:relative;
	overflow:hidden;
	width:850px;
}
#container {
	background:#fff url(images/layout/headBG.jpg) 0 0 no-repeat;
	position:relative;
	overflow:hidden;
	width:100%;
}



/*   Content Styles
=====================================*/
#content {
	padding:350px 0 25px 0;
	margin-left:190px;
	width:640px;
	min-height:350px;
	_height:350px; /* for IE6 */
}
#pagePhoto {
	margin:0 0 10px 10px;
	float:right;
}
#contactInfo {
	position:absolute;
	top:350px;
	right:10px;
}
#contentSpacer {
	float:right;
	width:185px;
	height:270px;
}
#topLinks {text-align:center; margin-bottom:10px;}
#footOffer {width:615px; text-align:center; margin-top:25px;}

/*   Footer Styles
=====================================*/
#footer {
	font:normal 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:0px auto;
	width:100%;
	height:45px;
	clear:both;
}
#footSpace{height:0px;}
#foot_info {
	color:#5FCCFF;
	margin:0px auto;
	text-align:center;
	line-height:1.5em;
	letter-spacing:-1px;
}
#foot_info a {color:#5FCCFF; font-weight:normal;}
#foot_info a:hover {color:#fff;}



/*   Navigation Styles
=====================================*/
#nav {
	position:absolute; top:204px; left:10px; z-index:90;
	padding-left:0px; width:100%;
}
#nav li {
	position:relative;
	list-style:none;
	cursor:pointer;
	margin:0px;
	float:left;
}
#nav li a {
	background:url(images/layout/navBG.jpg) 0px -26px no-repeat;
	font:bold 15px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
	line-height:26px;
	width:93px;
	display:block;
	padding:0px 2px;
	color:#000;
}
#nav li a:hover {
	background-position:0px 0px;
	color:#000;
}
#nav .menuSubs {
	position:absolute; top:30px; left:-30px; z-index:100;
	padding-left:0px; width:150px; background:#7BC0E1; display:none;
	border-left:3px solid #013B7B; border-right:3px solid #013B7B; border-bottom:3px solid #013B7B;
}
#nav .menuSubs2 {
	position:absolute; top:-3px; left:150px; z-index:110;
	padding-left:0px; width:150px; background:#C7E4F2; display:none;
	border-right:3px solid #013B7B; border-bottom:3px solid #013B7B; border-top:3px solid #013B7B;
}
#nav .menuSubs li {
	background-image:none;
	position:static;
	line-height:20px;
	width:100%;
	float:left;
	clear:both;
}

#nav .menuSubs li a {
	background:none;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:20px; text-align:center;
	padding:0px; width:100%;
	color:#000;
}
#nav .menuSubs li a:hover {
	background:#C7E4F2;
	color:#000;
}
#nav .menuSubs2 li a {
	background:none;
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:20px; text-align:center;
	padding:0px; width:100%;
	color:#000;
}
#nav .menuSubs2 li a:hover {
	background:#7BC0E1;
	color:#000;
}


#callOuts {
	width:164px;
	float:left;
	padding:273px 0px 7px 9px;
}
#callOuts dd {
	background-image:url(images/layout/callOuts.jpg);
	margin-bottom:4px;
	height:100px;
}
#callOuts dd a {
	width:160px;
	height:96px;
	display:block;
}
#callOuts dd a:hover {
	border:2px solid #ddd;
}
#refract {background-position:0px 0px;}
#cataract {background-position:0px -100px;}
#botox {background-position:0px -200px;}
#diseases {background-position:0px -300px;}
#surgery {background-position:0px -400px;}

#eMailButton {
	position:absolute;
	z-index:150;
	top:558px;
	right:75px;
	height:20px;
	width:50px;
	display:block;
	background:url(images/blank.gif) 0 0 repeat;
}



/*   Individual Pages
=====================================*/
.staffBlock {
	padding-top:10px; margin-bottom:10px;
	min-height:225px; _height:225px;
	border-top:1px solid #ddd;
}
.staffBlock img {
	margin:0px 9px 8px 0px;
	float:left;
}

#faq {}
.question {}
.faqAnswer {
	padding:10px;
	margin-left:15px;
	width:475px;
	background:#fff;
	color:#000;
}
.rightVid {margin:20px 0px 10px 10px; float:right; clear:right;}



/*   Forms Styles
=====================================*/
form {padding:0;margin:0;}
.text  {border:1px solid #666; width:200px;}
.error {border:1px solid #f00;background-color:#ffe0e0;}
.req {color:#999;font-size:10px;margin-left:5px;}
.req2 {color:#f00;font-weight:bold;margin-left:5px;}
.formText {text-align:right; padding-right:15px; width:33%; line-height:14px; padding-bottom:10px;}



/*   sIFR3 Styles
=====================================*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-unloading .sIFR-flash {
	visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	margin:0; /* may not be needed */
	padding:0; /* may not be needed */
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
}
.sIFR-dummy { 
	width: 0px;
	height: 0px;
	margin-left: 42px;
	z-index: 0;
}


/*   Standard Image/Feature Styles
=====================================*/
#feature {margin:30px auto 20px auto;}
.caption {font-style:italic; color:#666;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}
.photoright {padding:3px; background:#fff; border:1px solid #777; float:right; margin:1px 0px 8px 9px;}
.photoleft {padding:3px; background:#fff; border:1px solid #777; float:left; margin:1px 9px 8px 0px;}
.photo {padding:3px; background:#fff; border:1px solid #777;}
.featureRight {border:5px solid #074d97; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:5px solid #074d97; padding:2px; margin:7px auto 7px auto; }
