/*  
Version: 1.0
Modified: 5/01/09
Author: Kerry Nehil - (c) Copyright Kerry Nehil http://kerrynehil.com. All rights reserved.
*/

/* !defaults */

* {
	margin: 0;
	padding: 0;
	border: none;
	}

body {
	font: normal 62.5%/1.25em Helvetica, Arial, Verdana, sans-serif;
  	color: #757575;
	background: #F0E0C0;
	}
	
/* page backgrounds */

.homeBg { overflow: hidden; }	
.aboutBg { background: url(../images/bg_about.jpg) no-repeat; }
.facialBg { background: url(../images/bg_body.jpg) no-repeat; }
.bodyBg { background: url(../images/bg_body.jpg) no-repeat; }
.hairBg { background: url(../images/bg_body.jpg) no-repeat; }
.indulgenceBg { background: url(../images/bg_body.jpg) no-repeat; }
.packagesBg { background: url(../images/bg_body.jpg) no-repeat; }
.thanksBg { background: url(../images/bg_thanks.jpg) no-repeat; }
.contactBg { background: url(../images/bg_contact.jpg) no-repeat; }

strong, b { font-weight: bold; }
em { font-style: italic; }

hr { 
	background: #E4E4E4; 
	color: #E4E4E4; /* IE fix */
	clear: both;
	float: left; 
	width: 100%; 
	height: 1px; 
	margin: 0 0 8px 0; 
	padding: 0; 
	border: none; 
	}	

h1 {
	margin: 0 0 3px 0;
	padding: 0; 
	font: bold 2em/1.25em Helvetica, Arial, sans-serif;
	color: #000000;
	}

h2 {
	margin: 0 0 3px 0;
	padding: 0; 
	font: bold 2em/1.25em Helvetica, Arial, sans-serif;
	color: #000000;
	}

h3 {
	margin: 0 0 3px 0;
	padding: 0; 
	font: normal 2em/1.25em Helvetica, Arial, sans-serif;
	color: #36332C;
	}
	
h4 {
	margin: 0 0 2px 0;
	padding: 0; 
	font: normal 1.4em/1.25em Helvetica, Arial, sans-serif;
	color: #36332C;
	}
		
h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font: bold 1.2em Helvetica, Arial, sans-serif; 
	color: #36332C;
	text-transform: uppercase;
	}

p {	
	margin: 0 0 40px 0;
	font: normal 1.6em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #778556;
	}


a:focus { outline: none; }
a:link, a:visited { 
	color: #778556;
	text-decoration: underline; 
	}	
a:hover, a:active { 
	color: #778556;
	text-decoration: none;
	}

/* !structure */	

#header { position: relative; }

#header h2 { display: none; }

#header .logo {
	position: absolute;
	left: 463px;
	top: -60px;
	width: 96px;
	height: 131px;
	margin: 0;
	padding: 0;
	z-index: 2000;
	}

#wrap {
	width: 1031px;
	height: 660px;
	margin: 80px auto;
	padding: 10px 0 0 0;
	background: transparent url(../images/bg_wrap.png) no-repeat;
	z-index: 1000;	
	}
	
#wrapHome { 
	position: absolute;
	top: 0;
	left: 50%;
	width: 1031px;
	height: 49px;
	margin: 80px 0 0 -515px;
	padding: 10px 0 0 0;
	background: transparent url(../images/bg_wrap_home.png) no-repeat; 
	z-index: 1000;	
	}		
	
	
/* /*filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85; */	
	
/* !main nav */

#nav {
	margin: 0 10px 0 17px;
	padding: 0 0 5px 0;
	background: url(../images/bg_dots.gif) repeat-x left bottom;
	}

#nav ul {
	position: relative;
	width: 1002px;
	height: 20px;
	list-style: none;
	overflow: hidden;
	}

#nav li a {
	position: absolute;
	top: 0;
	width: 90px;
	height: 20px; 
	text-indent: -9000px;
	text-decoration: none;
	padding: 20px 0 0 0;
	overflow: hidden;	
	background: transparent url(../images/btn_nav.png) no-repeat;
	}

#nav li#about a {
	background-position: 0 0;
	width: 81px;
	left: 0;
	}
#nav li#about a:hover, #nav li#about a.active { background-position: 0 -20px; }

#nav li#services a {
	background-position: -121px 0;
	width: 110px;
	left: 121px;
	}
#nav li#services a:hover, #nav li#services a.active { background-position: -121px -20px; }

#nav li#mailing a {
	background-position: -271px 0;
	width: 140px;
	left: 271px;
	}
#nav li#mailing a:hover, #nav li#mailing a.active { background-position: -271px -20px; }

#nav li#gift a {
	background-position: -586px 0;
	width: 170px;
	left: 586px;
	}
#nav li#gift a:hover, #nav li#gift a.active { background-position: -586px -20px; }

#nav li#thanks a {
	background-position: -786px 0;
	width: 90px;
	left: 786px;
	}
#nav li#thanks a:hover, #nav li#thanks a.active { background-position: -786px -20px; }

#nav li#contact a {
	background-position: -901px 0;
	width: 108px;
	left: 901px;
	}
#nav li#contact a:hover, #nav li#contact a.active { background-position: -901px -20px; }


/* !sub nav */

#subNav {
	width: 857px;
	margin: 60px 0 40px 80px;
	padding: 0 0 5px 0;
	background: url(../images/bg_dots.gif) repeat-x left bottom;
	}

#subNav ul {
	position: relative;
	width: 857px;
	height: 20px;
	list-style: none;
	overflow: hidden;
	}

#subNav li a {
	position: absolute;
	top: 0;
	width: 72px;
	height: 20px; 
	text-indent: -9000px;
	text-decoration: none;
	padding: 20px 0 0 0;
	overflow: hidden;	
	background: transparent url(../images/btn_subnav.png) no-repeat;
	}

#subNav li#facials a {
	background-position: 0 0;
	width: 72px;
	left: 0;
	}
#subNav li#facials a:hover, #subNav li#facials a.active { background-position: 0 -20px; }

#subNav li#body a {
	background-position: -126px 0;
	width: 170px;
	left: 126px;
	}
#subNav li#body a:hover, #subNav li#body a.active { background-position: -126px -20px; }

#subNav li#hair a {
	background-position: -351px 0;
	width: 143px;
	left: 351px;
	}
#subNav li#hair a:hover, #subNav li#hair a.active { background-position: -351px -20px; }

#subNav li#pure a {
	background-position: -543px 0;
	width: 173px;
	left: 543px;
	}
#subNav li#pure a:hover, #subNav li#pure a.active { background-position: -543px -20px; }

#subNav li#packages a {
	background-position: -773px 0;
	width: 84px;
	left: 773px;
	}
#subNav li#packages a:hover, #subNav li#packages a.active { background-position: -773px -20px; }



/* !scroller */

.scrollable {   
    position: relative; 
    overflow: hidden;    
    float: left;     
    width: 796px;   
    height: 410px;    
    margin: 0 15px 0 120px;
	} 
 
.scrollable .items {     
    position: absolute;          
    height: 20000em;   
	}


.scrollable .items .service {		
	width: 796px;
	}

.scrollable	.items .service h3 {
	display: block;
	width: 792px;
	height: 18px;
	margin: 0 0 10px 0;
	font: normal 1.8em/1.5em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-indent: -9000px;
	color: #778556;
	}
	
.scrollable	.items .service p {	
	margin: 0 0 40px 0;
	font: italic 1.7em/1.8em Georgia, "Times New Roman", Times, serif;
	color: #778556;
	}
	
.aboutBg #header, .contactBg #header, .thanksBg #header { margin: 0 0 110px 0; }

.scrollable	.items .service .normal { font-style: normal; }

ul.priceList {
	float: left;
	width: 350px;
	margin: 0 40px 40px 0;
	list-style: none;
	}
	
ul.priceList li {	
	position: relative;
	margin: 0;
	padding: 2px 0;	
	font: italic 1.6em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #778556;
	}
	
ul.priceList span {
	position: absolute;
	top: 6px;
	right: 0;	
	}
	


.content {   
    width: 796px;   
    height: 410px;    
    margin: 80px 15px 0 120px;
	} 

.content h3 {
	display: block;
	width: 792px;
	height: 18px;
	margin: 0 0 10px 0;
	font: normal 1.8em/1.5em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-indent: -9000px;
	color: #778556;
	}
	
.content  p {	
	margin: 0 0 20px 0;
	font: normal 1.7em/1.8em Georgia, "Times New Roman", Times, serif;
	color: #778556;
	}
	
/* active item */
/*div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}*/

a.prev, a.next, a.prevPage, a.nextPage {
	display: block;
	float: left;	
	width: 35px;
	height: 35px;
	margin: 0;
	background: url(../images/btn_up.gif) no-repeat;	
	cursor: pointer;
	}

/* mouseover state */
a.prev:hover, 
a.next:hover, 
a.prevPage:hover, 
a.nextPage:hover {
	background-position: 0px -35px;		
	}

/* disabled navigational button */
a.disabled { visibility: hidden !important; }

a.next, a.nextPage {
	background-image: url(../images/btn_down.gif);	
	}
	

/* !headers */

.relaxationFacial { background: url(../images/headers.png) no-repeat 0 0; }
	
.relaxationExpress { background: url(../images/headers.png) no-repeat 0 -25px; }
	
.complexionFacial { background: url(../images/headers.png) no-repeat 0 -50px; }	
	
.complexionExpress { background: url(../images/headers.png) no-repeat 0 -75px; }		
	
.ultrasonicFacial { background: url(../images/headers.png) no-repeat 0 -100px; }		

.ultrasonicPeel { background: url(../images/headers.png) no-repeat 0 -125px; }

.powerTreatment { background: url(../images/headers.png) no-repeat 0 -150px; }

.gentlemansFacial { background: url(../images/headers.png) no-repeat 0 -175px; }

.teenFacial { background: url(../images/headers.png) no-repeat 0 -200px; }

.teenComplexion { background: url(../images/headers.png) no-repeat 0 -225px; }


.hydrationWrap { background: url(../images/headers.png) no-repeat 0 -250px; }

.bodyScrub { background: url(../images/headers.png) no-repeat 0 -275px; }	

.backTreatment { background: url(../images/headers.png) no-repeat 0 -300px; }


.waxingWomen { background: url(../images/headers.png) no-repeat 0 -500px; }

.waxingMen { background: url(../images/headers.png) no-repeat 0 -525px; }

.tinting { background: url(../images/headers.png) no-repeat 0 -550px; }


.scalpTreatment { background: url(../images/headers.png) no-repeat 0 -700px; }

.footTreatment { background: url(../images/headers.png) no-repeat 0 -725px; }	

.chestTreatment { background: url(../images/headers.png) no-repeat 0 -750px; }

.handTreatment { background: url(../images/headers.png) no-repeat 0 -775px; }

.ahaPeel { background: url(../images/headers.png) no-repeat 0 -800px; }

.lipTreatment { background: url(../images/headers.png) no-repeat 0 -825px; }

.eyeTreatment { background: url(../images/headers.png) no-repeat 0 -850px; }


.rejuvenationPackage { background: url(../images/headers.png) no-repeat 0 -1100px; }

.indulgencePackage { background: url(../images/headers.png) no-repeat 0 -1125px; }

.relaxationPackage { background: url(../images/headers.png) no-repeat 0 -1150px; }


.cancellation { background: url(../images/headers.png) no-repeat 0 -1300px; }

.payment { background: url(../images/headers.png) no-repeat 0 -1325px; }	

.gratuity { background: url(../images/headers.png) no-repeat 0 -1350px; }

.return { background: url(../images/headers.png) no-repeat 0 -1375px; }

.hours { background: url(../images/headers.png) no-repeat 0 -1400px; }


/* !full screen bg */
#supersize img, #supersize a {
	height: 100%;
	width: 100%;
	display: none;
	z-index: 0;
	}

#supersize .activeslide, #supersize .activeslide img { display: inline; }


/*! misc */

.clear { clear: both; }
.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
  
.fix { display: inline-block; } 
* html .fix { height: 1%; }
.fix { display: block; }