/* CSS Document */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%;
	color: #87692b;
}

a {
	outline:none;
}

body {
  background: #fff url(../images/template/bg.gif) top left repeat-y;
}

div#nav {
  position:absolute;;
  top: 50px;
  left: 0px; 
  width: 192px;
}

/* navigation */
.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	line-height:1.0;
	margin-bottom:1.5em;
	width: 192px;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	width: 192px;
	background-color: fbfee9;
	color: fbfee9;
}
.nav li {
	background:#87692B;
	float: left;
	list-style:none;
	position:relative;
	width: 192px;
    text-indent: -9000px;
}

.nav ul li li {
   text-indent: 0px;
}

.nav li#sub {
background: transparent url(../images/template/services.jpg) top left no-repeat;
}

.nav a {
	color: #13a;
	display:block;
	padding: 0;
	text-decoration:none;
	width:192px;
}
.nav li ul {
	top:-999em;
	position:absolute;
	width:192px;
}
.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:transparent;
}

.nav li ul li:hover,
.nav li ul a:focus, .nav li ul a:hover, .nav li ul li a:active {
	background:#87692B;
}

.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:192px;
	top:-1px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:192px;
	top:-1px;
}
.nav li li:hover li ul,
.nav li li.sfHover li ul {
	top:-999em;
}
.nav li li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li li.sfHover ul {
	left:192px;
	top:-1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}
.nav li li {
  background:#87692B;
  width:192px;
}
.nav li li li {
  background:#87692B;
}
.nav li li a {
  padding-right:0;
  width:7.45em;
}

/* individual link images/hover*/
.nav li a#home {
  width: 192px;
  height: 52px;
  background: transparent url(../images/template/home.jpg) top left no-repeat;
}

.nav li a#home:hover {
  width: 192px;
  height: 52px;
  background: transparent url(../images/template/home_ro.jpg) top left no-repeat;
}

.nav li a#services {
  width: 192px;
  height: 56px;
}

.nav li a#services:hover {
  width: 192px;
  height: 56px;
}

.nav li#sub {
  width: 192px;
  height: 56px;
  background: transparent url(../images/template/services.jpg) top left no-repeat;
}

.nav li#sub:hover {
  width: 192px;
  height: 56px;
  background: transparent url(../images/template/services_ro.jpg) top left no-repeat;
}

.nav li a#expect {
  width: 192px;
  height: 57px;
  background: transparent url(../images/template/expect.jpg) top left no-repeat;
}

.nav li a#expect:hover {
  width: 192px;
  height: 57px;
  background: transparent url(../images/template/expect_ro.jpg) top left no-repeat;
}

.nav li a#bio { 
 width: 192px;
  height: 60px;
  background: transparent url(../images/template/bio.jpg) top left no-repeat;
}

.nav li a#bio:hover {
  width: 192px;
  height: 60px;
  background: transparent url(../images/template/bio_ro.jpg) top left no-repeat;
}

.nav li a#appointments {
  width: 192px;
  height: 55px;
  background: transparent url(../images/template/appointments.jpg) top left no-repeat;
}

.nav li a#appointments:hover {
  width: 192px;
  height: 55px;
  background: transparent url(../images/template/appointments_ro.jpg) top left no-repeat;
}

.nav li a#contact {
  width: 192px;
  height: 91px;
  background: transparent url(../images/template/contact.jpg) top left no-repeat;
}

.nav li a#contact:hover {
  width: 192px;
  height: 91px;
  background: transparent url(../images/template/contact_ro.jpg) top left no-repeat;
}

.nav li a#resources {
  width: 192px;
  height: 60px;
  background: transparent url(../images/template/resources.jpg) top left no-repeat;
}

.nav li a#resources:hover {
  width: 192px;
  height: 60px;
  background: transparent url(../images/template/resources_ro.jpg) top left no-repeat;
}

.nav li a#ideas {
  width: 192px;
  height: 67px;
  background: transparent url(../images/template/ideas.jpg) top left no-repeat;
}

.nav li a#ideas:hover {
  width: 192px;
  height: 67px;
  background: transparent url(../images/template/ideas_ro.jpg) top left no-repeat;
}

.nav li a#integration {
  width: 192px;
  height: 31px;
  background: transparent url(../images/template/integration.jpg) top left no-repeat;
}

.nav li a#integration:hover {
  width: 192px;
  height: 31px;
  background: transparent url(../images/template/integration_ro.jpg) top left no-repeat;
}

.nav li a#therapy {
  width: 192px;
  height: 31px;
  background: transparent url(../images/template/therapy.jpg) top left no-repeat;
}

.nav li a#therapy:hover {
  width: 192px;
  height: 31px;
  background: transparent url(../images/template/therapy_ro.jpg) top left no-repeat;
}

.nav li a#yoga {
  width: 192px; 
  height: 31px;
  background: transparent url(../images/template/yoga.jpg) top left no-repeat;
}
.nav li a#yoga:hover {
  width: 192px;
  height: 31px;
  background: transparent url(../images/template/yoga_ro.jpg) top left no-repeat;
}

/* main content */
div#content {
  float: left;
  margin: 50px 50px 50px 250px;
  padding-bottom: 20px;  
}

h1 {
  font-size: 130%;
  margin-bottom: 30px;
}

h2 {
  font-size: 120%;
}

p {
  margin-left: 20px;
  font-size: 80%;
}

ul, ol {
  margin: 0;
  padding:0;
  margin-left: 35px;
    font-size: 80%;
}

ul li, ol li{
	margin-bottom: 5px;
	color: #87692b;
}

#content a {
  color:#006699; 
}