@charset "utf-8";
/*//////////////////////////////////////// 

Style Sheet For: 

RE-DESIGN/CSS/HTML By: Anthony Spence

Company: Next Horizon

CSS Document */

/*//////////////////////////////////////// 

Global Styles 

////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, b {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {float:left;}
.right {float:right;}
.clear {clear: both;}
.tenTop {padding: 8px 0 0 0;}
.throw {text-indent: -50000px;display:block;position:absolute; text-align:left;}
.seo {
	text-indent: -5000px;
	display:block;
	position: absolute;
}

body {
	display: block;
	padding: 15px 0 0 0;
}
#bg {
}
a, p, li, h4 {
	font-family: Arial, Helvetica, sans-serif;	
}

/*//////////////////////////////////////// 

Container Styles

////////////////////////////////////////*/

#mWrapper {
	margin: 25px auto 0 auto;
	width: 816px;	
}

.mRepeat {
	background: url('../images/middleBg.gif') 0 0 repeat-y;
	width: 816px;	
}
.mTop {
	background: url('../images/topBg.gif') 0 0 no-repeat;
	width: 816px;	
}
.mBottom {
	background: url('../images/bottomBg.gif') 0 bottom no-repeat;
	width: 816px;	
}
.mPad {
	padding: 4px 16px 20px 0;	
}
.homePage {
	background: url('../images/homeBg.jpg')	top right no-repeat;
	width: 100%;
	height: 601px;
}
.interiorBg {
	background: url('../images/shine.png')	bottom right no-repeat;
	width: 100%;
}
.leftSide {
	color: #fff;	
	float: left;
	width: 310px;
	padding: 0 0 20px 0;
}
.rightSide {
	float: left;	
	width: 475px;
	padding: 0 0 0 0;
	color: #fff;
}
.iPad {
	display: block;
	padding: 0px 0 0 25px;
}

#logo {
	background:url(../images/logo.png) no-repeat;
	padding:0;
	width:486px;
	height:62px;
	margin: 20px 0 10px 20px;
}
 #logo a {
	width:486px;
	height:62px;
 }

#missionstatement {
	width:300px;
	float: right;
	font-size: 12px;
	padding:0;
	text-align:left;
}


/*//////////////////////////////////
	NEW CONTACT FORM ON FORM PAGE
////////////////////////////////////*/
#rightcontent2 {
	padding:10px;
	padding-top:55px;
	text-align:left;
}

#contact * {
	border: none;
	padding: 0;
	margin: 0;
	position: relative;
	float: none;
	display: block;	
}
#contact label {
	width: 120px;
	color: #fff;
	float: left;
}	
#contact #messagelbl {
	width: 225px;	
}
#contact .txtArea {
	width: 350px;	
}
#contact .spacer {
	padding-bottom: 10px;	
}
#contact .submit {
	float: right;	
	margin: 0 95px 0 0;
}
#contact {
	display: blocl;
	padding: 0 0 0 30px;
}
.formBadge {
	position: absolute;
	margin: 20px 0 0 320px;
	background: url('../images/formBadge.gif') 0 0 no-repeat;
	width: 163px;
	height: 149px;
}

	#formContact {
		
	}
		#contact {
			background-color: #1c1c1c;
			border: 1px solid #363636;
			-moz-border-radius: 10px;
			padding: 20px 0 20px 20px;
			margin: 0 20px 0 0;
		}
		#formContact h3 {
			margin: 0 0 8px 3px;
			color: #fff;	
			font-size: 22px;
			font-weight: bold;
		}


/*========================================================================================
Content Styles
=========================================================================================*/
.interior {
	padding:0px 20px 0 0;
	z-index: 999999;
	position: relative;
	
}
.interior p {
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	margin: 0 0 5px 0;
}
.interior h2, .interior h3  {
	color: #7ab7ff;
	font-family: Myriad, "Myriad Pro", Helvetica, Arial;
	font-size: 28px;
	margin: 0 0 10px 0;
	font-weight: normal;
}
.interior h3 {
	font-size: 18px;	
}
#from a {
	font-size: 14px;
	padding: 0 8px 0 0;
	color: #fff;
}
#infoWrap #from li {
	float: left;
	padding: 0 0 0 8px;	
	list-style: none;
	margin: 0;
}

.special {color:#FF6600;}

#specialsListContainer {border:1px solid #666; background:#000; padding:3px; margin-top:10px; width:450px;}
		#specialsBadge {width:113px; height:108px; position:absolute; z-index:10; margin-top:-65px; left:330px;}
		#specialsList {border:1px solid #666; background:#202020; padding:5px; height:170px;}
				#infoWrap .interior #specialsList li {width:210px; float:left; list-style:none; margin:0 10px 15px 0;}
				#infoWrap .interior #specialsList li span {font-size:16px; font-weight:bold; color:#FF6600; line-height:20px;}


/*========================================================================================
Navigation
=========================================================================================*/

#nav h3 {
	margin: 0;
	padding: 0;
}	
#nav ul {
	margin: 0 0 0 0;
	padding: 0;
}
#nav li {
	margin: 0 0 0 0;
	display: block;
}
#nav ul li ul {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
#nav ul li ul li {
	margin: 0 0 0 25px;
	padding: 0;
}
#nav li a {
	width: 136px;
	height: 19px;
	text-indent:-5000px;
}
#nav ul li ul li a {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
#nav ul li ul li a:hover {
	text-decoration: underline;
	color:#0099FF;
}
#nav #btnhome {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/home.jpg) no-repeat top left;
	border: none;
	-moz-border-style: none;
}
#nav #btnhome:hover {
	background-position:bottom left;
}
/*#nav #btnourdoctors {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/ourdoctors.jpg) no-repeat top left;
}

#nav #btnourdoctors:hover {
	background-position:bottom left;
}*/

#nav #btndoctorlove {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/doctorlove.jpg) no-repeat top left;
}

#nav #btndoctorlove:hover {
	background-position:bottom left;
}

#nav #btnopticalboutique {
	height:19px;
	width:200px;
	display: block;
	background:url(../images/nav/opticalboutique.jpg) no-repeat top left;
}

#nav #btnopticalboutique:hover {
	background-position:bottom left;
}
#nav #btnforms {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/forms.jpg) no-repeat top left;
}

#nav #btnforms:hover {
	background-position:bottom left;
}

#nav #btnmap {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/map.jpg) no-repeat top left;
}

#nav #btnmap:hover {
	background-position:bottom left;
}

#nav #btncontact {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/contact.jpg) no-repeat top left;
}

#nav #btncontact:hover {
	background-position:bottom left;
}

#nav #btnvisiontherapy {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/visiontherapy.jpg) no-repeat top left;
}
#nav #btnvisiontherapy:hover {
	background-position:bottom left;
}

#nav #btnlatisse {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/latisse.jpg) no-repeat top left;
}
#nav #btnlatisse:hover {
	background-position:bottom left;
}


#nav #btngvss {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/gvss.jpg) no-repeat top left;
}

#nav #btngvss:hover {
	background-position:bottom left;
}

#nav #btnmakeappointment {
	height:19px;
	width:136px;
	display: block;
	margin-top: 10px;
	background:url(../images/nav/makeappointment.jpg) no-repeat top left;
}

#nav #btnmap2 {
	height:19px;
	width:136px;
	display: block;
	margin-top: 10px;
	background:url(../images/nav/directions.jpg) no-repeat top left;
}

#nav #btnmap2:hover {
	background-position:bottom left;
}

#nav #btnmakeappointment2 {
	height:19px;
	width:136px;
	display: block;
	margin-top: 0;
	background:url(../images/nav/makeappointment.jpg) no-repeat top left;
}

#nav #btnmakeappointment2:hover {
	background-position:bottom left;
}


#nav #btnmakeappointment:hover {
	background-position:bottom left;
}

#nav #btncontactlenses {
	height:19px;
	width:200px;
	display: block;
	background:url(../images/nav/contactlenses.jpg) no-repeat top left;
}

#nav #btncontactlenses:hover {
	background-position:bottom left;
}

#nav #btnservices {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/services.jpg) no-repeat top left;
}

#nav #btnservices:hover {
	background-position:bottom left;
}

#nav #btntestimonials {
	height:19px;
	width:136px;
	display: block;
	background:url(../images/nav/testimonials.jpg) no-repeat top left;
}

#nav #btntestimonials:hover {
	background-position:bottom left;
}

/*========================================*/
/*	Video List							  */
/*========================================*/

#bottomleft {
	width:270px;
	background:url(../images/book2.jpg) -40px 0 no-repeat;
	height:155px;
	padding: 2px 0 0 0;
	overflow:hidden
}

#videolist {
	margin:50px 0 0 120px;
}
#videolist li {
	line-height: 20px;	
}

#videolist ul li a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

#videolist ul li a:hover {
	text-decoration: underline;
	color:#0099FF;
}
#videolist h3 {
	margin: 0;
	padding: 0 0 5px 0;
	font-weight: normal;
	font-size: 11px;
	float: left;
	
}
#videolist h2, #videolist h4 {
	padding: 0 0 9px 0;
	margin: 0;
	font-size:12px;
	font-style: normal;
	font-weight: normal;
}
#videolist span {
	float: left;
}

/*========================================*/
/*	New Content Flyout                    */
/*========================================*/
#content-tab {
	position: absolute;
	margin: 110px 0 0 800px;
	width: 47px;
	height: 137px;
	z-index:0;
}
#content-tab a {
	display: block;
	background: url('../images/tab.gif') -18px 0px no-repeat;
	width: 29px;
	height: 137px;
}
#content-tab a:hover {
	background: url('../images/tab-on.gif') -18px 0px no-repeat;
}
#content-tab h2 {
	text-indent: -5000px;
}

#content-tab2{
	position: absolute;
	margin: 260px 0 0 800px;
	width: 28px;
	height: 170px;
	z-index:1;
}
#content-tab2 a {
	display: block;
	background: url('../images/tab2.gif') top right no-repeat;
	width: 28px;
	height: 170px;
}
#content-tab2 a:hover {
	background: url('../images/tab2-on.gif') top right no-repeat;
}
#content-tab2 h2 {
	text-indent: -5000px;
}

#home-content {
	background: url('../images/contentBG.png') top left repeat;
	position: absolute;
	width: 385px;
	margin: 100px 0 0 040px;
	padding: 10px 15px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;

}
#home-content p {
	line-height: 18px;
	color: #fff;
	font-size: 13px;
}
#home-content h3 {
	padding: 0;
	margin: 0 0 8px 0;
	color: #7ab7ff;
	font-family: Myriad, "Myriad Pro", Helvetica, Arial;
	font-size: 18px;
}

#friendly{
	font-size: 14px;
}

#friendly a{
	font-size: 15px;
}


/*//////////////////////////////////
Scroll Thing 
////////////////////////////////////*/

.vision-scroll {
	height: 370px;

}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
.insurance-list {
	
}
	#infoWrap .interior li {
		list-style: outside circle;
		margin: 0 0 0 25px;
		font-size: 13px;
		line-height: 16px;
	}
	
	#infoWrap .aSuber li {
		list-style: none;
		margin: 0 0 0 0;
		font-size: 13px;
		line-height: normal;
	}
	.litSpace {
		display: block;
		height: 10px;
	}
	#infoWrap .aSuber li h2 {
		font-size: 18px;
		margin:0 0 3px 0;
		padding: 3px 0 0 0;
		display: block;
	}
	#infoWrap .aSuber li p {
		line-height: 16px;
	}
	#infoWrap a {
		color: #ff6600;	
		line-height: normal;
	}

/*========================================================================================
Footer
=========================================================================================*/

#footer li {
	display:inline;
	list-style:none;
	border-left:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000;
	padding:0 8px 0 5px;
	line-height: 16px;
}

#footer p {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:1px 0 1px 0;
	line-height: 14px;
	padding: 4px 0 0 0;
}

#footer a {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}

#footer a:hover {
	color:#0099FF;
	text-decoration:underline;
}
#footer ul {
	float: left;
	width:500px;
	margin: 10px 0 0 0;
	padding: 0;
}
#footer h4 {
	display: inline;
	padding: 0 5px 0 0;
}
#footer .footName {
	float: left;	
}
#footer .footName h2 {
	float: left;		
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 0 5px 0 0;
}


/*////////////////////////////////////////
BBBOnline Accreditation 
////////////////////////////////////////*/

#bbb-logo-sm {
	float: left;
	margin: 10px 10px 0 0;
	padding: 1px;
	overflow: hidden;
	display: block;
}

/*////////////////////////////////////////
Contact/Request Appointment Badge 
////////////////////////////////////////*/

#requestBadge a {background:url(../images/pageBadge.png) top left no-repeat; width:163px; height:149px; display:block; text-indent:-5000px; position:absolute; z-index:100; margin:-35px 0 0 680px;}

/*////////////////////////////////////////
Facebook API
////////////////////////////////////////*/
#FacebookAPI {width:295px; margin:15px 10px 20px 0; float:left;}
		#FacebookAPIHeader {width:295px; height:23px; background:url(../images/facebook-API-Header.gif) top left no-repeat; text-indent:-5000px;}

/*Updated Form with Validation and Qaptcha*/
#divToUpdate { color:#F60; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px; margin-bottom:20px; }
.error {color:#F60!important; font-size:13px;}
.qContact { width: 415px; }


#qContact label {
	width: 120px;
	color: #fff;
	float: left;
}	
#qContact #messagelbl {
	width: 225px;	
}
#qContact .txtArea {
	width: 350px;	
}
#qContact .spacer {
	padding-bottom: 10px;	
}
#qContact .submit {
	float: right;	
	margin: 0 95px 0 0;
	padding:5px;
}
#qContact {
	display: blocl;
	padding: 0 0 0 30px;
}
.formBadge {
	position: absolute;
	margin: 20px 0 0 320px;
	background: url('../images/formBadge.gif') 0 0 no-repeat;
	width: 163px;
	height: 149px;
}
	#qContact {
		background-color: #1c1c1c;
		border: 1px solid #363636;
		-moz-border-radius: 10px;
		padding: 20px 0 20px 20px!important;
		margin: 0 20px 0 0;
	}
/*****************/
/** QapTcha CSS **/
/*****************/
#QapTcha { padding:0px; background:none; margin-top:20px; }
#QapTcha .clr { clear:both }
#QapTcha #bgSlider { width:202px; height:22px; background:transparent url('../img/qapthca-bgSlider.jpg') no-repeat 0 0; float:left; position:relative;  }
#QapTcha #Slider { width:48px; height:22px; background:transparent url('../img/qaptcha-slider.png') no-repeat 0 0; cursor:e-resize;  }
#QapTcha #Icons { float:left; width:16px; height:16px; background:transparent url('../img/qaptcha-icon-lock.jpg') no-repeat 0 0; margin-top:3px; margin-left:10px; }
#QapTcha #TxtStatus { width:202px; padding-top:15px; padding-bottom:15px; text-align:left; color:#F60; font-family:Verdana; font-size:10px; clear:both }