@charset "UTF-8";
/* CSS Resets */
h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, pre, code, address, variable, form, fieldset,
blockquote, html, body {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { margin-left: 1.4em; list-style: decimal; }
ul { margin-left: 1em; list-style:square; }
q:before, q:after { content:''; }
/* */

body {
	font-family: "Hoefler Text", Georgia, serif;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	letter-spacing: .04em;
	background-image: url(images/back.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
}

#container {
	border: 1px solid #000000;
	width: 700px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
	position: relative;
}
#logo { 
	position: absolute;
	top: 1px;
	height: 77px;
	width: 247px;
	left: 450px;
}
#logo a, 
#logo img {
	border: 0px;
	text-decoration: none;
}
* html #navbar { /* for IE6, had to put logo in this div, not logo div. Needed z-index so dropdowns were not transparent */
	position: relative;
	z-index: 10;
}
/* container backgrounds and Staff page image correction */
.home #container,
.crave #container {
	background-image: url(images/home.jpg);
}
.facials #container {
	background-image: url(images/facials.jpg);
}
.led #container {
	background-image: url(images/facials.jpg);
}
.massage #container {
	background-image: url(images/massage.jpg);
}
.foot #container {
	background-image: url(images/foot.jpg);
}
.wax #container {
	background-image: url(images/combo.jpg);
}
.micro #container {
	background-image: url(images/combo.jpg);
}
.combo #container {
	background-image: url(images/combo.jpg);
}
.addons #container {
	background-image: url(images/combo.jpg);
}
.certificate #container {
	background-image: url(images/certificate-holiday.jpg);
}
.products #container {
	background-image: url(images/products.jpg);
}
.jewelry #container {
	background-image: url(images/jewelry.jpg);
}
.staff #container {
	background-image: url(images/staff.jpg);
}
.staff #scroll img {
	float: right;
	margin-bottom: 2px;
	margin-left: 8px;
}
.concept #container {
	background-image: url(images/staff.jpg);
}
.policies #container {
	background-image: url(images/staff.jpg);
}
.reviews #container {
	background-image: url(images/staff.jpg);
}
.find #container {
	background-image: url(images/staff.jpg);
}
/* */
/* navbar and link behaviors */
#navbar {
	width: 700px;
	margin-left: 2px;
	float: left;
}
#navbar a:hover {
	color: #ffffcc;
}
.addons a#addons,
.certificate a#certificate,
.combo a#combo,
.concept a#concept,
.facials a#facials,
.find a#find,
.foot a#foot,
.home a#home,
.jewelry a#jewelry,
.led a#led,
.massage a#massage,
.micro a#micro,
.policies a#policies,
.products a#products,
.reviews a#reviews,
.staff a#staff,
.wax a#wax {
	color: #cc9999;
}
#scroll a {
	text-decoration: none;
	font-size: 10px;
}
#scroll a:hover,
#footer a:hover {
	text-decoration: underline;
}
#scroll h2 a {
	font-size: 17px;
}
/* */

#content {
	clear: both;
}

#content h1 {
	font-family: "Hoefler Text", Georgia, serif;
	font-size: 30px;
	font-weight: normal;
	color: #b1444f;
	letter-spacing: .07em;
	margin-top: 24px;
	margin-bottom: 5px;
}
.home #scroll h1 {
	color: #e6b098;
	text-align: center;
}
.home #scroll h2,
.home #special h2,
.certificate #special h2 {
	text-align: center;
}
#content h2 {
	font-family: "Hoefler Text", Georgia, serif;
	font-size: 17px;
	color: #511573;
	margin-bottom: 6px;
	padding-top: 6px;
	letter-spacing: 0.1em;
	font-weight: normal;
}

#content p, li, td {
	font-size: 10px;
	letter-spacing: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 6px;
	margin-bottom: 10px;
}
#scroll li {
	margin-bottom: 0px;
}

#scroll {
	height: 624px;
	margin-left: 20px;
	overflow: auto;
	width: 305px;
	padding-right: 47px;
}
#special {
	width: 288px;
	float: right;
	padding-right: 15px;
	padding-left: 12px;
	margin-top: 50px;
	margin-right: 10px;
}

#footer {
	font-size: 16px;
	color: #B1444F;
	font-family: "Hoefler Text", Georgia, serif;
	letter-spacing: .07em;
	font-weight: normal;
	background-color: #B84C56;
	margin: 0;
	clear: both;
}
#footer p, a {
	color: #4E0D6E;
	padding-top: 3px;
	margin: 0;
	text-decoration: none;
}
/* tinkerings */

.home #scroll p,
.home #special p,
.certificate #special p {
	color: #000000;
}
.certificate #scroll h2 {
	margin-bottom: 0px;
}
.certificate #scroll span {
	font-size: 13px;
}
.led2 #content h1 {
font-size: 28px;
}
#form1 h2 {
	margin-bottom: 0px;
}
#deliveryMethod {
	font-size: 10px;
	letter-spacing: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inlineLogo {
	vertical-align: text-top;
}
.crave1 {
	margin-top: 175px;
	margin-left: 10px;
}
.crave2 {
	float: right;
	width: 448px;
	margin-top: 50px;
	margin-right: 10px;
}

/* email submit form */

#emailform input[type="text"] {
		background-color: #e6e6e6;
		color: #511573;
}
#emailform input[type="submit"] {
	background-color: #e6e6e6;
}

#emailform input[type="text"]:focus {
		background-color: #e6b098;
		color: #511573;
}

/*Hacks for IE 6 */
* html #container {
	border: 0px;
	background-repeat: no-repeat;
}
* html #MenuBar1 {
	width: 700px;
	margin-top: 15px;
	clear: both;
	margin-left: 0px;
}
* html #content {
	height: 550px;
}
* html #footer {
	margin-top: 0px;
	margin-bottom: 0px;
}
/* */
#special ul {
	color: #000000;
}
