HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background: #fff url(../images/body_bg.gif) repeat-x left top; color: #333; font-size: 75%; font-family: Arial, sans-serif; }
IMG { border: none; vertical-align: -3px; }
P { margin: 15px 0; }
H2 { margin: 0; padding: 15px 0 5px; color: #339900; font-size: 130%; font-weight: bold; clear: both; }
H3 { margin: 15px 0 5px; padding: 0; color: #DC2765; font-size: 100%; font-weight: bold; }
OL, UL { margin-top: 15px; margin-bottom: 15px; }
UL.list { margin: 15px 0; padding: 0 0 0 5px; list-style: none; }
UL.list LI { background: url(../images/list_mark.gif) no-repeat; background-position: 0 4px; margin-bottom: 15px; padding-left: 28px; }
UL.listsmall LI {
	color: #000000;
}
UL.listsmall LI SPAN {
	color: #000000;
}
A { color: #339900; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }
A.more { color: #FF6600; }

#skipNav { position: absolute; top: 0; left: -5000px; margin: 0; padding: 0; }

/* LAYOUT */
#containerTL { background: #fff url(../images/cornerTL.gif) no-repeat left top; width: 997px; margin: 0 auto; }
#containerTR { background: url(../images/cornerTR.gif) no-repeat right top; height: 18px; font-size: 0; }
#containerB { background: url(../images/cornerB.png) no-repeat left bottom; width: 997px; height: 11px; margin: 0 auto; font-size: 0; }
#container { background: url(../images/container_bg.png) repeat-y left top; width: 997px; margin: 0 auto; line-height: 18px; }

#HomeContent, #AboutContent, #MassageContent, #YogaContent, #ServicesContent, #FAQContent, #TestimonialsContent, #ContactContent, #BookContent { position: relative; background-color: #fff; background-repeat: no-repeat; min-height: 360px; margin: 0 4px; padding-left: 256px; padding-bottom: 15px; }
#ServicesContent { padding-left: 212px; }

#HomeContent { background-image: url(../images/bg_Home.jpg); color: #336600; }
#HomeContent H2 { margin: 0; padding: 15px 0 0; color: #000; font-size: 100%; font-weight: bold; }
#HomeContent A.btnBookAppointment { top: 377px; }

#AboutContent { background-image: url(../images/bg_AboutMe.jpg); }
#AboutContent A.btnBookAppointment { top: 284px; }

#MassageContent { background-image: url(../images/bg_MassageTherapy.jpg); }
#MassageContent A.btnBookAppointment { top: 186px; }

#ServicesContent { background-image: url(../images/bg_Services.jpg); }
#ServicesContent A.btnBookAppointment { top: 264px; }

#FAQContent { background-image: url(../images/bg_FAQ.jpg); }
#FAQContent A.btnBookAppointment { top: 352px; }

#TestimonialsContent { background-image: url(../images/bg_BookAppointment.jpg); }
#TestimonialsContent A.btnBookAppointment { top: 186px; }
#TestimonialsContent P { padding-right: 33px; }

#ContactContent { background-image: url(../images/bg_AboutMe.jpg); }
#ContactContent A.btnBookAppointment { top: 284px; }

#BookContent { background-image: url(../images/bg_BookAppointment.jpg); }

#YogaContent { background-image: url(../images/bg_Yoga.jpg); }
#YogaContent A.btnBookAppointment { top: 284px; }


/* HEADER */
#header { background: #31b200 url(../images/header.jpg) no-repeat left top; width: 997px; height: 150px; margin: 0 auto; }
#header H1, #header STRONG, #header P {	position: absolute; top: 0; left: -5000px; margin: 0; padding: 0; font-size: 0; }


/* MENU */
#navBar { background: url(../images/menu_bg.gif) repeat-x left bottom; width: 997px; margin: 0 auto; }
#navBar DIV { background: url(../images/menu_left.gif) no-repeat left bottom; height: 30px; }
#navBar UL { float: right; background: url(../images/menu_right.jpg) no-repeat right bottom; margin: 0; padding: 0 195px 0 0; list-style: none; }
#navBar LI { float: left; padding-left: 5px; }
#navBar LI A { float: left; display: block; color: #fff; font-weight: bold; text-decoration: none; height: 23px; padding: 7px 10px 0; }
#navBar LI SPAN { float: left; display: block; padding-right: 5px; }
#navBar LI A:hover { color: #009900; }
#navBar LI.active { background: url(../images/tab_left.gif) no-repeat left bottom; }
#navBar LI.active SPAN { background: url(../images/tab_right.gif) no-repeat right bottom; }
#navBar LI.active A { color: #009900; background: url(../images/tab_bg.gif) repeat-x left bottom; }


/* BLOCK */
.blk { float: left; width: 206px; padding-right: 33px; }
.blkB { float: left; width: 432px; padding-right: 40px; }
.blkhalf { float: left; width: 330px; padding-right: 35px; }
.blkBB { padding-right: 40px; }

#IndividualHealth P, #CorporateHealth P, #SelfDevelopment P { padding-right: 40px; }
#IndividualHealth { background: url(../images/SepT.gif) no-repeat left top; padding-top: 20px; }
#CorporateHealth { background: url(../images/SepT.gif) no-repeat left top; padding-top: 20px; }
#SelfDevelopment { width: 725px; background: url(../images/SepT.gif) no-repeat left top; padding-top: 20px; padding-left: 44px; }
.Services { background: url(../images/SepB.gif) no-repeat left bottom; padding-left: 44px; padding-bottom: 40px; }
.sepB { width: 725px; background: url(../images/SepB.gif) no-repeat left bottom; padding-left: 44px; padding-bottom: 20px; }

.AboutMe { clear: both; float: left; width: 390px; margin-top: 30px; padding-right: 20px; }
.AboutMe H2, .AboutMe P { display: inline; margin: 0; padding: 0; clear: none; }
.AboutMe IMG { float: left; margin: 0 20px 5px 0; }

.promo { float: left; width: 290px; margin-top: 30px; }
.promo IMG { float: left; width: 150px; margin-right: 15px; }
.promo P { float: left; margin: 0; }
A.YogaGlossary { display: block; width: 107px; height: 87px; background: url(../images/Yoga_Glossary.png) no-repeat; text-indent: -5000px; }

.Spa { float: left; margin-right: 40px; }
.Clinic { float: left; }


/* BATTONS */
A.btnBookAppointment { position: absolute; left: 50px; display: block; width: 160px; height: 21px; background: url(../images/btn_BookAppointment.gif) no-repeat; text-indent: -5000px; }


/* FOOTER */
#footer { width: 990px; margin: 3px auto 0; padding-bottom: 10px; color: #777; font-size: 90%; }

.bold { font-weight: bold; }
.price { color: #666; font-weight: bold; }
.author { font-weight: bold; font-style: italic; padding-left: 10px; }
.note { margin: 30px 33px 15px 44px; font-style: italic; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }