@charset "utf-8";
/* SCREEN */

/* ELEMENT RESET */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*----END RESET---*/
/* TYPE SIZE SET*/
body {font-size:83.3333%;}	/*sets 1em to 10px for ease of scaling. 1.2em = 12px ; .8px = 8px etc. */
						/*body scaling to 10px doesn't work in IE - all h tags will inherit text size from parent. */
						/*add these constants for h tags for IE fix*/
h1 {font-size:2em;}		/* displayed at 24px */
h2 {
	font-size:1.5em;
}	/* displayed at 18px */
h3 {font-size:1.25em;}	/* displayed at 15px */
h4 {font-size:1em;}		/* displayed at 12px */
h5 {font-size:.83em;}	/* displayed at 10px */
h6 {font-size:.75em;}	/* displayed at 9px */
						/*Forms and Tables inherit font size in IE as well*/
						/*add this fix for IE*/
small {font-size:.75em;}
input, select, td, td {font-size:1em;}
						/*List items within list items will shrink and shrink and shrink unless next line is there*/
li li, li p, td p, blockquote p {font-size:1em;}
						/*and links in lists get shrinky too - they should inherit their size from the ul or ol */
ul a, ol a {font-size:inherit;}


/*after body tag declaring overall page's margin from edge of window, removes any inherited margin or padding*/
* {
	margin:0;
	padding:0;
}

hr {margin:1em 0em;}

/*--END TYPE RESET--*/

/*--------
--STICKY--
--FOOTER--
--------*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;} 

/* 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 */

/* All layers outside wrapper require absolute positioning */

/*--END sticky footer--*/

/*--------
--TYPE--
--------*/

* {
	font-family: Baskerville, Times New Roman, Times, serif;
}

h1, h2, h3, h4 {
	font-family: Baskerville, Times, Times New Roman, serif;
}

/*--END type--*/

/*--------
--LAYOUT--
--------*/

html {background: #b3a05f url(../images/bg-gradient2.jpg) repeat-x top;}

body {background: transparent url(../images/pattern3.png) repeat center fixed;}

#wrapper {background: transparent  url(../images/pattern1.png) repeat center fixed;}

/*#wrapper2 {background: transparent  url(../images/pattern2.png) repeat top scroll;}*/

#header {
	display:block;
	width:900px;
	height:108px;
	margin:0 auto;
	background: transparent url(../images/header-bg.png) no-repeat center top;
	}

#mainMenu {
	display:block;
	width:900px;
	height:39px;
	margin:0 auto;
	position:relative;
	background: transparent url(../images/mainMenu-bg-sprite.png) no-repeat top right;
	}

#content {
	display:block;
	width:800px;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 6px #333;
	box-shadow: 0px 0px 6px #333;
	background:#FFFFFF url(../images/content-bg.jpg) no-repeat right top;
}
	
#footer { 
	/* height set in STICKY FOOTER section above */
}

/*--END layout--*/

hr {clear:both;}

/*--------
--HEADER--
--------*/

#header h1,
#header img,
#header p {display:none;}

/*--END header--*/


/*----------
--mainMenu--
----------*/

#mainMenu ul {
	height:39px;
	left:0px;
	margin:0;
	padding:0;
	top:0px;
}

#mainMenu ul li {
	list-style-type:none;
	position:absolute;
	float:left;
	background: transparent url(../images/mainMenu-bg-sprite.png);
}

#mainMenu ul li a {
	display:block;
	height: 39px;
}

#mainMenu ul li.home {
	top:-72px;
	left: 76px;
	width: 204px;
	height: 68px;
	background: none;
}

#mainMenu ul li.home a{
	height: 68px;
}

#mainMenu ul li.home a:hover {
	background:transparent url(../images/header-hover-bg.png) no-repeat;
	background-position: -76px -36px;
}

#mainMenu ul li a span {
	height:1px;
	left:-10000px;
	overflow:hidden;
	position:absolute;
	width:1px;
}

#mainMenu ul li.about-us,
#mainMenu ul li.boutique,
#mainMenu ul li.wellness-studio,
#mainMenu ul li.events,
#mainMenu ul li.contact-us {
	height:39px;
	top:0;
}

#mainMenu ul li.about-us {
	left:278px;
	width:100px;
	background-position: -278px 0px;
}

#mainMenu ul li.about-us:hover {
	background-position: -278px -39px;
}

#mainMenu ul li.boutique {
	left:392px;
	width:85px;
	background-position: -392px 0px;
}

#mainMenu ul li.boutique:hover {
	background-position: -392px -39px;
}

#mainMenu ul li.wellness-studio {
	left:502px;
	width:138px;
	background-position: -502px 0px;
}

#mainMenu ul li.wellness-studio:hover {
	background-position: -502px -39px;
}

#mainMenu ul li.events {
	left:659px;
	width:57px;
	background-position: -659px 0px;
}

#mainMenu ul li.events:hover {
	background-position: -659px -39px;
}

#mainMenu ul li.contact-us {
	left:744px;
	width:96px;
	background-position: -744px 0px;
}

#mainMenu ul li.contact-us:hover {
	background-position: -744px -39px;
}

/*--END mainMenu--*/

/*----------
--content--
----------*/

#content {
	padding: 2.4em 50px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#content p {
	margin: 1em auto;
}

#content > p.columns {
	-moz-column-width: 13em;
	-webkit-column-width: 13em;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	-moz-column-rule: 1px dotted #999;
	-webkit-column-rule: 1px dotted #999;
}

#content a {color:#6e9934; text-decoration:none;}
#content a:hover {text-decoration:underline;}

#content h1,
#content h2,
#content h3 {
	font-weight:normal;
	letter-spacing:.2em;
}

/*----------headers------------*/
		/*page titles*/

#content h1 {
	display:block;
	float:left;
	width: 500px;
	height:175px;
	margin:-2em 6px -1em -50px;
	background: transparent url(../images/h1-sprite.png) no-repeat;
}

.ie #content h1 {
	margin-top: 0em;
}

#content h1 span {
	height:1px;
	left:-10000px;
	overflow:hidden;
	position:absolute;
	width:1px;
}

#content h1.home { background-position: 0px 0px;}
#content h1.about-us { background-position: 0px -175px; margin-right: -1em;}
#content h1.boutique { background-position: 0px -350px;}
#content h1.wellness-studio { background-position: 0px -525px;}
#content h1.events { background-position: 0px -700px;}
#content h1.contact-us { background-position: 0px -875px;}
/*-----END page titles*/

#content img {
	border::none;
	margin:.5em;
	padding:0px;
	-webkit-box-shadow: 0px 0px 3px #333;
	box-shadow: 0px 0px 3px #333;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#content sup {font-size: .85em;}

#content .clear-both {clear:both;}

#content img.content-feature {
	float:right;
	margin: -50px -60px 0px 6px;
	background-color:white;
}

#content .license-number {
	font-size:0.67em;
	color:#666666;
}

#content .pullquote {
	display:block;
	float:left;
	width:256px;
	padding:24px 12px 24px 24px;
	margin:0px 24px 110px -62px;
	background:#f4f4f4;
	text-align:right;
	font-size:1.2em;
	letter-spacing:.2em;
	color:#6e9934;
	-webkit-box-shadow: 0px 0px 3px #333;
	box-shadow: 0px 0px 3px #333;
}

#content .pullquote em {
	font-weight:bold;
	letter-spacing:.2em;
}

/*-----------wellness studio-------------*/
#content h3,
#content div.definition h4,
#content div.definition p {
	font-weight:normal;
	letter-spacing:.2em;
}

#content div.definition h4 {
	font-size:1.2em;
	display:block;
	cursor:pointer;
	border-bottom:#666 dashed 1px;
	margin-left: 2em;
	padding:.5em;
	padding-left:36px;
	background: transparent url(../images/top-link.png) left no-repeat;
}
#content div.definition.ablutions h4,
#content div.wax h4 {
	background: transparent url(../images/ablutions-logo-small.png) left no-repeat;
}

#content div.wax h4 {
	padding:.5em;
	padding-left:36px;
}

#content div.definition h4:hover {
	background-color:#f9f9f9;
}

#content div.definition p {
	border-bottom:#666 solid 1px;
	margin: 0em 0em 0em 3em;
	padding: .5em;
	background-color: #f9f9f9;
}

div.rates {
	display:block;
	clear:both;
	float:right;
	width: 390px;
	text-align: right;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}

div.rates.wax {
	width: 350px;
	margin-top: 1em;
	clear: none;
}

div.rates.wax.female {	
	float: left;
	text-align:left;
}

div.rates.wax.male h4{
	background: transparent url(../images/ablutions-logo-small.png) right no-repeat;

}
div.rates.facial {
	width:auto;
}

div.rates h4 {
	font-variant:normal;
	text-transform:lowercase;
	font-size:1.2em;
	color:#6e9934;
}

div.rates li span {
	display: inline-block;
	padding-left:.8em;
	font-variant: normal;
	text-transform:lowercase;
}

/*-----------------------------*/

/*----------boutique------------*/
		/*moving boxes*/

#slider {
    width: 800px;
    margin: 0 -12px;
    position: relative;
	border: 12px solid #f4f4f4;
	background: transparent url(../images/pattern3.png) repeat center fixed;
}

.scroll {
	overflow: hidden;
	width: 800px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 350px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 3px;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	border: 1px solid #666;
	background-color:#ffffff;
}

.inside img {
	display: block;
	margin: 0;
	width: 250px;
}

.inside h2 {
	font-weight: normal;
	font-size: 16px;
	margin: 12px;
}

.inside p {
	font-size: 11px;
	color: #bbb;
	margin: 6px 12px !important;
	display:block;
	position:relative;
}

span.price {
	float:right;
	color:#999;
	position:absolute;
	right:0;
}

.definition p span.price {
	float: none;
	position:relative;
}

.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -54px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.scrollButtons.right {
    right: -54px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/*-----------events-------------*/
#content h2 em {
	display: inline-block;
	font-size: 2.5em;
	margin: .5em;
	color:#6e9934;
}

#content div.featured-artist p{
	font-size: 1.4em;
	font-style: italic;
	line-height: 2em;
}

#content .anchor-links li {
	display: inline-block;
	padding:0em .25em;
}

#content div.featured-artist div.images {float:left}

#content div.featured-artist img {
	display:inline;
	margin:.5em 1em .5em 0em;
}

#content ul.archive {
	font-size:.7em;
	text-transform:uppercase;
	letter-spacing:.2em;
}

/*-----------Misc--------------*/
#content p.ref {
	font-size:0.75em;
	line-height:1em;
	letter-spacing:0.1em;
	font-style:normal;
}

/*#content .catie-link-small {
	display:block;
	background: transparent url(../images/catie-logo-small.png) no-repeat left center;
	padding-left: 26px;
	line-height: 20px;
	height: 20px;
	font-size:0.75em;
	letter-spacing:0.1em;
}
*/
ul.social-links {
	display:block;
	clear:left;
	float:right;
	width:262px;
	margin:12px 24px;
	padding: 10px;
}

ul.social-links li {
	float:left;
	cursor: pointer;
}

ul.social-links li a {
	display:block;
	width: 128px;
	height: 24px;
	text-align:center;
	font-size:0.6em;
	padding-top:128px;
}

ul.social-links li.twitter a {
	background: transparent url(../images/icon-twitter-128x128.png) no-repeat top;
}

ul.social-links li.facebook a {
	background: transparent url(../images/icon-faceBook-128x128.png) no-repeat top;
}

/*-----------------------------*/
.hide {
    display: none;
}

/*--END content--*/

/*----------
--footer--
----------*/

#footer {
	text-align:center;
}

#footer p {
	line-height:24px;
	letter-spacing:.2em;
	font-size:.8em;
}

#footer .top-link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.67em;
	display:block;
	width:2em;
	margin:0 auto;
	text-transform:uppercase;
	color: #6e9934;
	line-height: 24px;
	padding-left: 22px;
	top: -24px;
	background: transparent url(../images/top-link.png) left no-repeat;
}
/*--END footer--*/