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






#mast.mastSpa { background-image:url(../img/mast/mast-spa.jpg); }
#mastBoxes.mastSpasBtn { background-image:url(../img/mast/boxes-spa.jpg); }



/***********************/
/* SPA PAGE & Cream Inside */
/***********************/

#backPage.backSpa { background-image:url(../img/template/back-spa-texture.jpg); background-repeat:repeat-x; background-color:#A2C1C8;}

#backSpa {
	width:1147px;
	background-image:url(../img/template/back-spa-branches.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-align:left;
}


/***********************/
/*   EXTENDED Spa Side Nav   */
/***********************/


#PinkList { background-image:url(../img/template/sideNav-Spa-back.png); margin-top:30px; border-top:1px solid #FDF0C8; }
#PinkList ul {}
#PinkList ul li { border-bottom:1px solid #FFF;padding:3px 0;}
#PinkList ul li a{ color:#333333; text-decoration:none; text-transform:uppercase; letter-spacing:.08em; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#PinkList ul li a:HOVER{ color:#FFF;}



#spaResinfo { margin-top:28px; }

#spaSpecials {margin-top:40px;}
#spaSpecials p {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#spaSpecials em { font-weight:700; font-style:normal; letter-spacing:.1em; text-transform:uppercase;}

/***********************/
/*  SPA MAIN CONTENT  */
/***********************/


#spaContent { 
	padding-top:10px;
}





.spaLeft { width:240px; padding-top:20px; }

.spaRight { width:360px; float:right; padding-right:45px;}

#spaContent h1 {
	color:#006599;
	font:14px bold Arial, Helvetica, sans-serif;
	padding:8px 0; letter-spacing:.1em;
	border-top:1px solid #FDF0C8;
	border-bottom:1px solid #FDF0C8;
	text-align:center;
	padding:16px 0;
	line-height:20px;
}

#spaContent h1 em {
	 font-weight:700; font-style:normal; letter-spacing:.13em; text-transform:uppercase; font-size:15px;
}


#spaContent h4 {
	color:#006599;
	font:16px bold Arial, Helvetica, sans-serif;
	padding:8px 0; letter-spacing:.1em;
	text-align:center;
	padding:16px 0;
}

#spaContent p {
	color:#333;
	font:13px Arial, Helvetica, sans-serif;
	padding:8px 0;
}
#spaContent p a {
	color:#999999;
	font-style:italic;
	text-decoration:none;
	line-height:18px;
}
#spaContent p a:HOVER {
	color:#996500;
	font-style:italic;
	text-decoration:underline;
}
.BlueFont {
	text-transform:uppercase;
	color:#006599;
	padding-right:15px;
	font-family:Arial, Helvetica, sans-serif;
}
.BlueFont a{
	text-transform:uppercase;
	color:#006599;
	padding-right:2px;
	font-family:Arial, Helvetica, sans-serif;
}


#spaContent ul {color:#333; font:12px Arial, Helvetica, sans-serif; margin-left:16px;}
#spaContent  ul li { list-style-image:url(../img/template/bulletorange.gif); padding:2px 0;	}
#spaContent  ul li a { color:#996500; text-decoration:none; padding-left:8px;}

.pageIntro { width:580px; padding-left:70px;}

.DetailContainer { width:440px; margin-top:0; padding:20px; background-color:#E5E3D4; min-height:800px;}
.DetailContainerWide { width:540px; margin-top:20px; margin-left:70px; padding:20px; background-color:#E5E3D4; min-height:800px;}
.DetailContainerWide2 { width:540px; margin-top:20px; margin-left:70px; padding:20px; background-color:#E5E3D4;}
.DetailContainerAgeless { width:540px; padding-top:320px; margin-left:70px; padding-left:20px;}
.DetailContainerVitality {width:440px; margin-top:0; padding:20px; background-color:#E5E3D4;}

.DetailContainerVitality h2
{text-transform:uppercase; letter-spacing:.08em; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.DetailContainerVitality h3
{text-transform:uppercase; letter-spacing:.08em; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px 0; color:#A89860;}


div.spaHighlight { width:430px; margin-bottom:20px; border-top:1px solid #999; padding-top:8px;}
	.spaHighlight img { float:left;}
	.spaHighlight h2 { margin-left:160px;  padding-bottom:12px; text-transform:uppercase; letter-spacing:.15em; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:300; font-size:14px;}
	.spaHighlight h3 { margin-left:160px; padding:8px 0 0 0; letter-spacing:.15em; color:#333;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	.spaHighlight p { margin-left:160px;}
	
	
	
div.spaHighlight2 { width:430px; margin-bottom:35px; border-top:1px solid #999;  padding-top:8px;}
	.spaHighlight2 img { float:right;}
	.spaHighlight2 h2 { margin-left:20px;  padding-bottom:12px; text-transform:uppercase; letter-spacing:.15em; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:300; font-size:14px;}
	.spaHighlight2 h3 { margin-left:20px; padding:8px 0 0 0; letter-spacing:.15em; color:#333;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	.spaHighlight2 p { margin-left:20px;}	

div.policies { width:430px; margin-bottom:35px; border-top:1px solid #999;  padding-top:8px;}
	.policies img { float:right;}
	.policies h2 { margin-left:20px;  padding-bottom:12px; text-transform:uppercase; letter-spacing:.15em; font-family:Arial, Helvetica, sans-serif; color:#333; font-weight:300; font-size:14px; font-style:italic;}
	.policies h3 { margin-left:20px; padding:8px 0 0 0; letter-spacing:.15em; color:#333;font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
	.policies p { margin-left:20px;}	





/*******************************/
/* SLIDE SHOW */
/*******************************/

.Slides { width:400PX; float:left; }
.Slides img{ padding:4px;border:1px solid #999;}



div.menu {
	margin: 20px 20px;
	text-align: center;
	color:#333;
	
	}
	.menu h2 { 
	border-bottom: 1px solid #CDCDCD;
	color: #555;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 4px;
	padding: 0 0 15px 0;
	}
	.menu p { 
	font-size: 11px;	
	margin: 0;
	}
	.menu table {
	margin: 25px 30px 30px 0px;
	font-size: 11px ;
	}
	.menu th {
	padding: 10px;
	text-align: left;
	font-size: 14px;
	}
	.menu td {
	line-height: 16px;
	padding: 0px 6px 0px 6px;
	vertical-align: top;
	text-align: left;
	font-size:12px;
	}
	.menu td strong {
	display: block; text-transform:uppercase;
	}
	
	
/***********************/
/*  TWO COLUMNS */
/***********************/



div.text {
	margin:0;
}
.text a {
	text-decoration: underline;
}
.col1, .col2 {
	float: left;
	width: 220px;
}
.col2 {
	margin-left: 30px;
	padding-left: 10px;
}
.bordercase .col2 {
	border-left: 1px solid #666;
}
.bordercase h5 {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#6E7A90 none repeat scroll 0 0;
	color:#FFFFFF;
	padding:4px 0;
	text-indent:10px;
}
.bordercase h2 {
	margin:0;
	padding:4px 0;
	text-indent:10px;
}
.bordercase .col3 {
	float: left;
	width: 500px;
}	

/* -- */