@import url(../styles/popup.css);


html{
margin: 0;
padding: 0;
}

body{
margin: 0;
padding: 0;
background:url(../images/pagebg.gif) center top repeat-x;
background-color:#fff;
font-family:"Times New Roman", Times, serif;
color:#7b6e51;
font-size: 100%; /* Fixes the use of ems in IE */
}



#homeBody {
margin: 0;
padding: 0;
background:url(../images/pagebg-home.gif) center top repeat-x;
background-color:#fff;
font-family:"Times New Roman", Times, serif;
color:#7b6e51;
font-size: 100%; /* Fixes the use of ems in IE */
}

/* OUTER SHELL */

#container1 {
top: 0px;
margin: 0 auto;
padding: 0;
width: 980px;
position: relative;
font-size: small; /* Correct content font size */
}

#container2 {
margin: 0;
padding: 0;
position:relative;
background:url( ../images/watermark.jpg) no-repeat 0 0;
height:730px;
}

#homeBody #container2 {
margin: 0;
padding: 0;
position:relative;
background:url( ../images/homeback.jpg) no-repeat 0 0;
height:730px;
}

/* HEADER */

#header{
background: url( ../images/header.jpg) no-repeat;
height: 151px;
position: relative;
}

#header h1 {
display:none;
}

/* CONTENT */

#contentarea {
margin: 10px 26px 0 540px; /* Top, Right, Bottom, Left */
margin-bottom: 0/* don't put margin on bottom of content - IE bug */;
padding:0 5px 0 0px;
position: relative;
height: 375px;
background: none;
overflow-y:scroll;
overflow-x:hidden;
}

#homeBody #contentarea {
margin: 10px 20px 0 525px !important; /* Top, Right, Bottom, Left */
margin-bottom: 0/* don't put margin on bottom of content - IE bug */;
padding:0 !important;
position: relative;
height: 375px;
background: none;
overflow:hidden !important;
}

/* HOMEPAGE WELCOME NOTE */

#welcomenote {display:none;}

/* FOOTER */

#footer {
position: relative;
top:115px;
height: 75px;
padding: 0;
margin: 0;
}

#homeBody #footer {
position: relative;
top:95px;
height: 75px;
padding: 0;
margin: 0;
}

/* NAV */

#nav {
left:100px;
position:absolute;
top:104px;
width:66px;
z-index: 600;
}

#homeBody #nav {
left:46px;
position:absolute;
top:77px;
width:66px;
z-index: 600;
}

/* TITLES */

h1.title {
position: relative;
top: 10px;
margin: 0; 
margin-top: 0; 
padding: 0;
display: block;
width: 420px; 
height: 66px;
text-indent: -5000px;
}


#homeBody h1.title 		{display:none;}
#aboutBody h1.title 		{background: url( ../images/titles/about.gif) no-repeat 0 0;}
#reflexBody h1.title 		{background: url( ../images/titles/reflex.gif) no-repeat 0 0;}
#swedishBody h1.title 		{background: url( ../images/titles/swedish.gif) no-repeat 0 0;}
#halfbodyBody h1.title 		{background: url( ../images/titles/halfbody.gif) no-repeat 0 0;}
#hopiearBody h1.title 		{background: url( ../images/titles/hopiear.gif) no-repeat 0 0;}
#pamperBody h1.title 		{background: url( ../images/titles/pamper.gif) no-repeat 0 0;}
#footBody h1.title 		{background: url( ../images/titles/foot.gif) no-repeat 0 0;}
#contactBody h1.title 		{background: url( ../images/titles/contact.gif) no-repeat 0 0;}
#giftBody h1.title 		{background: url( ../images/titles/gift.gif) no-repeat 0 0;}
#testimonialsBody h1.title 		{background: url( ../images/titles/testimonials.gif) no-repeat 0 0;}
#linksBody h1.title 		{background: url( ../images/titles/links.gif) no-repeat 0 0;}
#aromatherapyBody h1.title 		{background: url( ../images/titles/aromatherapy.gif) no-repeat 0 0;}
#aftercareBody h1.title 		{background: url( ../images/titles/aftercare.gif) no-repeat 0 0;}
#treatmentsBody h1.title 		{background: url( ../images/titles/treatments.gif) no-repeat 0 0;}
#holisticBody h1.title 		{background: url( ../images/titles/holistic.gif) no-repeat 0 0;}
#babyBody h1.title 		{background: url( ../images/titles/baby.gif) no-repeat 0 0;}
#shopBody h1.title 		{background: url( ../images/titles/shop.gif) no-repeat 0 0;}

/* ANCHOR STYLES */

a:link{color: #435531; text-decoration: none;}
a:visited {color:#435531; text-decoration: none;}
a:focus{color:#435531; text-decoration: none; border: none;}
a:hover{color: #67614f; text-decoration: underline;}
a:active{color: #435531; text-decoration: none;}


	
/* QUICK LINKS */

#quicklinks ul {margin: 0; padding: 0;}
#quicklinks ul li {position: absolute; display: inline; padding: 0; list-style-type: none;}

li.quicklink1 a {
position: absolute; 
overflow: hidden; 
text-indent: -5000px; 
display: block;
width: 137px;
height: 69px;
background: url(../images/quicklinks/discount.jpg) no-repeat;
left: 0px;
top: 207px;
z-index:500;
}
 
li.quicklink2 a {
position: absolute; 
overflow: hidden; 
text-indent: -5000px; 
display: block;
width: 137px;
height: 69px;
background: url(../images/quicklinks/callback.jpg) no-repeat;
left: 138px;
top: 207px;
}
 
li.quicklink3 a {
position: absolute; 
overflow: hidden; 
text-indent: -5000px; 
display: block;
width: 137px;
height: 69px;
background: url(../images/quicklinks/enquiry.jpg) no-repeat;
left: 275px;
top: 207px;
}


li.quicklink1 a:hover{background-position: -137px 0;}
li.quicklink2 a:hover{background-position: -137px 0;} 
li.quicklink3 a:hover{background-position: -137px 0;}

.botnav {
width:980px;
height:20px;
margin:0 auto;
text-align:center;
color:#435531;
}

.botnav ul li {display:inline; margin-right:10px;}

.botnav a {color:#435531;}

#addr {
position:absolute;
top:533px;
right:39px;
text-align:right;
}

.darkgreen {color:#435531; font-size:16px;}

.number {color:#738661; font-size:20px;}
.email a {color:#435531; font-size:16px;}
.email a:hover {color:#67614f; text-decoration:underline;}

#hometextbox {
line-height:18px;
width:400px;
height:100px;
position:absolute;
top:105px;
left:-0px;
overflow:hidden;
font-size:14px;
}


.learnmore a {
position:absolute;
top:71px;
left:105px;
background:url(../images/learnmore.gif) no-repeat;
width:72px;
height:23px;
text-indent:-9999px;
}

.learnmore a:hover {background-position:-72px 0;}

.facebook a{
position:absolute;
top:600px;
right:36px;
width:25px;
height:25px;
background:url(../images/facebook.gif) no-repeat;
text-indent:-9999px;
}

.facebook a:hover {background-position:-25px 0;}

.in a{
position:absolute;
top:600px;
right:63px;
width:20px;
height:21px;
background:url(../images/in.gif) no-repeat;
text-indent:-9999px;
}

.in a:hover {background-position:-20px 0;}