/****************************************************************************************************************************
 * Reset css start
 ****************************************************************************************************************************/
* { margin:0; padding:0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
blockquote, q { quotes: "" ""; }
abbr, acronym { border:0; font-variant:normal; }
sup, sub { line-height:-1px; vertical-align: text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body { font:13px/1.22 arial, helvetica, clean, sans-serif; *font-size:small;
*font:x-small;
}
table { font-size:inherit; font:100%; }
/**
 * Bump up IE to get to 13px equivalent
 */
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:99%; }
/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * { line-height:1.22em; }
/* {font-size:77%;}  renders 10px
   {font-size:85%;}  renders 11px
   {font-size:93%;}  renders 12px 
   {font-size:100%;} renders 13px
   {font-size:108%;} renders 14px
   {font-size:116%;} renders 15px
   {font-size:123.1%;} renders 16px
   {font-size:131%;} renders 17px
   {font-size:138.5%;} renders 18px
   {font-size:146.5%;} renders 19px
   {font-size:153.9%;} renders 20px */ 
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
em { font-style:italic; }
th { font-weight:bold; text-align:center; }
p { margin: 1em 0; }
div#content blockquote, div#content ul, div#content ol, div#content dl { margin:1em; }
div#content ol, div#content ul, div#content dl { margin-left:2em; }
div#content ul li { list-style: disc outside; }
div#content ol li { list-style: decimal outside; }
div#content li { margin:0.5em 0; }
div#content dl dd { margin-left:1em; }
body { background: #FFF url(../images/bg.png); color:#000; }
a, a:link, a:visited, a:active { color: #000; }
a:hover { color:#222; }
/****************************************************************************************************************************
 * Reset css finish
 ****************************************************************************************************************************/



/****************************************************************************************************************************
 * New Body >> css
 ****************************************************************************************************************************/
body { background:url(../images/bg.png);text-align:center; font-family:Arial;}
#mainContanier {width:760px; margin:auto; text-align:left; background:url(../images/mainBg.png); padding:0 20px 0 20px;}
#contentBody {width:761px;}
#contentL { width:277px; float:left;height:auto !important;min-height:500px; position:relative;z-index:5;}
#contentL h1{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal}
#contentL h5{ font-family:"Trebuchet MS", Tahoma; font-size:12px; color:#3974a8; font-weight:normal; text-align:justify; margin-top:10px}
#contentL h3{ font-family:"Trebuchet MS", Tahoma; font-size:14px; color:#3974a8; font-weight:normal; text-align:justify; margin-top:10px}

#extra{ padding:20px 10px 10px 10px;}
#extra1{ height:130px}


#logo { width:275px; height:92px; background:url(/images/logo.jpg); border-left:#506671 1px solid;border-right:#506671 1px solid}
#SelfEvaluation{ width:277px; height:84px; background:url(../images/takeLasikSelfEvaluation.png);}

#leftBox{ padding:24px 36px 24px 36px; border-bottom:1px solid #506671}
#leftBox0{ border-bottom:1px solid #506671; height:272px}
#leftBox1{ padding:25px 20px 24px 30px; border-bottom:1px solid #506671; height:218px}
#leftBox2{ padding:16px 20px 24px 30px; border-bottom:1px solid #506671; height:104px}
#leftBox3{ padding:16px 0px 24px 20px;border-bottom:1px solid #506671;border-right:1px solid #e4e8ec; height:440px; background:#fff}

#contentR { width:483px; float:left;min-height:500px; position:relative;z-index:3;}
#contentR h1{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal}
#contentR h5{ font-family:"Trebuchet MS", Tahoma; font-size:12px; color:#000; font-weight:normal; text-align:justify; margin-top:10px;}
#headeMedia { width:483px; height:382px;}
#headeMedia2 { width:483px; height:92px;}
#content{}
#contentSubTop{border-bottom:1px solid #000000; padding:24px 24px 20px 24px; position:relative}
#guiname{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal; position:absolute; top: 12px; }
#fontResizeContanier,#fontResizeContanier1{ position:absolute; top: 12px; left:340px; width: 112px; height:28px; background:url(../images/fontResize.png) }
#fontResizeContanier1{ top: 22px; left:331px; }
#A1{ position:absolute; width:7px; height:19px; left: 28px; top: 8px; }
#A2{ position:absolute; width:7px; height:19px; left: 44px; top: 8px; }
#A3{ position:absolute; width:7px; height:19px; left: 59px; top: 8px; }
a.A1_1 { display:block; float:left; width:7px; height:19px; background:url(../images/fontResizer.gif) no-repeat 0px 0px; font-size:8px }
a.A1_1:hover { background:url(../images/fontResizer.gif) no-repeat 0px -14px; width:7px; height:19px; }
a.A2_1 { display:block; width:7px; height:19px; background:url(../images/fontResizer.gif) no-repeat -23px 0px;  font-size:8px }
a.A2_1:hover { background:url(../images/fontResizer.gif) no-repeat -23px -14px; width:7px; height:19px; }
a.A3_1 { display:block; float:left; width:7px; height:19px; background:url(../images/fontResizer.gif) no-repeat -23px 0px;  font-size:8px }
a.A3_1:hover { background:url(../images/fontResizer.gif) no-repeat -23px -14px; width:7px; height:19px; }
#contentSub{padding:14px 24px 20px 24px; position:relative}
#nav1Cont{width:482px; height:84px; position:relative;z-index:99}

#rightBox{ height:auto !important;min-height:223px;border-bottom:1px solid #506671;padding:24px 36px 20px 36px; position:relative }
#rightBox1{padding:14px 0px 20px 5px; height:310px}

#modulContanier{width:236px; height:323px;float:left;}
#modL{width:20px; height:323px;float:left; background:url(../images/modulLR.png)}
#modM{width:190px; height:323px;float:left;background:url(../images/modulM.png); position:relative}
#modR{width:20px; height:323px;float:left;background:url(../images/modulLR.png) -20PX 0}
#modMInner, #modMInner2{font-size:12px; color:#fff; text-align:left; padding: 24px 8px 0 2px ;}
#modMInner2{padding:0px 8px 0 2px ; line-height:14px; height:300px}

#modulContanier1-2{width:236px; height:323px;}
#modulContanier1{width:236px; height:323px;}
#modL1{width:20px; height:323px;float:left; background:url(../images/modulLR.png)}
#modM1{width:190px; height:323px;float:left;background:url(../images/modulM.png); position:relative}
#modR1{width:20px; height:323px;float:left;background:url(../images/modulLR.png) -20PX 0}
#modM1Inner1-1, #modM1Inner1-12{font-size:12px; color:#fff; text-align:justify; padding: 24px 8px 0 2px ;}
#modM1Inner1-12{padding:0px 8px 0 2px ; line-height:14px; height:300px}

#liClass{}
#liClass li{line-height:9px; list-style:circle inside;padding:0; margin:0;}
#liClass2 li{line-height:16px; list-style:circle inside;padding:0; margin:0;}

#footer1L {float:left; width:219px; height:91px; padding:28px 28px 22px 28px; position:relative; background:#80a7c8}
#footer1R {float:left; width:425px; height:91px; padding:24px 40px 0 20px; background:#e4e8ec; height:116px}
#footer1R h1{ font-family:"Trebuchet MS", Tahoma; font-size:18px; color:#003f85; font-weight:normal}
#footer1R h5{ font-family:"Trebuchet MS", Tahoma; font-size:12px; color:#000; font-weight:normal; text-align:justify; margin-top:10px}

#footerMenu { color:#3672a7; font-size:10px; margin:auto; width:720px; text-align:center; border:1px solid #000; padding:20px}
#footerMenu a { color:#3672a7; margin:6px; line-height:24px; text-decoration:none }
#footerMenu a:hover { color:#aeaeae; line-height:24px; text-decoration:none }

/****************************************************************************************************************************
 * button contaniers
 ****************************************************************************************************************************/
#btnContanier1{ margin:18px 0 0 70px}
#btnContanier2{ margin:4px 0 0 70px}
#btnContanier2-extra{ margin:4px 0 0 60px}
#btnContanier3{ margin:0 0 0 18px}
#btnContanier4{ position:absolute; left: 24px; top: 265px; }
#btnContanier5{ position:absolute; left: 25px; }
#btnContanier6{ position:absolute; left: 150px; }
/****************************************************************************************************************************
 * button Sets
 ****************************************************************************************************************************/
a#makeAppointment, #makeAppointment span, span.makeAppointment_span  { display:block; position:relative; width:147px; height:40px; overflow:hidden; }
a#makeAppointment span, span.makeAppointment_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -0px; }
a#makeAppointment:hover span, span.makeAppointment_span_oo {background-position:0 -40px;}

a#learnMore, #learnMore span, span.learnMore_span  { display:block; position:relative; width:147px; height:40px; overflow:hidden; }
a#learnMore span, span.learnMore_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -82px; }
a#learnMore:hover span, span.learnMore_span_oo {background-position:0 -122px;}

a#learnMore1, #learnMore1 span, span.learnMore1_span  { display:block; position:relative; width:142px; height:40px; overflow:hidden; }
a#learnMore1 span, span.learnMore1_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -162px; }
a#learnMore1:hover span, span.learnMore1_span_oo {background-position:0 -205px;}

a#clickHere, #clickHere span, span.clickHere_span  { display:block; position:relative; width:142px; height:40px; overflow:hidden; }
a#clickHere span, span.clickHere_span { position:absolute; left:0; top:0; background:url(../images/buttonSet1.png) no-repeat 0 -248px; }
a#clickHere:hover span, span.clickHere_span_oo {background-position:0 -291px;}

a#takeTest, #takeTest span, span.takeTest_span  { display:block; position:relative; width:277px; height:84px; overflow:hidden; }
a#takeTest span, span.takeTest_span { position:absolute; left:0; top:0; background:url(../images/takeLasikSelfEvaluation.png) no-repeat 0 -0px; }
a#takeTest:hover span, span.takeTest_span_oo {background-position:0 -84px;}

a#ourLocations, #ourLocations span, span.ourLocations_span  { display:block; position:relative; width:102px; height:91px; overflow:hidden; }
a#ourLocations span, span.ourLocations_span { position:absolute; left:0; top:0; background:url(../images/ourLocations.png) no-repeat 0 0; }
a#ourLocations:hover span, span.ourLocations_span_oo {background-position:0 -91px;}

a#ourTeam, #ourTeam span, span.ourTeam_span  { display:block; position:relative; width:102px; height:91px; overflow:hidden; }
a#ourTeam span, span.ourTeam_span { position:absolute; left:0; top:0; background:url(../images/ourLocations.png) no-repeat -102px 0; }
a#ourTeam:hover span, span.ourTeam_span_oo {background-position:-102px -91px;}
/****************************************************************************************************************************
 * replace contaniers
 ****************************************************************************************************************************/
#replaceContanier{ position:absolute; top: 57px; left: -5px; }
#replaceContanier1{}
#replaceContanier2{ position:absolute; top: 109px; left: 3px; }

/****************************************************************************************************************************
 * text replaces
 ****************************************************************************************************************************/

#replace { position:relative; width:181px; height:26px; padding:0; overflow:hidden;margin:0px 0 0 0px;padding:14px 0 0 6px; }
#replace span, span.replace { position: absolute; top:0; left:0px; width:181px; height:26px; background:url(../images/lasikConnecticun.png) left top no-repeat;margin:14px 0 0 6px; }

#replace1 { position:relative; width:152px; height:26px; padding:0; overflow:hidden;margin:0 0 0 8px; padding:14px 0 0 10px}
#replace1 span, span.replace1 { position: absolute; top:0; left:0px; width:152px; height:26px; background:url(../images/bladeFreeLasik.png) left top no-repeat;  margin:14px 0 0 10px}

#replace2 { position:relative; width:201px; height:44px; padding:0; overflow:hidden;}
#replace2 span, span.replace2 { position: absolute; top:0; left:0px;  width:201px; height:44px; background:url(../images/mod2Pic.png) left top no-repeat; }

#replace3 { position:relative; width:225px; height:80px; padding:0; overflow:hidden; margin:10px 0 0 0}
#replace3 span, span.replace3 { position: absolute; top:0; left:0px;  width:225px; height:80px; background:url(../images/NewAccomodativePremiumLensImplants.jpg) left top no-repeat; }

/****************************/
#baseball { 
	position:relative;
	width: 204px; height: 288px;
	margin:0; padding:0;
	overflow:hidden;
}
#baseball span, span.baseball {
	position: absolute;	top:0; left:0;
	width:204px; height:288px;
	background: url(../images/baseball.jpg) left top no-repeat;
}
/********/
#motorcyclea { 
	position:relative;
	width: 220px; height: 288px;
	margin:0; padding:0;
	overflow:hidden;
}
#motorcyclea span, span.motorcyclea {
	position: absolute;	top:0; left:0;
	width:220px; height:288px;
	background: url(../images/motorcyclea.jpg) left top no-repeat;
}
/***********/
#basket_ball { 
	position:relative;
	width: 204px; height: 288px;
	margin:0; padding:0;
	overflow:hidden;
}
#basket_ball span, span.basket_ball {
	position: absolute;	top:0; left:0;
	width:204px; height:288px;
	background: url(../images/basket_ball.jpg) left top no-repeat;
}

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


div#contentSub blockquote,div#contentSub ul,div#contentSub ol,div#contentSub dl {margin:1em;}
div#contentSub ol,div#contentSub ul,div#contentSub dl {margin-left:2em;}
div#contentSub ul li {list-style: disc outside;}
div#contentSub ol li {list-style: decimal outside;}
div#contentSub li {margin:0.5em 0; }
div#contentSub dl dd {margin-left:1em;}
/*****************************/
div#eval_test_eyeview{
	position:relative; width:277px; height:84px;
	background:url(../images/eval_test_eyeview.png) no-repeat;
}
div#eval_test_eyeview ul {list-style-type:none; margin:0; padding:0;}

a#lasik_self_eval_test {
	display:block; position:relative;
	margin:0; padding:0;
	overflow:hidden; cursor:pointer;
}
a#lasik_self_eval_test span, span.lasik_self_eval_test {
	position: absolute; top:0; left:0;
	background: url(../images/eval_test_eyeview.png) no-repeat;
	cursor:pointer;
}
a#lasik_self_eval_test, a#lasik_self_eval_test span    { width: 277px; height:41px; }
a#lasik_self_eval_test span, span.lasik_self_eval_test { background-position:0px 0px; }
a#lasik_self_eval_test:hover span        			 { background-position: -277px 0px; }


/***/
a#watch_eyeview_videos {
	display:block; position:relative;
	margin:0; padding:0;
	overflow:hidden; cursor:pointer;
}
a#watch_eyeview_videos span, span.watch_eyeview_videos {
	position: absolute; top:0; left:0;
	background: url(../images/eval_test_eyeview.png) no-repeat;
	cursor:pointer;
}
a#watch_eyeview_videos, a#watch_eyeview_videos span    { width: 277px; height:42px; }
a#watch_eyeview_videos span, span.watch_eyeview_videos { background-position:0px -41px; }
a#watch_eyeview_videos:hover span        		   { background-position: -277px -41px; }
/******************/
div#rachel_lutzker {	display:block;	position:relative;	margin:0;	padding:0;	width:483px;	height:127px;	position:relative;	border:0;	background:url(../images/rachel_lutzker_bg.png) no-repeat;}
div#seminar_date {	position:absolute;	left:145px;	top:1px;	width:184px;	height:115px;	border:0;}
div#seminar_date h3 {	font-family:Helvetica, sans-serif;	font-size:18px;	font-weight:bold;	color:#003F85;	padding:5px 0 2px 0;}
div#seminar_date p {font-family:Helvetica, sans-serif; font-size:13px; color:#003F85;	margin:1px 5px 1px 2px;	padding:0;	line-height:15px;}
#qc_register_form {position:absolute;	left:330px;	top:17px;	height:108px;}
#qc_register_form .txt_input1, #qc_register_form .txt_input2, #qc_register_form .txt_input3 {position:absolute;	background-color:transparent; display:block;	width:98px;	height:14px; margin:0; padding:0; border:0px none; left:45px;} 
#qc_register_form .txt_input1 {	top:1px;}
#qc_register_form .txt_input2 {	top:25px;}
#qc_register_form .txt_input3 {	top:49px;}
#qc_register {position:absolute;left:0px;top:78px;}

/************************************************************/
a#pat_summerall {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#pat_summerall span, span.pat_summerall {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(../images/pat_summerall.png) left top no-repeat;
	cursor:pointer;
}
a#pat_summerall:hover span { background-position:left bottom; }

a#rachel_lutzker {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#rachel_lutzker span, span.rachel_lutzker {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(../images/rachel_lutzker.png) left top no-repeat;
	cursor:pointer;
}
a#rachel_lutzker:hover span { background-position:left bottom; }


a#nykesha_sales {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#nykesha_sales span, span.nykesha_sales {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(../images/nykesha_sales.png) left top no-repeat;
	cursor:pointer;
}
a#nykesha_sales:hover span { background-position:left bottom; }

a#chris_towne {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#chris_towne span, span.chris_towne {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(../images/chris_towne.png) left top no-repeat;
	cursor:pointer;
}
a#chris_towne:hover span { background-position:left bottom; }

a#donnie_marshall {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#donnie_marshall span, span.donnie_marshall {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(/images/donnie_marshall.png) left top no-repeat;
	cursor:pointer;
}
a#donnie_marshall:hover span { background-position:left bottom; }

a#tour_our_office {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#tour_our_office span, span.tour_our_office {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(/images/tour_our_office.png) left top no-repeat;
	cursor:pointer;
}
a#tour_our_office:hover span { background-position:left bottom; }

a#wigmaster {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#wigmaster span, span.wigmaster {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(/images/wigmaster.png) left top no-repeat;
	cursor:pointer;
}
a#wigmaster:hover span { background-position:left bottom; }

a#amygrey {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#amygrey span, span.amygrey {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(/images/amy_grey.png) left top no-repeat;
	cursor:pointer;
}
a#amygrey:hover span { background-position:left bottom; }

a#fichman_in_news {
	display:block; position:relative;
	width: 277px; height: 84px;
	margin:0; padding:0;
	overflow:hidden;
	cursor:pointer;
}
a#fichman_in_news span, span.fichman_in_news {
	position: absolute;	top:0; left:0;
	width:277px; height:84px;
	background: url(../images/fichman_in_news.png) left top no-repeat;
	cursor:pointer;
}
a#fichman_in_news:hover span { background-position:left bottom; }


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





.glacialslide-html{background-color:#FFF;}
.glacialslide-html-blur{border:2px solid gray;}
.glacialslide-html-content{position:absolute;display:none;}
.glacialslide-loading{display:block;color:#000;font-size:8pt;font-family:sans-serif;font-weight:700;text-decoration:none;border:1px solid #000;background-color:#FFF;padding:2px;}
.glacialslide-move{cursor:move;}
.glacialslide-display-block{display:block;}
.glacialslide-display-none{display:none;}
.control{float:right;display:block;font-size:9pt;font-weight:700;text-decoration:none;text-transform:uppercase;color:#999;margin:0 5px;}
.control:hover{color:#000!important;}



.ir-link-wrapper { text-align:center; margin:15px auto 15px auto; }
.ir-link-wrapper, .ir-link-wrapper a, a.ir-link, a.ir-link:link, a.ir-link:visited, a.ir-link:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:normal; color:#3672A7;
}
.ir-link-wrapper a:hover, a.ir-link:hover {color:#333; text-decoration:none;}

.ir-info-wrapper {}
.ir-info {}




/*********** TESTIMONIALS BEGIN *******/
#mainContainer {font-family:arial, helvetica; font-size:12px;}
#mainContainer a {color:black; font-weight:bold;}
#mainContainer a:hover {color:black; text-decoration:none;font-weight:bold;}
#mainContainer {border:1px solid silver; width:420px; height:520px;padding:10px 4px 10px 4px;}
#searchBar {width:418px; height:40px;}
#leftBar { width:204px; height:300px; float:left;}
#imgContainer {width:200px; border:1px solid silver; height:200px;}
#testimonialsHomeLink {width:200px; height:30px;margin-top:5px;}
#rightBar {float:left; width:205px; height:auto; margin-left:5px;}
#nxtPrvLinksContainer {width:205px; height:30px;margin:0px;margin-top:5px; text-align:right;}
#commentContainer { min-height:200px;width:205px; margin:0px; }
*html #commentContainer {height:expression('200px');min-height:200px; margin:0px;}
#patientInfo {font-weight:bold; padding-bottom:5px;padding-top:1px;}
#listObjLoop {padding:5px;}
#listImgContainer {border:1px solid silver;height:50px;width:50px;float:left;}
#listComContainer {border:1px solid silver;height:40px;width:335px;float:left;margin-left:10px; padding:5px;}
#linkContainer {padding:5px; margin:5px; text-align:right;}
/*********** TESTIMONIALS END *******/


/* 
Navigation
-----------------------------------------------------------------------------*/	
#nav3 {background:url(../images/nav-back.png) top left no-repeat; width:277px; position:relative;z-index:5;}
#main-nav ul {width:277px; margin: 0; padding:0;}
#main-nav li {display:block; position:relative; height:25px; width:277px;}
#main-nav li a {width:277px; line-height:25px; text-indent:20px; color:#fff; text-decoration:none; display:block; background:url(../images/nav-li.png) 3px 5px no-repeat; font-family:"Myriad Pro",Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase;}
#main-nav li a:hover, #main-nav li a:focus{background:#8fb0ca url(../images/nav-li.png) 3px 5px no-repeat;}
#main-nav li a.active:hover {cursor: default;}
#main-nav li li a:hover {background-color:#6a99bd;}

/* 
Superfish Drop Down Navigation
-----------------------------------------------------------------------------*/	
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	277px;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	277px !important; /* match ul width */
	top:	0;
	background-color:#8fb0ca;
	margin:-31px 0 0 244px !important;
	width:280px !important;
}
.sf-vertical li:hover ul li,
.sf-vertical li.sfHover ul li,
.sf-vertical li:hover ul li a,
.sf-vertical li.sfHover ul li a {
	width:280px !important;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
}