/******************** PURE ELEMENTS SPA ********************/
body {
	margin: 20px 0 10px 0;
	background: #D3CCB0 url(images/background.gif) repeat top center;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
h1, h2, p {
	margin: 20px;
}
h1 {
	font-family: Century Gothic;
	font-size: 18pt;
	font-weight: normal;
	color: #F7F5ED;
}
h2 {
	font-size: 10pt;
	text-transform: uppercase;
	color: #F7F5ED;
}
p, li, td {
	font-size: 10pt;
	line-height: 170%;
}
li {
	margin-right: 20px;
}
a {
	color: #7E7243;
}
a:hover {
	color: #5E5328;
}
img {
	display: block;
	border: 0;
}
.clear {
	clear: both;
}

/******************** STRUCTURE ********************/
.page {
	margin: 0 auto;
	width: 960px;
	background: #F7F5ED;
	border: 7px solid #D3CCB0;
	text-align: left;
}

/******************** HEADER ********************/
.header {
	width: 920px;
	height: 75px;
	background: #E8E3D0;
	border-color: #EEEADC;
	border-style: solid;
	border-width: 20px 20px 0px 20px;
}
.logo {
	float: left;
	padding: 10px 0px 0px 20px;
}
.contact {
	float: right;
	padding: 20px;
}
#page_home .photo_header {
	background: url(images/hdr_home.jpg) no-repeat center left;
}
#page_body .photo_header {
	background: url(images/hdr_body.jpg) no-repeat center left;
}
#page_hair .photo_header {
	background: url(images/hdr_hair.jpg) no-repeat center left;
}
#page_esthetics .photo_header {
	background: url(images/hdr_esthetics.jpg) no-repeat center left;
}
#page_packages .photo_header {
	background: url(images/hdr_packages.jpg) no-repeat center left;
}
#page_spainfo .photo_header {
	background: url(images/hdr_spainfo.jpg) no-repeat center left;
}
#page_location .photo_header {
	background: url(images/hdr_location.jpg) no-repeat center left;
}
.navigation {
	margin: 0px 0px 0px auto;
	width: 480px;
	background: url(images/flowerbg.jpg) no-repeat center right;
}

/******************** BODY ********************/
.body {
	padding: 1px 0;
	width: 920px;
	border-width: 0 20px;
	border-style: solid;
}
#page_home .body {
	background: #89D0D3;
	border-color: #A7DCDE;
}
#page_body .body {
	background: #89B1D3;
	border-color: #A7C5DE;
}
#page_hair .body {
	background: #D39E89;
	border-left: 20px solid #DEB6A7;
	border-right: 20px solid #DEB6A7;
}
#page_esthetics .body {
	background: #A8D389;
	border-left: 20px solid #BEDEA7;
	border-right: 20px solid #BEDEA7;
}
#page_packages .body {
	background: #F6D859;
	border-left: 20px solid #F8E283;
	border-right: 20px solid #F8E283;
}
#page_spainfo .body {
	background: #CCCCCC;
	border-left: 20px solid #D9D9D9;
	border-right: 20px solid #D9D9D9;
}
#page_location .body {
	background: #D3C289;
	border-left: 20px solid #DED1A7;
	border-right: 20px solid #DED1A7;
}
#page_body .body h1 {
 	color: #BDD4E6;
}
#page_esthetics h1 {
	color: #CEE6BD;
}
.content_column {
	width: 460px;
	float: left;
}

/* RIGHT COLUMN OF BOXES */
#boxes_column {
	float: right;
	width: 450px;
	margin: 10px 0px 20px 20px;
}
#boxes_column div {
	float: left;
	width: 210px;
	margin: 10px 10px 0px 0px;
	padding-bottom: 1px;
}
#boxes_column h1 {
	margin: 0px;
	padding: 5px 5px 5px 10px;
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
}
#boxes_column p {
	margin: 10px;
}
.feature {
	height: 300px;
	background: #F7F5ED url(images/corner_bottom_left.gif) no-repeat bottom left;
}
.feature h1 {
	background: #E8E3D0 url(images/corner_top_right.gif) no-repeat top right;
}
.feature p {
	font-size: 9pt;
}

.spaservice {
	float: left;
	width: 340px;
}
.spaservice h1, .spaservice h2 {
	margin-top: 0;
}
.spaprice {
	float: left;
	padding: 1px 0 20px 0;
	width: 100px;
	height: 120px;
}
.spaprice p {
	margin: 20px 0;
	font-size: 9pt;
}
#page_body .spaprice {
	background: url(images/bg_prices_body.gif) no-repeat top center;
}
#page_esthetics .spaprice {
	background: url(images/bg_prices_esthetics.gif) no-repeat top center;
}
.spaprice p {
	margin: 5px;
	text-align: center;
	font-weight: bold;
}
.price {
	font-size: 18pt;
	font-weight: normal;
	color: #F7F5ED;
}
.waxing {
	margin: 0 20px 20px 20px;
	width: 420px;
}
.waxingprice {
	width: 50px;
	padding-right: 10px;
}

.packageimg {
	float: left;
	padding: 0 0 0 20px;
	width: 100px;
}
.packagetext {
	float: left;
	width: 340px;
}
.packagetext p {
	margin-top: 0;
}
.hairservice {
	height: 280px;
	background: #F7F5ED url(images/hairservicebg.gif) no-repeat bottom left;
	text-align: center;
}
.hairservice h1 {
	background: #E8E3D0 url(images/hairservicehdrbg.gif) no-repeat top right;
}
#right_column {
	float: right;
	width: 450px;
}
#right_column img {
	margin: 20px 20px 0px 0px;
}
.photo_column {
	width: 210px;
	padding-left: 20px;
	padding-right: 20px;
	float: right;
}
.photo_column img {
	margin-top: 20px;
}
.caption {
	margin: 0px;
	font-size: 8pt;
	text-align: center;
}

.waxingdivider {
	padding-left: 10px;
	border-right: 1px solid #666666;
	margin-right: 10px;
}




.creditcards {
	text-align: center;
}
.creditcards img {
	display: inline;
}
.testimonial {
	background: url(images/quotebg.gif) no-repeat 10px 0px;
	color: #F7F5ED;
	padding-top: 10px;
}

/******************** FORMS ********************/
fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
fieldset table {
	margin: 0 5px;
}
fieldset td {
	font-size: 9pt;
}
input {
	border: 1px solid #D3CCB0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.field {
	width: 120px;
}
.button {
	border: 0px;
	padding: 3px;
	background: #D3CCB0;
	font-weight: bold;
}

#break {
	clear: both;
}

/******************** FOOTER ********************/
.footer {
	clear: both;
	padding: 1px 0;
	text-align: center;
}
#page_home .footer {
	background: #A7DCDE;
}
#page_body .footer {
	background: #A7C5DE;
}
#page_hair .footer {
	background: #DEB6A7;
}
#page_esthetics .footer {
	background: #BEDEA7;
}
#page_packages .footer {
	background: #F8E283;
}
#page_spainfo .footer {
	background: #D9D9D9;
}
#page_location .footer {
	background: #DED1A7;
}
.footer p {
	margin: 10px;
	font-size: 8pt;
}
.credit {
	margin: 5px;
	font-size: 8pt;
	color: #7E7243;
	text-decoration: none;
}
.credit a {
	color: #7E7243;
	text-decoration: underline;
}