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

body {
	background: #827E73;
	font-size: 100%;
	color: #666666;
	margin-top: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 939px;
	margin: 0 auto;
	background: #ffffff;
	border-bottom: 8px solid #6B7D01;
	border-top: 2px solid #666666;
}
#header {
	background: url(img/logo.jpg) no-repeat;
	height: 112px;
	padding: 0px;
}
#branding {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-1.jpg) no-repeat top left;
}
#brandingFacial {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-12.jpg) no-repeat top left;
}
#brandingMassage {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-9.jpg) no-repeat top left;
}
#brandingBody {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-8.jpg) no-repeat top left;
}
#brandingNail {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-10.jpg) no-repeat top left;
}
#brandingWaxing {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-11.jpg) no-repeat top left;
}
#brandingSpecials {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-14.jpg) no-repeat top left;
}
#brandingParties {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-6.jpg) no-repeat top left;
}
#brandingFooter {
	float: left;
	width: 939px;
	height: 278px;
	padding: 0px;
	margin-top: -1px;
	background: url(branding/branding-4.jpg) no-repeat top left;
}

#topmenu {
	float: right;
	width: 220px;
}
#topTour {
     background-image:url(img/tour.jpg);
     display:block;
     height:90px;
     text-indent:-9999px;
     width:220px;
	 z-index: 100;
}
#topTour a:hover, #topTour a:focus {
     background-image:url(img/tour_f2.jpg);
     display:block;
     height:90px;
     text-indent:-9999px;
     width:220px;
	 z-index: 200;
}
#topReservations {
     background-image:url(img/reservations.jpg);
     display:block;
     height:93px;
     text-indent:-9999px;
     width:220px;
	 z-index: 100;
}
#topReservations a:hover, #topReservations a:focus {
     background-image:url(img/reservations_f2.jpg);
     display:block;
     height:93px;
     text-indent:-9999px;
     width:220px;
	 z-index: 200;
}
#topGift {
     background-image:url(img/giftcards.jpg);
     display:block;
     height:95px;
     text-indent:-9999px;
     width:220px;
	 z-index: 100;
}
#topGift a:hover, #topGift a:focus {
     background-image:url(img/giftcards_f2.jpg);
     display:block;
     height:95px;
     text-indent:-9999px;
     width:220px;
	 z-index: 200;
}
.clearer {
	clear: both;
}
#nav {
	float: left;
	height: 40px;
	background: url(img/nav.jpg) repeat-x;
	padding: 0;
	margin: 0;
	font-size: .7em;
}
#mainContent {
	float: left;
	width: 470px;
	margin-left: 20px;
	padding-top: 1em;
	padding-bottom: 2em;
	font-size: .8em;
	line-height: 1.6em;
}
#columnLeft {
	float: left;
	width: 210px;
	font-size: .7em;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 3em;
}
#enclosure {
	float: left;
	width: 929px;
}
#enclosure2 {
	float: right;
	width: 700px;
}
#tour {
	float: left;
	width: 929px;
	padding-top: 1em;
	margin-left: 22px;
	font-size: .8em;
	line-height: 1.6em;
}
#centerContent {
	float: left;
	width: 470px;
	padding-top: 1em;
	font-size: .85em;
	line-height: 1.6em;
	padding-bottom: 3em;
}
#rightContent2 {
	float: right;
	width: 220px;
	font-size: .8em;
	padding-top: 2.4em;
	line-height: 1.6em;
	padding-bottom: 3em;
}
#rightContent {
	float: right;
	width: 420px;
	padding-top: 2.4em;
	font-size: .8em;
	line-height: 1.4em;
}
#rightContent img {
	clear: both;
}
#footer {
	clear: both;
	font-size: .7em;
	padding: 20px 0 2em 20px;
	border-top: 1px solid #f1f1f1;
	background: #ECEBE2;
}
#footer .left {
	float: left;
	width: 550px;
	line-height: 1.8em;
	padding-top: 1em;
}
#footer .right {
	float: right;
	width: 300px;
	text-align: right;
	line-height: 1.6em;
}
img {
	border: none;
}
h1 {
	font-size: 1.4em;
	color: #546201;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
}
h2 {
	font-size: 1.2em;
	color: #6B7D01;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
}
h3 {
	font-size: 1em;
	color: #6B7D01;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
}
#sidenav {
	width: 200px;
	float: left;
	padding-top: 1.8em;
	margin-left: 12px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 939px;
	float: left;
}
#nav ul li {
	float: left;
}
#nav li a {
	display: block;
	float: left;
	padding: 8px 2.4em;
	line-height: 2.1em;
	text-decoration: none;
	color: #333333;
	text-align: center;
	font-weight: bold;
}
#nav li a:hover {
	color: #546201;
}
/* bottom nav */
.menubottom {
    width: 200px;
	float: right;
	text-align: right;
	margin-right: 10px;
}
.menubottom a {
    text-decoration: none;
	font-weight: bold;
	border: none;
}
.menubottom div {
    border-top: 2px solid #EBE8E1;
	margin-right: 20px;
}
.menubottom div a {
    line-height: 21px;
    padding-right: 5px;
	letter-spacing: .1em;
	font-weight: normal;
    display: block;
    color: #576662;
    border-bottom: 1px dashed #576662;
}
.menubottom div a:hover, menubottom div a:focus {
	background-color: #6B7D01;
	border-bottom: 1px dashed #6B7D01;
	color: #ffffff;
}
/* side nav */
.menuSide {
    width: 190px;
	float: right;
	text-align: left;
	margin-top: 1.4em;
}
.menuSide a {
    text-decoration: none;
	font-weight: bold;
	border: none;
}
.menuSide div {
    border-top: 2px solid #ffffff;
	margin-right: 20px;
}
.menuSide div a {
    line-height: 21px;
    padding-right: 5px;
	letter-spacing: .1em;
	font-weight: normal;
    display: block;
    color: #576662;
    border-bottom: 1px dashed #576662;
}
.menuSide div a:hover, .menuSide div a:focus {
	background-color: #6B7D01;
	border-bottom: 1px dashed #6B7D01;
	color: #ffffff;
}	
#sitecredits {
	width: 890px;
	margin: 0 auto;
	text-align: right;
	padding: 1em;
	font-size: .65em;
}
a.sitecredits:link, a.sitecredits:visited, a.sitecredits:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a.sitecredits:hover, a.sitecredits:focus {
	color: #BFD34B;
}
/* box */
.box {
	background: url(img/bottom.jpg) no-repeat bottom left;
	width: 400px;
    padding-bottom: 2em;
	margin-bottom: 2em;
	border-bottom: 4px solid #6B7D01;
}
.box h2 {
	background: url(img/top.jpg) no-repeat top left;
	margin: 0;
	padding: 30px 12px 8px 26px;
	font-size: 1.2em;
	color: #6B7D01;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .2em;
	
}
.box h3 {
	margin: 0;
    margin-top: 3px;
	padding: 26px 12px 16px 26px;
	font-size: 1.2em;
	color: #6B7D01;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .2em;
	display: block;
	border-top: 1px solid #f1f1f1;
}
.box p {
	padding: 0 18px 12px 26px;
	margin: 0;
}
a:link, a:visited, a:active {
	color: #586463;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:focus {
	color: #546201;
}
.img-shadow {
	float: left;
	background: url (img/shadow.png) no-repeat bottom right !important;
	background: url(img/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.img-shadow img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}
a.reg:link {
	font-weight: bold;
	color: #ffffff;
	background-color: #6B7D01;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: .8em;
	margin: 1em 0;
}
a.reg:visited {
	font-weight: bold;
	color: #ffffff;
	background-color: #6B7D01;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: .8em;
	margin: 1em 0;
}
a.reg:hover {
	font-weight: bold;
	color: #ffffff;
	background-color: #BB3917;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: .8em;
	margin: 1em 0;
}
a.reg:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #6B7D01;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: .8em;
	margin: 1em 0;
}
