body {
	font-family: "Trebuchet MS", Verdana, Tahoma, SansSerif;
	text-align: center;
	background-image: url(../images/interior-light_01.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height: 19px;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header {
	position: relative;
}

/*#menu ul {
	height: 28px;
	width: 760px;
	position: relative;
	background-image: url(../images/navbar-interior2.gif);
	background-repeat: no-repeat;
	margin: 0;}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	height: 28px;
}

#menu, #menu a {
	height: 28px;
	display: block;
}

#menu1b {left: 0px; width: 57px;}
#menu2b {left: 58px; width: 87px;}
#menu3b {left: 144px; width: 102px;}
#menu4b {left: 246px; width: 53px;}
#menu5b {left: 299px; width: 80px;}
#menu6b {left: 379px; width: 104px;}
#menu6c {left: 483px; width: 93px;}
#menu7b {left: 576px; width: 82px;}
#menu8b {left: 658px; width: 102px;}

#menu1b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -0px -28px no-repeat; }
#menu2b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -58px -28px no-repeat;}
#menu3b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -144px -28px no-repeat;}
#menu4b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -246px -28px no-repeat;}
#menu5b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -299px -28px no-repeat;}*/
	
/*=============================Drop down Menu=========================================*/	

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:760px; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; height:28px; text-align:center; color:#fff; line-height:28px; font-size:11px; overflow:hidden;}
.menu li#home {
	left: 0px;
	width: 59px;
	background-image: url(../images/nav/home.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu li#about {
	width: 93px;
	background-image: url(../images/nav/about.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu li#mobile {
	width: 107px;
	background-image: url(../images/nav/mobile.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu li#services a {
	width: 101px;
	background-image: url(../images/nav/services.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu li#services ul a, .menu li#services ul a:hover {
	background-image:none;
	width: 160px;
}
.menu li#parties  {
	width: 108px;
	background-image: url(../images/nav/parties.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu li#products {
	width: 98px;
	background-image: url(../images/nav/products.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu li#specials {
	width: 87px;
	background-image: url(../images/nav/specials.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.menu li#contact {
	width: 106px;
	background-image: url(../images/nav/contact.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#home a:hover {	background-image: url(../images/nav/home.gif);
	background-repeat: no-repeat;
	background-position: center center;
	}

#about a:hover {
	background-image: url(../images/nav/about.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#mobile a:hover {
	background-image: url(../images/nav/mobile.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#services a:hover {
	background-image: url(../images/nav/services.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#parties a:hover{
	background-image: url(../images/nav/parties.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#products a:hover{
	background-image: url(../images/nav/products.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#specials a:hover{
	background-image: url(../images/nav/specials.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#contact a:hover{
	background-image: url(../images/nav/contact.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#333366; font-size: 11px;}
.menu ul li:hover ul {display:block; position:absolute; top:28px; left:0; width:160px; font-size: 11px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000; font-size: 11px;}
.menu ul li:hover ul li ul {display: none;font-size: 11px;}
.menu ul li:hover ul li a {
	display:block;
	background:#ddd;
	color:#000;
	font-size: 11px;
}
.menu ul li:hover ul li a:hover {
	background:#333366;
	color:#fff;
	font-size: 11px;
}
/*.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:105px;
	top:0;
	font-size: 11px;
}
.menu ul li:hover ul li:hover ul.left {left:-105px; font-size: 11px;}
*/

/*=======================================================================================*/	

/*#menu6b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -379px -28px no-repeat;}
#menu6c a:hover {
	background: transparent url(../images/navbar-interior2.gif) -483px -28px no-repeat;}
#menu7b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -576px -28px no-repeat;}
#menu8b a:hover {
	background: transparent url(../images/navbar-interior2.gif) -658px -28px no-repeat;}*/

#payforservices {
	height: 60px;
	width: 190px;
	position: absolute;
	top: 23px;
	left: 565px;
}
#newsletter-signup {
	width: 220px;
	position: absolute;
	top: 40px;
	left: 400px;
	text-align: left;
}
#newsletter-signup input {
	background-color: #E0935F;
}


a {
	color: #339900;
	font-size: 16px;
	text-decoration: none;
}

a:hover {
	font-size: 16px;
	color: #71639f;
}

h1 {
	padding: 0 10px;
	height: 114px;
	/*width: 265px;*/
	text-indent: -9000px;
}

h2 {
	color: #339900;
	font-size: 16px;
	text-decoration: none;
	background-image: url(../images/purple-leaf.gif);
	line-height: 18px;
	padding: 0 0 0 27px;
	background-repeat: no-repeat;
	margin: 20px 0 0 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	color: #71639F;
	font-style: italic;
	font-size: 14px;
	margin: 0;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #993300;
	letter-spacing: 0.2em;
}


#formborder {
	padding: 10px;
}
#formborder p {
	color: #71639f;
	font-size: 14px;
}

#formborder img {
	padding: 5px 0;
}

#paynow {
	width: 150px;
	padding: 15px 0 0 400px;
}

#right form p {
	margin: 0;
	padding: 0;
	line-height: 5px;
}

.quote {
	font-size: 12px;
	font-style: italic;
	color: #71639f;
	background-image: url(../images/canvas-quote.jpg);
	background-repeat: no-repeat;
	width: 220px;
	padding: 20px 0 5px 0;
	text-align: center;
	margin: 0;
	display: block;
}
.unquote {
	background-image: url(../images/canvas-unquote.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 29px;
	padding-top: 10px;
	color: #71639f;
	width: 220px;
	display: block;
}

#left {
	float: left;
	position: relative;
	width: 450px;
	padding: 0 0 0 30px;
	margin: 0;
	text-align: left;
/*	background-image: url(../images/interior-light_03.gif);
	background-repeat: no-repeat;
	background-position: right bottom;*/
}

#title {
	height: 114px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}

#logo {
	background-image: url(../images/toptitleInc.gif);
	background-repeat: no-repeat;
	height: 105px;
/*	text-indent: -9000px;*/
}

#title-about {
	background-image: url(../images/title-about.jpg);
	background-repeat: no-repeat;
}
#title-products {
	background-image: url(../images/title-products.jpg);
	background-repeat: no-repeat;
}
#title-mobile {
	background-image: url(../images/title-mobile.jpg);
	background-repeat: no-repeat;
}
#title-specials {
	background-image: url(../images/title-specials.jpg);
	background-repeat: no-repeat;
}

#title-treatments {
	background-image: url(../images/title-services.jpg);
	background-repeat: no-repeat;
}
#title-facials {
	background-image: url(../treatments/images/facials-title.gif);
	background-repeat: no-repeat;
}
#title-micro {
	background-image: url(../treatments/images/micro-title.gif);
	background-repeat: no-repeat;
}

#title-microphoto {
	background-image: url(../treatments/images/mpt-title.jpg);
	background-repeat: no-repeat;
}
#title-cch {
	background-image: url(../treatments/images/cch-title.gif);
	background-repeat: no-repeat;
	margin-top: 25px;
}
#title-reiki {
	background-image: url(../images/title-reiki.jpg);
	background-repeat: no-repeat;
}
#title-parties {
	background-image: url(../images/title-parties.jpg);
	background-repeat: no-repeat;
}
#title-contact {
	background-image: url(../images/title-contact.jpg);
	background-repeat: no-repeat;
}
#title-thank-you {
	background-image: url(../images/title-thank-you.jpg);
	background-repeat: no-repeat;
}

#leftpic {
	margin: 0;
	padding: 20px 0 0 0;
	text-align: right;
}

/*#left p {
	margin: 5px 0 30px 27px;
}*/

#left a {
	font-size: 16px;
	line-height: 19px;
	color: #339900;
/*	background-image: url(../images/purple-leaf.gif);
	background-repeat: no-repeat;
	padding-left: 28px;*/
}

#image {
	position: absolute;
	left: 1px;
	top: 0px;
}

#right {
	float: right;
	position: relative;
	width: 244px;
	padding: 0;
	background-image: url(../images/canvas-loop.jpg);
	background-repeat: repeat-y;
}

#right input {
	background-image: url(../images/canvas-form.jpg);
}

#right textarea {
	width: 200px;
	height: 40px;
}

#right form {
	text-align: right;
	width: 215px;
	display: inline;
}

#bottom-photo {
	text-align: center;
	margin: 0;
	padding: 15px 0 0 0;
}

#footer {
	clear: both;
}

#bottom {
	background-image: url(../images/bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0;
	padding: 0;
}


#content {
	position: absolute;
	top: 63px;
	left: 1px;
}
#gift-certificate p {
	margin: 0 20px 6px 0;
	text-align: right;
}
.list-notopmargin {
	margin-top: 0px;
	padding-top: 0px;
	margin: 6px 9px 9px 20px;
	padding: 0 9px 9px 20px;
}

.list-notopmargin li {
	margin: 0;
	padding: 0;
}

input.txt {
	width: 160px;
	margin: 0 10px 6px 0;
}
#contactus {
	width: 90%;
}
#contact-table {
	vertical-align: top;
	margin-top: 20px;
}
#contact-table td {
	vertical-align: top;
	padding: 6px 6px 0 0;
}
#contact-table .left-cell {
	color: #339900;
	text-align: right;
}




#contactus label {
}
#contactus p {
}
.contact-text {
	margin: 0 10px 6px 0;
	width: 200px;
}




/* Easy Clearing of Float: The clearfix uses the pseudo element after: which generates content after an element. The appended content in this case is a simple punctuation mark, the period, which is given a height of 0 and a visibility set to hidden. We can then add clear:both to our pseudo element, and viola! Our float is cleared. We also do a little IE Mac hiding to complete the technique. */
.clearfix:after {   
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
} 

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
/* End hide from IE-mac */


/*========================================SPECIALS fixed======================================*/
#right2 {
	position: absolute;
	width: 244px;
	padding: 0;
	background-image: url(../images/canvas-loop.jpg);
	background-repeat: repeat-y;
	left: 520px;
	top: 133px;
}

#right2 input {
	background-image: url(../images/canvas-form.jpg);
}

#right2 textarea {
	width: 200px;
	height: 40px;
}

#right2 form {
	text-align: right;
	width: 215px;
	display: inline;
}
.product-table {
	border-collapse:collapse;
	padding:0;
	margin-left: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.product-table th {
	vertical-align: bottom;
}
.product-table td {
border-collapse:collapse;
padding:0;
}
.product-table img {
	padding: 100px 0;
}
.product-list td {
vertical-align:top;
} 
th {
	color: #515185;
	font-weight: bold;
	background-color: #F6ecdf;
	text-align:center;
}
.rule-above-green {
	border-top: solid 1px #8ECA3A;
	padding-top:15px;
}
.rule-below-green {
	border-bottom: solid 1px #8ECA3A;
}
.back-top {
	border-bottom: solid 1px #8ECA3A;
	text-align:center;
	font-size:14px;
	display:block;
}
p.back-top a {
	font-size:12px;
	text-align:center;
}
.rule-above-purple {
	border-top: solid 1px #67679B;
	padding-top:15px;
}
.rule-below-purple {
	border-bottom: solid 1px #67679B;
}
.rule-below-dot {
	border-bottom: dotted 1px #8ECA3A;
}
.red-papyrus {
	font-family: Papyrus;
	font-size: 32px;
	color: #FF0000;
}

#product-nav {
	color: #67679B;
	border-bottom: solid 1px #67679B;
	border-top: solid 1px #67679B;
	padding:10px 40px;
	margin:0;
}
#product-nav li a:hover {
	background-color: #EAFFD4;
	color: #67679B;
}
#title-body {
	background-image: url(../treatments/images/title-body-treatments.gif);
	background-repeat: no-repeat;
	background-position: left top;
}