body {

  margin: 0;

  padding: 0;

  background-color: #4C202D;

  color: #000;

  font-family: Verdana, sans-serif;
	 text-align: center;
}

#header {

  margin: 0;

  padding: 0;
	 min-height: 145px;

  background-color: #4C202D;
	 background-position: left bottom;
   background-image: url(../images/topbkg.jpg);
   background-repeat: repeat-x;

  color: #000;
}

#headercontent {

  padding: 20px 0 0 20px;
   text-align: left;
	 width: 1200px;

  margin: 0;

  color: #000;
}

#logo img {
	 float: left;
	 border: none;
}

.linkstop {
	 margin-left: 300px;
	 margin-top: 15px;
	 text-align: center; 
}

.linkstop li {
	 display: inline;
   font-size: 70%;
   text-align: center;
	 float: left;
	 padding: 0;
	 margin: 0 0.2em;
   width: 100px;
}

.linkstop li a {
   line-height: 1.5em;
   color: #fff;
   float: left;
   text-decoration: none;
   text-align: center;
   padding-top: 65px;
   margin: 0;
   width: 100px;   
}

.linkstop li a:hover {
   color: #8CFF2F;   
}

.linkstop li.whatwedo a {
	 background-image: url(../images/linkpic-whatwedo.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.packages a {
	 background-image: url(../images/linkpic-packages.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.massage a {
	 background-image: url(../images/linkpic-massage.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.facials a {
	 background-image: url(../images/linkpic-facials.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.waxing a {
	 background-image: url(../images/linkpic-waxing.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.spa a {
	 background-image: url(../images/linkpic-spa.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.manicures a {
	 background-image: url(../images/linkpic-manicures.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.healing a {
	 background-image: url(../images/linkpic-healing.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linkstop li.about a {
	 background-image: url(../images/linkpic-about.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

#main {

  margin: 0;

  padding: 0;

  /* background-color: #4C202D; */
   /* background-image: url(../images/mainbkg.gif); */
   background-repeat: repeat-y; 
   background-position: center; 

  color: #000;
}

#content {
   margin: 0;
   padding: 0;
   background-image: url(../images/mainbkg.gif);
   background-repeat: repeat-y;
   background-position: center;
   text-align: center;
}   

#maincontent {

  margin: 0;

  padding: 0;
	 width: 1200px;
   text-align: left;

  /* color: #4C202D; */
}

.pageinfo {

  margin: 0;	 
	 padding-left: 10px;
   text-align: left;
	 width: 1200px;
	 background-color: #E2FFCB;

  color: #4C202D;
   background-repeat: no-repeat;
   background-position: right;
}

#homepage .pageinfo {
   background-image: url(../images/pagepic-home.png);
}

#whatwedo .pageinfo {
   background-image: url(../images/pagepic-whatwedo.png);
}

#packages .pageinfo {
   background-image: url(../images/pagepic-packages.png);
}

#massage .pageinfo {
   background-image: url(../images/pagepic-massage.png);
}

#spa .pageinfo {
   background-image: url(../images/pagepic-spa.png);
}

.pageinfo #pagetext {
	 padding-top: 10px;	 
	 padding-bottom: 10px;   
   width: 660px;
   overflow: auto;
   height: 300px;
}

div.scrollholder
{
   position: relative;
   width: 660px;
   height: 300px;
   overflow: auto;
   z-index: 1;
}

div.scroll
{
   position: absolute;
   left: 0;
   top: 0;
   width: 95%;
   z-index: 2;
}

/* <Scroll> */
div.track
{
   position: relative;
   float:right;
   top: 0; 
   width: 11px;
   height: 100%;
   font-size: 0;
   z-index: 3;
   background: #C7E1B3;
}

div.drag_bar
{
   position: absolute;
   width: 100%;
   height: 14px;
   cursor: pointer;
   z-index: 4;
   background: #839575;
}   

.pageinfo h1 {
	 height: 50px;
	 width: 660px;
	 overflow: hidden;
	 position: relative;
	 font-size: 95%;
	 padding-top: 10px;
	 margin: 0;
}

.pageinfo h1 span {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
}

#homepage .pageinfo h1 span {
	 background-image: url(../images/heading-main.png);
	 background-repeat: no-repeat;	 
}

#whatwedo .pageinfo h1 span {
	 background-image: url(../images/heading-whatwedo.png);
	 background-repeat: no-repeat;	 
}

#packages .pageinfo h1 span {
	 background-image: url(../images/heading-packages.png);
	 background-repeat: no-repeat;	 
}	 

#massage .pageinfo h1 span {
	 background-image: url(../images/heading-massage.png);
	 background-repeat: no-repeat;	 
}

#spa .pageinfo h1 span {
	 background-image: url(../images/heading-spa.png);
	 background-repeat: no-repeat;	
}

.pageinfo h2 {
	 font-size: 85%;
	 border-bottom: 1px solid #4C202D;
	 padding: 5px 0 2px 0;
	 margin-left: 10px;
}

.pageinfo h3 {
	 font-size: 75%;
	 padding: 5px 0 5px 10px;
	 margin: 0;
}

.pageinfo p {
   margin-top: 0;
   padding: 0;
	 margin-left: 10px;
	 font-size: 70%;
	 line-height: 1.8em;
}

.pageinfo a:link, .pageinfo a:visited  {
   font-weight: bold;
   color: #4C202D;
   text-decoration: none;
}

.pageinfo a:hover  {
   color: #839575;
}

.pageinfo img {
   float: right;
   width: 150px;
   margin: 10px 0px 5px 5px;
   border: 1px solid #4C202D;
}

.pageinfo ul {
   margin-top: 2px;
   padding: 0;
	 margin-left: 40px;
} 

.pageinfo li {
	 font-size: 70%;
	 line-height: 1.8em;
}

#pricing {
   width: 150px;
   float: right;
   border: 1px dotted #000;
   padding: 10px;
   margin: 2px;
   background: #C7E1B3;
   color: #839575;
}   

#footer {
	 top: 0;
	 left: 0;

  margin: 0;

  padding: 0;
	 min-height: 150px;

  /* background-color: #4C202D; */
   background-image: url(../images/bottombkg.jpg);
   background-position: left top;
   background-repeat: repeat-x;

  color: #000;
}

#footercontent {

  margin: 0;
   text-align: left;
	 width: 1200px;

  padding: 0;

  color: #000;
}

#footer #footercontent #calltoaction {
	 padding-top: 20px;
	 margin-left: 335px;
}	 

#footercontent p {

  margin: 0;
	 padding: 0;
   text-align: left;
	 font-size: 70%;
	 color: #fff;	 
}

.linksbottom {
	 margin-left: 20px;
	 /* padding-top: 10px; */
	 text-align: center; 
}

.linksbottom li {
	 display: inline;
   font-size: 70%;
   text-align: center;
	 float: left;
	 padding-top: 20px;
	 margin: 0 0.2em;
   width: 120px;
}

.linksbottom li a {
   line-height: 1.5em;
   color: #fff;
   float: left;
   text-decoration: none;
   text-align: center;
   padding-top: 65px;
   margin: 0;
   width: 120px;   
}

.linksbottom li a:hover {
   color: #8CFF2F;   
}

.linksbottom li.specials a {
	 background-image: url(../images/linkpic-specials.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linksbottom li.brochure a {
	 background-image: url(../images/linkpic-brochure.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linksbottom li.vouchers a {
	 background-image: url(../images/linkpic-vouchers.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}

.linksbottom li.contact a {
	 background-image: url(../images/linkpic-contact.png);
	 background-position: top center;
	 background-repeat: no-repeat;
}