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


/* ----- set general defaults ----- */

* {
margin:0px;
padding:0px;
}


body {
	color: #000000; 
	font-size: 75%;
	line-height:1.3em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #66ccff;
	text-align: left;
	background-image: url(../images/bodybg.jpg);
	background-repeat: repeat-x;
}

table, input, select, textarea { font-size:100.1%}

h1 {
	font-size: 1.6em; 
	font-weight: bold;
	padding-bottom:.4em;
}


h2 {
	font-size: 1.0em; /* 1em = 10px */  
	font-weight: bold;
	padding-bottom:.2em;	
}



p {
	padding-bottom:0.8em;
	xfont-size:1.2em;
}


a:link, a:visited, a:active, a:hover {
	text-decoration: underline;
	color:#ee5599;
}
a:hover {
	text-decoration:underline;
	color:#EF97C3;
}












#wrapper {
	width:802px;
	margin:auto;
	margin-top:0px;
}

#top {
	height:198px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position:top left;	
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}

#top p {
	padding-top:5px;
}


#outer {
	background:#fff;
	background-image:url(../images/outerbg.gif);
	background-repeat:repeat-y;
	background-position:right;
	border-bottom:2px solid #333;
}


#navmenu {
	float:left;
	margin-top:20px;
	xmargin-bottom:20px;
	padding-bottom:50px; 
	width:250px;
	padding-left:2px;
	xbackground:yellow;
}

#navmenu li {
	list-style:none;
	height:auto !important;
	height:1%;
	font-size:1.5em;
	xfont-weight:bold;
	padding:0px;
	margin:0px;

}

#navmenu li a {
	color:#fff;
	text-decoration:none; 
	/*padding-top:14px;padding-bottom:14px;padding-left:30px; padding-right:30px;*/ xpadding:5px;
	padding-top:3px;
	padding-bottom:3px;	
	padding-left:15px;
	xtext-align:right;
	xwidth:185px;
	display:block;
	xbackground:url(images/buttonbg.gif) center top no-repeat;
	xborder-bottom:1px dotted; #336677;
}

#navmenu li a:hover {
color:#fff;
xtext-decoration:underline;		
	xbackground:url(images/hovericon.gif) 100% no-repeat;
	xbackground-position:100% 40%;
	xposition: relative;
	xz-index:10;
	background-color:#66ccff;
}

#home #navmenu #m1 a, #contactus #m2 a, #facials #m3 a , #tanning #m4 a , #holistic #m5 a , #manped #m6 a 
, #body #m7 a , #hair #m8 a , #eye #m9 a , #packages #m10 a , #collagenics #m11 a {
		background-color:#cc99cc;
}




#mainbody {
	width:802px;
	background-image: url(../images/mainbodybg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:20px;	
	/*background:yellow;*/	
}


#titlediv {
	margin-left:230px;
	background:#333;
	color:#fff;
}

#titlediv h1 {
	padding:.1em;
	font-size: 1.6em; 
	margin:0px;
	padding-left:50px;
	line-height:normal;	
	font-weight:bold;	
}


#post {
	width:500px;
	padding-top:20px;
	padding-right:22px;
	padding-left:0px;
	padding-bottom:10px;
	float:right;
	/*background:green;*/
}

#postfooter {
	padding:10px 2px;
	/*background:yellow;*/
}

#footer {
	background-image: url(../images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top:10px;
	padding-bottom:50px;
	text-align:center;
	line-height:1em;
	font-size:0.9em;
}

.imgborder {
margin:5px;
	padding:0px;
	border:0px solid #66ccff;
}

.phonenumber {
	font-weight:bold;
	xfont-size:120%;
}


.offer {
	color: #ee5599;
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;
}


.servicetable {
	border-collapse:collapse;
	xwidth:380px;
}

.servicetable td {
	vertical-align:top;
	padding-top:.3em;
}

.servicetable .cost {
	text-align:right;
	xfont-size: 1.2em; /* 1em = 10px */  
	font-weight: normal;
	white-space:nowrap;
	border-bottom:1px solid #ee5599;
}

.servicetable .title {
	width:100%;
	border-bottom:1px solid #ee5599;
	xpadding-bottom:.2em;
}


.hourstable {
	margin:20px;
	margin-left:0px;
	xfont-size: 1.4em; /* 1em = 10px */ 
}

.hourstable td {
padding-right:15px;
padding-bottom:2px;
}


#voucher {
color:#990066;
font-size:1.3em;
font-style:italic;
padding-bottom:20px;
}

/* -- google map -- */
#map {
	height:149px;
	padding:0px;
	margin:0px;
}

#mapcontainer {
	padding:0px;
	border:1px solid #333;
}



/* ----- clear fix ----- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* -- end clear fix -- */