/* =Core
----------------------------------------------- */
html, body {
	background:#FFF;
	margin:0;
	padding:0;
	font:normal 12px/normal Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	}
h1 {font-size:large;}
h2 {font-size:medium;}
h3 {font-size:smaller;}
a {font:normal 12px/normal Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#999999;}  
ul {list-style-type:none;}
p {line-height:1.5em;}
/* =Page
----------------------------------------------- */
#pageWrapper {
	width:802px; /* +2px allows space for FLOAT Hack's overflow:hidden - size set in #page */
	overflow:hidden; /* FLOAT Hack (use: overflow + width) - Holds a Floated Element */
	margin:1% auto 0 auto;
	padding:0;
	}
#page {
	float:left;
	width:800px;
	border:1px solid #c4c5a6;
	}

/* =Header, Content Group, Footer
----------------------------------------------- */	
#header, #contentGroup {float:left; clear:both; width:100%;}
#header {height:86px; background-color:#618c3a; border-bottom:5px solid #9fdd0b;}
#contentGroup {background:#fdfff7 url(images/bg.gif) repeat-x left top;} /* x y */

#contentGroup #leftcol {float:left; width:350px; text-align:center; padding:20px 0}
#contentGroup #rightcol {float:right; width:448px; padding:20px 0}
#footer {color:#618C3A;	margin:10px auto; width:800px; overflow:hidden;} /* Float Hack */


/* =Classes
----------------------------------------------- */	
ul.menu {display:block; margin:0; padding:0; list-style-type:none;}
ul.menu li {display:inline;}

ul.services {margin:0; padding:0;}
ul.services li {margin:1em; font-weight:500; color:#000}
ul.services li h2 {margin-top:2.5em; color:green;}
ul.services li p {
	margin:0 0 1.5em 0;
	padding:0 3px;
	color:#E88D56;
	font-weight:normal;
	font-style:italic;
}

.breadcrumbs {display:block; color:#888; margin-bottom:13px;}
.breadcrumbs, .breadcrumbs a {font-size:10px;}
.breadcrumbs a {color:#618C3A;}

.center {text-align:center;}
.nowrap {white-space:nowrap;}


/* =Per Page
----------------------------------------------- */
.home ul#serviceMenu {margin-top:0;}
.home #contentGroup #leftcol {float:right}
.home #contentGroup #rightcol {float:left}
.services ul#serviceMenu {margin-top:0; background:transparent;}
.promote table#promoteBanners {width:90%; margin:10px auto; border-collapse:collapse;}
.promote table#promoteBanners caption { font-weight:bold; padding:2em 0;}
.promote table#promoteBanners td {padding:1em; border-top:2px solid #ccc;}
.promote table#promoteBanners p.code {font-family:"Courier New"; font-size:.9em; color:#FFF;background:#000;padding:3px;}


/* =Image Replacement
----------------------------------------------- */	
h1.introH1, h2.introH2 {margin:0; padding:0;} /* for Image Replacement */
h1.introH1 span, h2.introH2 span, a#logo span {display:none;} /* for Image Replacement */
p.introP {display:none;}

.services h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -280px; width:148px; height:35px;}
.packages h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -245px; width:148px; height:35px;}
.treatments h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -315px; width:148px; height:35px;}

.services-massages h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -105px; width:148px; height:35px;}
.services-nailset h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -35px; width:148px; height:35px;}
.services-waxing h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left 0; width:148px; height:35px;}
.services-pedicure h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -70px; width:148px; height:35px;}
.services-manicure h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -175px; width:148px; height:35px;}
.services-bodytreatments h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -140px; width:148px; height:35px;}
.services-skincare h1.introH1 {background: transparent url(images/h1_headers3.gif) no-repeat left -210px; width:148px; height:35px;}

/* =Header
----------------------------------------------- */	
#header a {color:#FFF;}
#header a:hover {text-decoration:underline;}
#header a#logo {display:block; float:left; margin:5px 0 0 10px; padding:0; background:transparent url(images/logo.gif) no-repeat left top; width:250px; height:70px;}
#header > a#logo {margin:10px 0 0 20px;} /* IE6 Override HACK - IE6- won't see this */
#header ul.menu {float:right; margin-top:25px;}
#header ul.menu li {margin:0 8px;}
#header #phonenumbers, #header #address {float:right; clear:right; color:#9fdd0b; margin:25px 8px 0 8px; white-space:nowrap;}
#header #address {margin-top:0;}

/* Sub menu */
ul#nav {margin:0; list-style:none; float:right;} /* floats ul right and li left */
ul#nav li {float:left; margin-top:10px;}
ul#nav a {display: block; margin:0 1em;} /* IE HACK - Used to position submenu */
ul#nav li ul {position:absolute; width:11em; padding:1em 0 .5em 0; margin:0; background:#618C3A; border-bottom:6px #9FDD0B solid; left: -999em; /* Hack - left Used to push menu off screen */}
ul#nav li ul li {display:block; margin:.5em 0; padding:0;}
ul#nav li ul li a {width:10em;}
ul#nav li ul li a:hover {color:#9FDD0B; text-decoration:none;}
/* Hack - left Used to push menu back to screen instead of display:none/block */
ul#nav li:hover ul, 
ul#nav li.iehover ul {left: auto;}/* attached by javascript for IE */

/* =Footer
----------------------------------------------- */	
#hours {display: block; float:left; margin-right:10px; padding:3px; border:1px solid #eee;}
#hours h2 {margin:0; padding:0; color:#618C3A;}
#hours p {margin:0; padding:0; color:#618C3A;}

#spaservices {display:block; float:right;}
#spaservices ul.menu li {padding:0 10px 0 0; list-style-type:circle;}
#spaservices ul.menu a {font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
#spaservices ul.menu a:hover {text-decoration:underline;}

#copyright {display: block; clear:right; width: 500px; margin:1.5em 10px 0 0; float:right; text-align:right;}

/* =Home Page
----------------------------------------------- */
.home .introH1 {
	display:block;
	width:100%;
	height:114px;
	background:transparent url(images/introh1.gif) no-repeat center center;
	margin:15px auto;
}
.home .introH2 {
	display:block;
	width:100%;
	height:172px;
	background:transparent url(images/introh2.gif) no-repeat center center;
	margin:15px auto;
}

/* =Service Menu
----------------------------------------------- */
ul#serviceMenu a {font:normal 1.4em/2em "Times New Roman", Times, serif, "Palatino Linotype"; text-decoration:none; color:#444;}
ul#serviceMenu {background:transparent url(images/curvy.gif) no-repeat center top; padding-top:20px; margin-top:5.5em;}

ul#serviceMenu li {}
ul#serviceMenu li a {padding-bottom:10px; margin:0 10px;}
ul#serviceMenu li a:hover {background: transparent url(images/curly.gif) no-repeat center 1em;}