/*  Now and Zen Styles  */
@import "/inc/reset.css";

body 
{ 
background:#CED8D4 url(/i/bg.jpg) repeat-x scroll 0 0; 
font: normal 14px/1.5em Arial, Helvetica, sans-serif;
text-align:center; 
color:#39270C; 
margin:0;
padding:0;
}
#wrap
{
width:960px;
margin:0 auto;
text-align:left;
}
#head
{ 
width:960px;
height:148px;
background:transparent url(/i/clouds.png) no-repeat 0 0;
position:relative;
margin:0;
padding:0;
}
div#logo {width:356px;height:95px;float:left;margin:20px 0 0 106px;}
div#logo a {width:356px;height:95px;display:block;background:transparent url(/i/logo.png) no-repeat 0 0;}
#head-contact {width:121px;height:46px;float:right;margin:66px 90px 0 0;}
#head-contact a {width:121px;height:46px;display:block;background:transparent url(/i/phone.png) no-repeat 0 0;}

div#navwrap {position:relative;float:left;width:960px;height:58px;margin:-15px 0 0 0px;background:url(/i/bg-nav.gif) no-repeat;}
#nav
{
width:777px;
height:19px;
font:bold 10px/1.6em Arial, Verdana;
background:url(/i/nav.gif) no-repeat;
text-transform:uppercase;
position:absolute;
top:30px;
left:93px;
}
#nav li {display:inline;}
ul#nav li a, ul#nav li a:link, ul#nav li a:visited 
{
position: absolute;
top: 0;
height: 19px;
text-indent: -9000px;
overflow: hidden;
}
ul#nav li#abo a {left:0px; width:155px; height:19px;display:block;}
ul#nav li#abo a:hover, 
ul#nav li#abo a:focus { background: url(/i/nav.gif) no-repeat -0px -19px;}

ul#nav li#mas a {left:200px; width:170px; height:19px;display:block;}
ul#nav li#mas a:hover, 
ul#nav li#mas a:focus,
body#massage ul#nav li#mas a  { background: url(/i/nav.gif) no-repeat -200px -19px;}

ul#nav li#yog a {left:420px; width:53px; height:19px;display:block;}
ul#nav li#yog a:hover, 
ul#nav li#yog a:focus,
body#yoga ul#nav li#yog a { background: url(/i/nav.gif) no-repeat -420px -19px;}

ul#nav li#wha a {left:525px; width:120px; height:19px;}
ul#nav li#wha a:hover, 
ul#nav li#wha a:focus,
body#what ul#nav li#wha a { background: url(/i/nav.gif) no-repeat -525px -19px;}

ul#nav li#con a {left:697px; width:70px; height:14px;}
ul#nav li#con a:hover, 
ul#nav li#con a:focus,
body#contact ul#nav li#con a { background: url(/i/nav.gif) no-repeat -697px -19px;}

/* -------------------------------------
             Content Layout
---------------------------------------- */
#content
{
width:960px;
float:left;
}
#copy
{
float:left;
width:760px;
margin: 30px 0 0 93px;
padding-bottom:20px;
}
#intro {background: url(/i/intro.png) no-repeat 0 0;width:758px; height:264px;margin:15px 0 0 0;}

h3.mass {height:25px;width:368px;margin:15px 0 0 0;}
h3#hyd {background: url(/i/h3hyd.gif) no-repeat 0 0;}
h3#cou {background: url(/i/h3cou.gif) no-repeat 0 0;}
h3#dee {background: url(/i/h3dee.gif) no-repeat 0 0;}
h3#hig {background: url(/i/h3hig.gif) no-repeat 0 0;}
h3#hot {background: url(/i/h3hot.gif) no-repeat 0 0;}
h3#sal {background: url(/i/h3sal.gif) no-repeat 0 0;}
h3#ski {background: url(/i/h3ski.gif) no-repeat 0 0;}
h3#tha {background: url(/i/h3tha.gif) no-repeat 0 0;}
h3#tra {background: url(/i/h3tra.gif) no-repeat 0 0;}

h3#spe {background: url(/i/h3spe.gif) no-repeat 0 0;}
h3#new {background: url(/i/h3new.gif) no-repeat 0 0;}
h3#dev {background: url(/i/h3dev.gif) no-repeat 0 0;}

h3#what {background: url(/i/h3wha.gif) no-repeat 0 0;}

h3#cont {background: url(/i/h3cont.gif) no-repeat 0 0;}

/* Linkage Styles
----------------------------------------------------------*/
a, a:link, a:visited  { color: #D77E26; text-decoration:underline; }
a:hover, a:active   { color: #392810; text-decoration:none; }

/* -------- Text Styles ---------- */
 
h1 {
font:27px Arial, sans-serif;
color: #C42816;
font-weight:normal;
text-transform:uppercase;
margin:5px 0;
}
h2 {
font:26px/2em Georgia, Times, "Times New Roman";
color: #212121;
}
h3 {
color:#D77E26;
font:16px/1.4 Arial, Verdana, Arial, sans-serif;
margin:10px 0 4px 0;
}
h4 {
color:#392810;
font:normal 16px Arial, sans-serif;
line-height:1.4em;
margin:10px 0 4px 0;
letter-spacing:-.6px;
}
h5 {
font:bold 21px Rockwell, Verdana, Arial, sans-serif;
line-height:1.4em;
letter-spacing:1px;
color:#fff;
}
h6 {
font-size:17px;
letter-spacing:-.4px;
margin:4px 0;
line-height:1.1em;
color:#000;
}
blockquote {
font-family: Verdana, Arial, Sans;
font-size: 14px;
line-height: 20px;
color: #423D1F;
margin: 10px 0;
padding: 5px 30px;
background: url(/i/blockquote.gif) no-repeat 0 15px;
}
p {
font-size: 14px;
line-height: 1.6em;
margin: 6px 0;
}
p strong {font-size:13px;}
ul.ulist 
{
list-style:outside;
list-style-type:disc; 
margin: 10px 0;
font-size: 18px;
}

strong {font-weight:bold;}
.intro {font-size:16px;}
.center {text-align:center;}
.float-left
{
float:left;
margin:5px 10px 5px 0;
padding:4px;
border:1px solid #8F7950;
}
.floatleft
{
float:left;
clear:both;
margin:5px 10px 5px 0;
}
.float-right
{
float:right;
margin:0 0 0 4px;
}
.floatright
{
float:right;
margin:5px 0 5px 10px;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
 /* Hide from IE Mac \*/
.clearfix {display:block;}
 /* End hide from IE Mac */

.boo { text-indent: -123456em; overflow:hidden;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/* -------------------------------------
             Footer Styles
---------------------------------------- */
#foot
{
float:left;
clear:both;
width:960px;
height:50px;
margin:30px 0 0 0;
}
#foot p { color:#5A5222;font:normal 11px/1em Arial, Verdana;margin:0 0 0 93px;}
div#author a {color:#000;text-decoration:none;}
div#author a:hover {color:#333; }
div#author {font:12px Arial, Verdana;text-align:center;float:left;width:960px;height:22px;margin:20px 0;color:#000;}