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

/* ---------------- SITE DEFAULTS -------------------- */


body { 

	background-image:url(/images/bkg.gif); 
	margin-top:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}


ul { padding: 0; margin: 0 }
p { margin:0 0 20px 0 }
h3 { margin:0 0 10px 0 }
a { color: #336699}
a:hover { color: #666699 }



/* -------------- HEAD (graphical) ------------ */


#head { 

	height:90px;
	background-image:url(/images/head.gif);
	background-repeat:no-repeat
}



/* -------------- PAGE ----------------- */



#page { 

	width: 650px;
	margin-left: auto;
		margin-right: auto;
}



/* ---------------- MAIN NAV -------------------- */



#nav { height:40px; background-color: #333333 }

#nav ul { padding: 0; margin: 0 }

#nav ul li {

	display:inline;
	height:35px;
	float:left;
	padding:5px 0 0 0;
	list-style-type:none
}

#nav ul li a { 

	height: 5px;
	float:left;
	padding: 5px 57px 25px 57px;
	background-image:url(/images/nav_on.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none
}


#nav ul li a:hover { color:#7996E0 }


/* seting the active nav item */

#page.home #nav ul li a#nav_home, 
#page.about #nav ul li a#nav_about, 
#page.skin #nav ul li a#nav_skin, 
#page.nutrition #nav ul li a#nav_nutrition, 
#page.contact #nav ul li a#nav_contact { color:#EFAC08 }



/* ---------------- CONTENT -------------------- */



#content { 

	border-top: solid 7px #7996E0;
	background-color: white;
	width:650px;
	padding:20px 0 0 0;
	background-image:url(/images/splash_skin.jpg);
	background-repeat:no-repeat;
	background-position: left bottom;
	
}

#content_right {

	width:384px;
	height:500px;
	float:right;
	border-bottom: solid 10px #CC9900;
	border-left: solid 1px #000000;
	padding: 0 20px 20px 25px;
	text-align:left;
	line-height:1.5em;
	overflow:hidden;
}

#content_right H3 { color:#7996E0; font-size:18px; font-weight:normal; margin-bottom:20px }
#content_right H4 { color: black; font-size:14px; margin-bottom:10px }

#content_right p.highlight { background-color: #D9E3FA; padding:5px; margin-bottom:5px }

#content_right UL { margin: 0 0 20px 25px }






/* ---------------- SUBNAV -------------------- */


#subnav {

	width:220px;
	height:200px;
	float:left;
	text-align:right;
	margin:1px 0 0 0;
}

#subnav ul { padding: 0; margin: 0 -9px 0 0 }

#subnav ul li {
	
	height:20px;
	width:220px;
	float:right;
	clear:both;
	padding:0;
	margin-bottom:5px;
	list-style-type:none
}

#subnav ul li a { 
	
	width:195px;
	height:10px;
	float:right;
	padding: 5px 20px 5px 5px;
	background-repeat:no-repeat; 
	background-position:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: black;
	text-decoration:none
}

#subnav ul li a:hover { color:#7996E0}


/* seting the active subnav item (SKIN) */

#subnav.microderm ul li a#subnav_microderm, 
#subnav.facial ul li a#subnav_facial, 
#subnav.waxing ul li a#subnav_waxing, 
#subnav.cancer ul li a#subnav_cancer, 
#subnav.products ul li a#subnav_products { background-image:url(/images/subnav_on.gif); color:#EFAC08 }

/* seting the active subnav item (NUTRITION) */

#subnav.fitness ul li a#subnav_fitness, 
#subnav.wellness ul li a#subnav_wellness, 
#subnav.nutrition ul li a#subnav_nutrition, 
#subnav.dietician ul li a#subnav_dietician { background-image:url(/images/subnav_on.gif); color:#EFAC08 }


#subnav_title {

	width:220px;
	height:0;
	float:left;
	clear:both;
	margin-bottom:7px;
	padding-top:27px;
	overflow:hidden;
	background-image:url(/images/title_skin.gif);
	background-repeat:no-repeat
}

/* seting the active title graphic (appears within subnav area) */

#page.about #subnav_title { background-image:url(/images/title_about.gif) }
#page.skin #subnav_title { background-image:url(/images/title_skin.gif) }
#page.nutrition #subnav_title { background-image:url(/images/title_nutrition.gif) }
#page.contact #subnav_title { background-image:url(/images/title_contact.gif) }



/* -------------- PAGE SPECIFIC: Home ------------ */



#page.home #content { 

	border-top: 0;
	padding:0;
	height:367px;
	background-image:url(/images/splash_home.jpg);
	background-position:0 0 ;
}
 
.splash_links { float:left; margin: 300px 0 0 150px; }


/* -------------- PAGE SPECIFIC: About ------------ */



#page.about #subnav ul { padding:0; margin:0 }

#page.about #subnav ul li {
	
	height:auto;
	width:auto;
	margin-right:25px;
	line-height:1.5em;
}

/* Set background image for Skin Section */
#page.about #content { background-image:url(/images/splash_about.jpg); }



/* -------------- PAGE SPECIFIC: Contact ------------ */



#page.contact #subnav ul { padding:0; margin:0 }

#page.contact #subnav ul li {
	
	height:auto;
	width:auto;
	margin-right:25px;
}

#page.contact #subnav ul li a { padding:0; margin:0 }

#content_right form.highlight { background-color: #D9E3FA; padding:15px }

#content_right form.highlight p { margin-bottom:5px }

/* Set background image for Nutrition Section */
#page.contact #content { background-image:url(/images/splash_contact.jpg); }




/* -------------- SECTION SPECIFIC: Skin	----------------- */



/* Style for the big textboxes at the bottom of some pages */
#page.skin #content_right .textbox_full { background-color:#0066FF }

/* Set background image for Skin Section */
#page.skin #content { background-image:url(/images/splash_skin.jpg); }



/* -------------- SECTION SPECIFIC: Nutrition	 ------------ */


/* Style for the big textboxes at the bottom of some pages */
#page.nutrition #content_right .textbox_full { background-color: #FFCC00 }

/* Set background image for Nutrition Section */
#page.nutrition #content { background-image:url(/images/splash_nutrition.jpg); }


#page.nutrition #content_right {

	height: auto;
	overflow: auto;
	padding-bottom: 150px;
}


/* ----------------------- FOOT --------------------------- */



#foot { 

	background-image:url(../../images/bkg_foot.jpg); 
	background-position:bottom;
	height: 60px; 
	padding:7px 0 7px 0;
	width: 650px; 
	float: left;
	text-align:center;
}

#foot p { 

	margin:0;
	padding-top:31px;
	font-size:10px;
	color:white;
}

#foot p a { color:#CC9933; }



/* ----------------- CLEARFIXES -------------------- */


#page:after, #nav:after, #content:after { 

		content: ""; 
		display: block; 
		height:0; 
		clear: both; 
		visibility: hidden
}