@charset "UTF-8";
body {
	background-image: url(images/bgStripe.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	text-align:center;
}
#containerShadow {
	background-image: url(images/bgShadow.png);
	background-repeat: repeat-y;
	width: 1000px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.container960 {
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #FFF;
	background-image: url(images/bg960.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
}
#top {
	background-image: url(images/bgTop.png);
	background-repeat: repeat-x;
	clear: both;
	height: 166px;
	width: 960px;
	position: relative;
}
#nav {
	clear: both;
	width:960px;
}

#logo{float:left;}
/*****************************************/
/*** TOP bttns ***/
/*****************************************/
a.bttnSchedule{
	width:191px; 
	height:115px;
	background-image:url(images/bttnSchedule.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -999em;
	float:left;
}
a.bttnLasik{
	width:170px; 
	height:115px;
	background-image:url(images/bttnLasik.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -999em;
	float:left;
}
a.bttnCall{
	width:175px; 
	height:115px;
	background-image:url(images/bttnCallUs.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
	text-indent: -999em;
	float:left;
}

a.bttnSchedule:hover, a.bttnSchedule:active, a.bttnLasik:hover, a.bttnLasik:active, a.bttnCall:hover, a.bttnCall:active{background-position: 0px -115px; text-decoration:none;}

/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {	
	width:960px;
	list-style:none;
	height:38px;
	padding:0px;
	margin:0px;
}

ul#navigation li {
	display:inline;
}

ul#navigation li a {
	height:38px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#home a {
	width:110px;
	background:url(images/nav.jpg) no-repeat 0px 0
}

ul#navigation li#home a:active,
ul#navigation li#home a:hover {
	background-position:0px -38px
}
ul#navigation li#home a.current {
	background-position:0px 0px -38px
}

ul#navigation li#why a {
	width:165px;
	background:url(images/nav.jpg) no-repeat -110px 0
}

ul#navigation li#why a:active,
ul#navigation li#why a:hover {
	background-position:-110px -38px
}
ul#navigation li#why a.current {
	background-position:-110px -110px -38px
}

ul#navigation li#need a {
	width:270px;
	background:url(images/nav.jpg) no-repeat -275px 0
}

ul#navigation li#need a:active,
ul#navigation li#need a:hover {
	background-position:-275px -38px
}
ul#navigation li#need a.current {
	background-position:-275px -275px -38px
}

ul#navigation li#testimonials a {
	width:160px;
	background:url(images/nav.jpg) no-repeat -545px 0
}

ul#navigation li#testimonials a:active,
ul#navigation li#testimonials a:hover {
	background-position:-545px -38px
}
ul#navigation li#testimonials a.current {
	background-position:-545px -545px -38px
}

ul#navigation li#faq a {
	width:95px;
	background:url(images/nav.jpg) no-repeat -705px 0
}

ul#navigation li#faq a:active,
ul#navigation li#faq a:hover {
	background-position:-705px -38px
}
ul#navigation li#faq a.current {
	background-position:-705px -705px -38px
}

ul#navigation li#doctors a {
	width:160px;
	background:url(images/nav.jpg) no-repeat -800px 0
}

ul#navigation li#doctors a:active,
ul#navigation li#doctors a:hover {
	background-position:-800px -38px
}
ul#navigation li#doctors a.current {
	background-position:-800px -800px -38px
}
/* =====================
SLIDER CODE
======================================= */
#featured { 
	width: 960px;
	height: 380px;
	background: #000 url('images/loading.gif') no-repeat center center;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }


/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(images/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: urlimages/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(images/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 20px;
    height: 50px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(images/right-arrow.png);
    right: 0; }

div.slider-nav span.left {
    background: url(images/left-arrow.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(images/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

/*****************************************/
/***    ***/
/*****************************************/
#content {
	float: right;
	width: 615px;
	padding-right: 40px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	font-size: 16px;
}
#contentThanks {
	width: 860px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	font-size: 16px;
	margin-right: auto;
	margin-left: auto;
}
#infoBox {
	width: 270px;
	z-index: 666;
	position:absolute;
	top:470px;
	left:15px;
	text-align: left;
	background-repeat: repeat-y;
	overflow: hidden;
}
#infoboxContainer {
	background-image: url(images/bgInfobox.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 270px;
	background-position: top;
}
#infoBoxContent {
	background-image: url(images/bgInfoboxSwoop.png);
	background-repeat: no-repeat;
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	background-position: right top;
	overflow: hidden;
}
#info {
	width: 190px;
	margin-right: auto;
	margin-left: auto;
}
.bttmShadow {
	height: 30px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	overflow: hidden;
	clear: both;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}

#info input, select{margin-bottom:4px;}
.submit {
	width:186px; 
	height:45px;
	background-image:url(images/bttnSubmit.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
	display:block;
	text-decoration:none;
	border:none;
	margin:0;
	padding:0;
	float:left;
	text-indent:9999px;
}
.submit:hover, a.submit:active{background-position: 0px -45px; text-decoration:none;}
/***********************************************************************************************************************
accordion style menu.
************************************************************************************************************************/
#wrapper {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 600px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background:#999;
	border-bottom: 1px solid #FFF;
	color:#FFF;
	cursor: pointer;
	padding:8px;
	
	}
	
.accordionContent {	
	width: 600px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background:#CCC;
	padding:8px;
	border-bottom: 1px solid #FFF;
	}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background:#005581;
	}
	
.over {
	background:#97AEDA;
	}#FlashID {
	margin-right: 20px;
	margin-bottom: 10px;
}