/************************************************************************
*   MY Wellness				                                            *
*                                                                       *
*   version:    Jul2009                                                 *
*                                                                       *
************************************************************************/

/************************************************************************
*               Table of Contents - Local Files Only                    * 
*-----------------------------------------------------------------------*
* +Normalize (Cross Platform Reset).............................(15)    *
* +Master Elements..............................................(47)    *
* +Home Specifics...............................................(100)   *
************************************************************************/

/***********************************
*            +Normalize            *
***********************************/
/* Normalizes margins and padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes header sizes */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Normalize list styles */
ol, ul { list-style: none; }

/* Normalizes font style/weight on elements */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Normalize table borders */
table { border-collapse: collapse; border-spacing: 0; }

/* Normalzize fieldset and img borders */
fieldset, img { border: 0; }

/* Normalize text alignment to left */
caption, th { text-align: left; }

/* Normalize (aka Remove) quotation marks */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape for image replacements */
a { text-decoration: none; color: #669933; }

/***********************************
*        +Master Elements          *
***********************************/
body{ text-align: left; background: #fff; font: 14px Tahoma, sans-serif; color: #666; line-height: 23px; }

div#header{ width: 1019px; height: 140px; background: url('images/header.png'); margin: 4px auto 0 auto; position: relative;}

.headText{ width: 325px; height:85px; position: absolute; top: 31px; left: 82px; display: block; text-indent: -9999px;}

.appointmentText{ width: 195px; height: 110px; position: absolute; top: 17px; left: 745px; display: block; text-indent: -9999px; }

.calendarText{ width: 137px; height: 110px; position: absolute; top: 17px; left: 593px; display: block; text-indent: -9999px; }

div#navBar{ width: 1019px; height: 29px; display: block; background: #ccc; margin: 0 auto 15px auto; }

.home, .services, .classes, .store, .blog, .location, .contact, .homeOn, .servicesOn, .classesOn, .storeOn, blogOn, .locationOn, .contactOn{ width: 96px; height: 29px; display: block; text-indent: -9999px; float: left; margin: 0 0 0 60px; }

.home, .homeOn{ background: url('images/navReel.png') 0 0; margin: 0 0 0 70px; }

.home:hover, .homeOn{ background-position: 0 -29px; }

.services, .servicesOn{ background: url('images/navReel.png') -96px 0}

.services:hover, .servicesOn{ background-position: -96px -29px; }

.classes, .classesOn{ background: url('images/navReel.png') -192px 0 }

.classes:hover, .classesOn{ background-position: -192px -29px; }

.store, .storeOn{ background: url('images/navReel.png') -288px 0 }

.store:hover, .storeOn{ background-position: -288px -29px; }

.blog, .blogOn{ background: url('images/navReel.png') -576px 0 }

.blog:hover, .blogOn{ background-position: -576px -29px; }

.location, .locationOn{ background: url('images/navReel.png') -384px 0 }

.location:hover, .locationOn{ background-position: -384px -29px; }

.contact, .contactOn{ background: url('images/navReel.png') -480px 0 }

.contact:hover, .contactOn{ background-position: -480px -29px; }

div#content{ width: 1019px; margin: 20px auto 0 auto; position: relative; }

div#content h1{ font: 36px Tahoma, sans-serif; color: #333; margin: 0 0 7px 105px; }

div#content h2{ font: 16px Tahoma, sans-serif; color: #333; margin: 0 0 7px 0; }

div#content p{ width: 600px; margin: 0 0 25px 108px; }

div#footer{ text-align: center; margin: 20px auto 20px auto; font-size: 10px; width: 1019px; position: relative; }

.floatRight{ float:right; margin: 7px 105px 0 0; }

.setCenter{ display: block; margin: 0 auto 20px auto; }

/***********************************
*         +Home Specifics          *
***********************************/
.topReel{ width:854px; height:189px; display:block; background: url('images/homeReelTop.jpg') no-repeat; margin: 0 auto 20px auto; }

.topReelLink{ width:213px; text-indent:-9999px; height:189px; display:block; float:left; }

.bottomReel{ width: 854px; height: 189px; display: block; background: url('images/homeReelBottom.jpg') no-repeat; margin: 28px auto 0 auto; position: relative; }

.reelText, .reelTextLead{ width: 125px; height: 175px; float:left; font-size: 11px; line-height: 19px; }

.reelTextLead{ margin:12px 0 0 10px; }

.reelText{ margin: 12px 0 0 89px; }

/***********************************
*         +Store Specifics         *
***********************************/
.bottomReel_Store{ width: 854px; height: 189px; display: block; background: url('images/homeReelBottom_Store.jpg') no-repeat; margin: 28px auto 0 auto; position: relative; }

/***********************************
*        +Services Specifics       *
***********************************/
.servicesReel{ width: 856px; height: 1702px; display: block; background: url('images/servicesReel.jpg') no-repeat; 
margin: 0 auto; }

.servicesText{ width: 480px; height: 176px; font-size: 11px; line-height: 19px; margin: 0 0 23px 14px; display: block; 
padding: 15px 0 0 0; overflow: hidden; }

.alignLeft{ float: left; }

.alignRight{ float: right; padding: 0 20px 0 0; }

/***********************************
*         +Classes Specifics       *
***********************************/
.classesReel{ width: 856px; height: 1058px; display: block; background: url('images/classesReel.jpg') no-repeat; 
margin: 0 auto; }

.bumpLeft{margin:0 0 0 75px;}