html, body { height: 100%; }
body { margin: 0; padding: 0; background: #ABCAE5; text-align:center;}

#banner {
	width: 524px; 
	height: 67px; 
	margin: 10px auto; 
	text-align:center; 
	background-image: url("../img/logo_sm.gif");  
	position: relative;
	z-index: 2;
 }
 
#doc {
	width: 500px; margin: -80px auto; background: white; 	
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	text-align:center;
	position: relative;
	z-index: 1;
}

/* top fade */
#fade { background-image: url("../img/fade.jpg"); width: 500px; height: 179px; margin-top: 0px; position: relative; }

/* index menu */
#menuindex ul {
	margin: 0px;
	padding: 0px 0 0 ;
	list-style-type: none;
	position: relative;
	background: url("../img/index_menu.gif");
	width: 673px;
	height: 42px;
	right: 0px;
	text-align: left;
}

#menuindex ul li { position: absolute; height: 42px; margin: 0; padding: 0; top: 0px; z-index: 8;}
#menuindex ul li:last-child { margin-right: 0; }
#menuindex ul li a { height: 42px; }
#menuindex ul li a:hover { margin: 0; padding: 0; background-image: url("../img/index_menu.gif"); }

#menuindex li#yoga 				{ left: 0px; width: 95px; }
#menuindex li#massage			{ left: 96px; width: 164px; }
#menuindex li#meditation		{ left: 260px; width: 184px;}
#menuindex li#transformation 	{ left: 444px; width: 229px; }

#menuindex li#yoga 				a { background-position: 0 -42px; }
#menuindex li#massage 			a { background-position: -96px -42px;  }
#menuindex li#meditation		a { background-position: -260px -42px;  }
#menuindex li#transformation 	a { background-position: -444px -42px;  }


/* main menu */

#menu ul {
	margin: -5px 0px 0px -150px;
	padding: 0px 0 0 ;
	list-style-type: none;
	position: relative;
	background: url("../img/menu4.gif");
	width: 141px;
	height: 248px;
	right: 0px;
}

#menu ul li { position: absolute; width: 141px; margin: 0; padding: 0; }
#menu ul li:last-child { margin-right: 0; }
#menu ul li a { position: absolute; width: 141px; margin: 0; padding: 0; }
#menu ul li a:hover, #menu ul li.current a { background-image: url("../img/menu4.gif"); }

#menu li#yoga 				{ right: 0px; top: 0px; }
#menu li#massage			{ right: 0px; top: 32px; }
#menu li#meditation		 	{ right: 0px; top: 68px; }
#menu li#transformation	 	{ right: 0px; top: 102px; }
#menu li#testimonials	 	{ right: 0px; top: 136px; }
#menu li#joinme		 		{ right: 0px; top: 174px; }
#menu li#bio			 	{ right: 0px; top: 214px; }

#menu li#yoga 				a { height: 32px; background-position: -141px 0;  }
#menu li#massage 			a { height: 36px; background-position: -141px -32px;  }
#menu li#meditation			a { height: 34px; background-position: -141px -68px;  }
#menu li#transformation 	a { height: 34px; background-position: -141px -102px;  }
#menu li#testimonials		a { height: 38px; background-position: -141px -136px;  }
#menu li#joinme		 		a { height: 38px; background-position: -141px -174px;  }
#menu li#bio			 	a { height: 34px; background-position: -141px -214px;  }

/* content styles */
#content { text-align: left; margin-top: 0px; z-index: 3; position: relative;}
#text { text-align: left; margin-top: -10px; z-index: 4; position: relative;}
p { text-align: left; padding: 0px 20px 0px 20px; position: relative; }
p.price { text-align: right;  margin: -20px 0 20 0 ;}
p.sm { text-align: left; padding: 0px 20px 0px 20px; position: relative;}
p.large { text-align: center; padding: 0px 20px 0px 0px; position: relative; width: 680px;}
p.lgbld { text-align: center; padding: 0px 20px 20px 20px; position: relative;}
body p.sm { font-size: 10px; color: #012560; margin: 0; font-family:  arial; }
body p.large { font-size: 16px; color: #64635f; margin: 0; font-family:  arial; }
body p.lgbld { font-size: 16px; color: #64635f; margin: 0; font-family:  arial; font-weight: bold;}


/* Text behind images */

.img { 
	letter-spacing: -1000em;  text-indent : -999em; overflow: hidden; display: block;
	background-repeat: repeat; background-color: transparent; /* IE FLICKER FIX - no background position! */
}

/* Credential image style */

div#credentials { 
	text-align: center;
	margin: 15px 0 0 0 ;
} 

/* Images for each page */
.embedr {
	float: right;
	display:block;
	margin: 0px 0px 8px 8px;
}
.embedl {
	float: left;
	display:block;
	padding: 0px 5px 8px 8px;
	
}

.stretch {
	display: block;
	margin: 20px 0px 20px 0px;
	
}

/* Footer */
div#line { background-image: url("../img/ft_line.gif"); width: 376px; height: 28px; text-align: center; margin: 0px; display:block; padding: 0px; z-index: 10;}
div#ft ul { margin: 10px 0 0; text-align: center; padding: 0px 0px 0px 0px; list-style-type: none; position: relative;}
div#ft ul li { margin: 0; padding: 0 0px 0 0px; display: inline; white-space: nowrap; }
div#ft ul li a { padding: 0 13px 0 0px; }
div#ft ul li:last-child a { background: none; padding-right: 0; }
div#ft a { }
div#ft a:hover {  }
div#ft p.ft { text-align: center; padding: 3px 0px 15px 0px; font-size: 11px; margin: 0px;}

/* ul, ol { line-height: 1.5em; }
ul { list-style: none; margin: 0em 0em 1em 0em; padding: 0; }
ul li { margin-bottom: .2em; } */


/****** splash page */
body.splash #doc {
	width: 750px; margin: 0 auto; background: white; padding: 0 0 25px;	
	min-height: 100%;
	height: auto !important;
	height: 100%; 
}

body.splash #text { width: 680px; margin: 15px; align: left; }
body.splash { margin: 0; padding: 0; background: #FFFFFF; }
body.splash #stretch { width: 100%; background: #ABCAE5; margin-top: 15px; padding: 3px; }

body.home h1#yourbody { background-image: url("../img/h1_home.gif") ;  width: 459px; height: 75px; margin: -339px 10px 5px -11px; position: relative; }

body.yoga h2#yoga { background-image: url("../img/h1_yoga.gif") ;  width: 103px; height: 51px; margin: -309px 10px 5px -11px; position: relative; }
body.yoga h2#relaxation { background-image: url("../img/yoga_h2_relaxation.gif") ;  width: 330px; height: 50px; margin: 0px 0px 0px 10px; position: relative; }
body.yoga h2#sound { background-image: url("../img/yoga_h2_sound.gif") ;  width: 330px; height: 50px; margin: 0px 0px 0px 10px; position: relative; }
body.yoga h2#energy { background-image: url("../img/yoga_h2_energy.gif") ;  width: 330px; height: 50px; margin: 0px 0px 0px 10px; position: relative; }
body.yoga h2#body { background-image: url("../img/yoga_h2_body.gif") ;  width: 330px; height: 50px; margin: 0px 0px 0px 10px; position: relative; }
body.yoga h2#breathwork { background-image: url("../img/yoga_h2_breathwork.gif") ;  width: 330px; height: 50px; margin: 0px 0px 0px 10px; position: relative; z-index: 6;}

body.massage h2#massage { background-image: url("../img/h1_massage.gif") ;  width: 166px; height: 50px; margin: -309px 10px 5px -9px; position: relative; }
body.massage h2#relaxation { background-image: url("../img/massage_h2_relaxation.gif") ;  width: 350px; height: 35px; margin: 0px 0px 0px 10px; position: relative; z-index: 6;}
body.massage h2#therapeutic { background-image: url("../img/massage_h2_therapeutic.gif") ;  width: 350px; height: 35px; margin: 0px 0px 0px 10px; position: relative; z-index: 6;}
body.massage h2#thai { background-image: url("../img/massage_h2_thai.gif") ;  width: 350px; height: 35px; margin: 20px 0px 0px 10px; position: relative; z-index: 6;}

body.meditation h2#meditation { background-image: url("../img/h1_meditation.gif") ;  width: 202px; height: 43px; margin: -309px 10px 5px -9px; position: relative; }
body.meditation h2#internalrest { background-image: url("../img/meditation_h2.gif") ;  width: 444px; height: 19px; margin: 20px 0px 0px 15px; position: relative;}

body.transformation h2#transformation { background-image: url("../img/h1_integration.gif") ;  width: 196px; height: 52px; margin: -309px 10px 5px -9px; position: relative; }
body.transformation h2#bodymind { background-image: url("../img/transformation_h2.gif") ;  width: 338px; height: 27px; margin: 0px 0px 0px 12px; position: relative; }

body.testimonials h2#testimonials { background-image: url("../img/h1_testimonials.gif") ;  width: 239px; height: 44px; margin: -309px 10px 5px -13px; position: relative; }
p.test { font-style: italic; margin-bottom: 0px;}
p.test_name { text-align: left; padding: 0px 20px 0px 60px;  margin-top: 0px;}

body.bio h1#bio { background-image: url("../img/h1_bio.gif") ;  width: 75px; height: 45px; margin: -309px 10px 5px -11px; position: relative; }
body.contact h1#contact { background-image: url("../img/h1_contact.gif") ;  width: 160px; height: 47px; margin: -309px 10px 5px -10px; position: relative; }
body.schedule h1#schedule { background-image: url("../img/h1_schedule.gif") ;  width: 412px; height: 49px; margin: -309px 10px 5px -12px; position: relative; }

body.joinme form {
 padding-left: 20px;
}

body.joinme h1#joinme { background-image: url("../img/h1_joinme.gif") ;  width: 160px; height: 46px; margin: -309px 10px 5px -13px; position: relative; }