/* ----------- main navigation ---------- */

#main-nav {
	position: absolute;
	left: 305px;
	top: 105px;
}

#home #main-nav {
	left: 160px;
	top: 150px;
}

#main-nav li {
	float: left;	
}

#main-nav a {
	display: block;	
	height: 14px;
	text-indent: -5000px;
	background-image: url(../images/main-nav.gif);
	background-repeat: no-repeat;
}

#main-nav .home a {
	background-position: 0 0;
	width: 76px;
}

body#home #main-nav .home a,
#main-nav .home a:hover {
	background-position: 0 -14px;
}

#main-nav .about a {
	background-position: -76px 0;
	width: 140px;
}

body.about #main-nav .about a,
#main-nav .about a:hover {
	background-position: -76px -14px;
}

#main-nav .services a {
	background-position: -216px 0;
	width: 135px;
}

body.services #main-nav .services a,
#main-nav .services a:hover {
	background-position: -216px -14px;
}

#main-nav .news a {
	background-position: -351px 0;
	width: 174px;
}

body.news #main-nav .news a,
#main-nav .news a:hover {
	background-position: -351px -14px;
}

#main-nav .contact a {
	background-position: -525px 0;
	width: 94px;
}

body.contact #main-nav .contact a,
#main-nav .contact a:hover {
	background-position: -525px -14px;
}


/*---------- secondary navigation ---------- */

#secondary-nav {
	width: 282px;
	float: left;
	background: url(../images/secondary-nav-bg.gif);
	height: 505px;
	position: relative;
}

#secondary-nav ul {
	padding: 39px 0 0 0;
}

#secondary-nav ul ul {
	padding: 0;
}

#secondary-nav a {
	/*display: block;	
	height: 27px;
	text-indent: -5000px;
	*/
	background-image:none;
	background-repeat:no-repeat;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	display:block;
	font-size:14px;
	line-height:14px;
	padding:6px 10px;
	text-transform:uppercase;
	font-weight:bold;
}

#secondary-nav li li a {
	/*height: 25px;*/
	display: none;
	font-size:12px;
	line-height:13px;
	padding:6px 0 2px 20px;
	text-transform:none;
	font-weight:bold;
	color:#72754C;
} 

#secondary-nav li li li a {
	/*height: 15px;*/
	border-bottom-width:0;
	color:#72754C;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	padding:3px 0 3px 25px;
} 

.sec-nav-foreground {
	position: absolute;
	z-index: 500;
	behavior: url(/cole/9.23.08/css/iepngfix.htc) /* absolute path - change on live site */
}

#secondary-nav .top {
	top: 0;
	right: 0;
}

#secondary-nav .bottom {
	bottom: 0;
	right: 0;
}


/* ---------- #about-nav styles ---------- */

#about-nav {
	background: url(../images/secnav-hdr-about.gif) no-repeat top left;
	height: 300px;
}

#about-nav a {
	background-image: none;
}

li.about-us a {
	background-position: 0 0;
}

#about_overview li.about-us a,
li.about-us a:hover {
	background-color:#CBD189;
}

li.our-providers a {
	background-position: 0 -27px;
}

#dr_cole li.our-providers a,
#laura li.our-providers a,
li.our-providers a:hover {
	background-color:#CBD189;
}

#laura li.eric-cole a {
	background-color:#CBD189;
	display: block;
}

#dr_cole li.eric-cole a, 
#laura li.eric-cole a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
	display: block;
}

#dr_cole li.laura-brougher a {
	background-color:#CBD189;
	display: block;
}

#laura li.laura-brougher a,
#dr_cole li.laura-brougher a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
	display: block;
} 


/* ---------- #services_nav main page  ---------- */

#services_nav {
	background: url(../images/secnav-hdr-services.gif) no-repeat top left;
	height: 300px;
}

#services_nav a {
	/* background-image: url(../images/services-nav.gif); */
}

li.services_overview a {
	background-position: 0 0;
}

#services_overview li.services_overview a, li.services_overview a:hover {
	background-color:#CBD189;
}

li.facial_rejuvenation a {
	background-position: 0 -27px;
	display: block;
}

body.laser li.facial_rejuvenation a, 
li.facial_rejuvenation a:hover {
	background-color:#CBD189;
}

li.cosmetic_surgery a {
	background-position: 0 -54px;
	display: block;
}

body.surgery li.cosmetic_surgery a, li.cosmetic_surgery a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:18px 2px;
	color:#72754C;
}

li.medical_services a {
	background-position: 0 -81px;
	display: block;
}

#medical_services li.medical_services a, li.medical_services a:hover {
	background-color:#CBD189;
}



/* ---------- #facial_subnav main page  ---------- */

#facial_subnav a {
	/* background-image: url(../images/services-facial-subnav.gif); */
	background-color:#CBD189;

}

#facial_subnav .laser_facial a {
	display: block;
	
	
	
}



body.laser #facial_subnav .laser_facial a {
	/*background-position: -564px 0;*/
	background-position: 13px 3px;
	color:#3D7A7A;
	border-bottom-width:0;
	
}

#facial_subnav .laser_facial a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}

body.laser #facial_subnav .laser_facial a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}


body#anti_aging #facial_subnav .laser_facial a {
	background-position: 0 0;
	padding:6px 0 6px 20px;
	color:#72754C;
}

#anti_aging #facial_subnav .laser_facial a:hover, #anti_aging #facial_subnav .botox_injectables a:hover {
	background-color:#CBD189;
	background-position:8px 6px;
	background-image:url("/images/nav_arrow.png");
	color:#3D7A7A;
}

body.surgery #surgery_subnav a {
	border-bottom-width:1px;
	padding:6px 0 6px 20px;
}

body.surgery #surgery_subnav a:hover {
	border-bottom-width:1px;
	padding:6px 0 6px 20px;

}


#facial_subnav .botox_injectables a {
	/*background-position: 0 -25px;*/
	display: block;
	font-weight:bold;
	border-bottom-width:0;
	border-top:1px solid #FFFFFF;
}

body.laser #facial_subnav .botox_injectables a, body.laser #facial_subnav .anti_aging a,
body.botox #facial_subnav .anti_aging a, body.botox #facial_subnav .laser_facial a {
	padding-bottom:6px;
}

body.botox #facial_subnav .botox_injectables a {
	/*background-position: -564px -25px;*/
	background-position: 13px 3px;
	background-color:#CBD189;
	border-top-width:0px;
	color:#3D7A7A;
}
	
body.botox #facial_subnav .botox_injectables a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}

#facial_subnav .anti_aging a {
	/*background-position: 0 -50px;*/
	background-position: 13px 3px;
	border-top:1px solid #FFFFFF;
	display: block;
}

#anti_aging #facial_subnav .anti_aging a, #facial_subnav .anti_aging a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}



/* ---------- #laser_subnav styles ---------- */

#facial_subnav ul a {
	/* background-image: url(../images/services_laser_subnav.gif); */
	border-bottom-width:0;
	color:#72754C;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	padding-left:29px;
	padding-top:2px;
	background-image:none;
}

#facial_subnav ul li {
	font-size: 1px;
	line-height: 1px;
}

body.laser #facial_subnav li.laser_overview a {
	background-position: 0 0;
}

body#laser_overview #facial_subnav li.laser_overview a,
body.laser #facial_subnav li.laser_overview a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:13px 3px;
	color:#72754C;
	font-style:italic;
}

body.laser #facial_subnav li.broad_band a {
	/*background-position: 0 -15px;*/
	color:#72754C;
	background-position:13px 3px;
	
}

body#broad_band #facial_subnav li.broad_band a,
body.laser #facial_subnav li.broad_band a:hover {
	background-color:#CBD189;
	font-style:italic;
	background-image:url("/images/nav_arrow.png");
	background-position:13px 3px;
}

body.laser #facial_subnav li.laser_hair a {
	/*background-position: 0 -30px;*/
	background-position: 13px 3px;
	color:#72754C;
}

body#laser_hair #facial_subnav li.laser_hair a,
body.laser #facial_subnav li.laser_hair a:hover {
	background-color:#CBD189;
	font-style:italic;
	background-image:url("/images/nav_arrow.png");
	background-position:13px 3px;
}

body.laser #facial_subnav li.peels_resurfacing a {
	/*background-position: 0 -45px;*/
	background-position: 13px 3px;
	color:#72754C;
}

body#peels_resurfacing #facial_subnav li.peels_resurfacing a,
body.laser #facial_subnav li.peels_resurfacing a:hover {
	background-color:#CBD189;
	font-style:italic;
	background-image:url("/images/nav_arrow.png");
	background-position:13px 3px;
}

body.laser #facial_subnav li.skin_tyte a {
	/*background-position: 0 -60px;*/
	color:#72754C;
}

body#skin_tyte #facial_subnav li.skin_tyte a,
body.laser #facial_subnav li.skin_tyte a:hover {
	background-color:#CBD189;
	font-style:italic;
	background-image:url("/images/nav_arrow.png");
	background-position:13px 3px;
}

body.laser #facial_subnav li.laser_profractional a {
	/*background-position: 0 -75px;*/
	color:#72754C;
	padding-bottom:7px;
}

body#laser_profractional #facial_subnav li.laser_profractional a,
body.laser #facial_subnav li.laser_profractional a:hover {
	background-color:#CBD189;
	font-style:italic;
	background-image:url("/images/nav_arrow.png");
	background-position:13px 3px;
	/*height: 27px;*/
}


/* ---------- #botox_subnav styles ---------- */

body.botox #facial_subnav .botox_injectables ul a {
	/* background-image: url(../images/services_botox_subnav.gif); */
	border-bottom-width:0;
	color:#72754C;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	padding-left:29px;
	padding-top:2px;
	background-image:none;
}

#facial_subnav ul li {
	font-size: 1px;
	line-height: 1px;
}

body.botox #facial_subnav li.botox_cosmetic a {
	background-image:url("/images/nav_arrow.png");
	background-position:18px 2px;
	font-style:italic;
}

body#botox_cosmetic #facial_subnav li.botox_cosmetic a,
body.botox #facial_subnav li.botox_cosmetic a:hover {
	background-color:#CBD189;
	background-position:18px 2px;
	font-style:italic;
	
}

body.botox #facial_subnav li.botox_juvederm a {
	background-position: 0 -15px;
}

body#botox_juvederm #facial_subnav li.botox_juvederm a,
body.botox #facial_subnav li.botox_juvederm a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:18px 2px;
	font-style:italic;
	color:#72754C;
}

body.botox #facial_subnav li.restylane_perlane a {
	background-position: 0 -30px;
}

body#restylane_perlane #facial_subnav li.restylane_perlane a,
body.botox #facial_subnav li.restylane_perlane a:hover {
	background-color:#CBD189;
	background-image:url("/images/nav_arrow.png");
	background-position:18px 2px;
	font-style:italic;
	color:#72754C;
}

body.botox #facial_subnav li.botox_radiesse a {
	background-position: 0 -45px;
	padding-bottom:7px;
	/*height: 27px;*/
}

body#botox_radiesse #facial_subnav li.botox_radiesse a,
body.botox #facial_subnav li.botox_radiesse a:hover {
	background-image:url("/images/nav_arrow.png");
	background-position:18px 2px;
	font-style:italic;
	color:#72754C;
}

/*

body.laser #facial_subnav li.broad_band a {
	background-position: 0 -15px;
}

body#broad_band #facial_subnav li.broad_band a,
body.laser #facial_subnav li.broad_band a:hover {
	background-color:#CBD189;
}*/



/* ---------- #surgery_subnav styles ---------- */

#surgery_subnav a {
	/*background-image: url(../images/services_surgery_subnav.gif);*/
	border-bottom-width:0;
	font-size:13px;
	height:auto;
	line-height:13px;
	padding:6px 20px;
	text-transform:none;
}

#surgery_subnav .overview a {
	background-position: 0 0;
	display: block;
}

#cosmetic_overview #surgery_subnav .overview a, #surgery_subnav .overview a:hover {
	background-color:#CBD189;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}



#surgery_subnav .eyelid_lift a {
	background-position: 0 0;
	display: block;
}

#eyelid_lift #surgery_subnav .eyelid_lift a, #surgery_subnav .eyelid_lift a:hover {
	background-color:#CBD189;
	color:#3D7A7A;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	}

#surgery_subnav .brow_lift a {
	background-position: 0 -25px;
	display: block;
}

#brow_lift #surgery_subnav .brow_lift a, #surgery_subnav .brow_lift a:hover {
	background-color:#CBD189;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}

#surgery_subnav .midface_lift a {
	background-position: 0 -50px;
	display: block;
}

#midface_lift #surgery_subnav .midface_lift a, #surgery_subnav .midface_lift a:hover {
	background-color:#CBD189;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}

#surgery_subnav .midface_lift a {
	background-position: 0 -50px;
	display: block;
}

#midface_lift #surgery_subnav .midface_lift a, #surgery_subnav .midface_lift a:hover {
	background-color:#CBD189;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}

#surgery_subnav .s_lift a {
	background-position: 0 -75px;
	display: block;
}

#s-lift #surgery_subnav .s_lift a, #surgery_subnav .s_lift a:hover {
	background-color:#CBD189;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}


#surgery_subnav .fullface_lift a {
	background-position: 0 -75px;
	display: block;
}

#fullface_lift #surgery_subnav .fullface_lift a, #surgery_subnav .fullface_lift a:hover {
	background-color:#CBD189;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}
#surgery_subnav .neck_lift a {
	background-position: 0 -100px;
	display: block;
}

#neck_lift #surgery_subnav .neck_lift a, #surgery_subnav .neck_lift a:hover {
	background-color:#CBD189;
	display: block;
	background-image:url("/images/nav_arrow.png");
	background-position:8px 6px;
	color:#3D7A7A;
}



/* ---------- #news-nav styles ---------- */

#news-nav {
	background: url(../images/secnav-hdr-news.gif) no-repeat top left;
	height: 300px;
}

#news-nav .latest-news a {
	background-image: none;
	background-color:#CBD189;
}
#news-nav .blog a {
	background-image: none;
}

#current-specials {
	text-indent: -5000px;
	width: 177px;
	height: 29px;
	background-image: url(../images/h4-current-specials.gif);
	margin: 0 0 12px 0;
}



/* ---------- #contact_nav main page  ---------- */

#contact_nav {
	background: url(../images/secnav-hdr-contact.gif) no-repeat top left;
	height: 300px;
}

#contact_nav a {
	background-image: none;
}

li.contact_us a {
	background-position: 0 0;
}

#contact_us li.contact_us a, li.contact_us a:hover {
	background-color:#CBD189;
}

li.directions a {
	background-position: 0 -27px;
}

#directions li.directions a, li.directions a:hover {
	background-color:#CBD189;
}

li.registration_paperwork a {
	background-position: 0 -54px;
}


#registration_paperwork li.registration_paperwork a, li.registration_paperwork a:hover {
	background-color:#CBD189;
}