/* CSS Document */

body {
	background: #454291 url(../img/css/main-bg.jpg) center top no-repeat;
	font: 62.5%/62.5% Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}

.home { background: url(../img/css/home-bg.png) center top repeat; }

#container { margin: 0 auto; text-align: left; width: 766px; }

.skip { visibility: hidden; }
.spacer { width: 100%; height: 1px; display: block; clear: both; float: none; }

#header { background: url(../img/css/header-bg.jpg) top left no-repeat; width: 766px; }
#header img { border: none; margin: 25px 20px; }
.home #header { background: url(../img/css/header-bg-home.jpg) top left no-repeat; }

a img { border-style: none;
    border-color: inherit;
    border-width: medium;
    text-align: center;
}

#nav { width: 766px; }
#nav ul { width: 100%; padding: 0; margin: 0; position: relative; display: block; }
#nav ul li { position: relative; float: left; list-style-type: none; display: block; margin: 0; }
#nav ul li a { display: block; height: 39px; }
#nav ul li span { position: absolute; display: block; top: 0; left: 0; height: 39px; }
#nav ul li.home span, #nav ul li.home a { background: url(../img/nav/nav-home.jpg) bottom left no-repeat; width: 83px; }
#nav ul li.clinic span, #nav ul li.clinic a { background: url(../img/nav/nav-clinic.jpg) bottom left no-repeat; width: 82px; }
#nav ul li.school span, #nav ul li.school a { background: url(../img/nav/nav-school.jpg) bottom left no-repeat; width: 156px; }
#nav ul li.articles span, #nav ul li.articles a { background: url(../img/nav/nav-articles.jpg) bottom left no-repeat; width: 87px; }
#nav ul li.testimonials span, #nav ul li.testimonials a { 
	background: url(../img/nav/nav-testimonials.jpg) bottom left no-repeat; width: 122px; 
}
#nav ul li.store span, #nav ul li.store a { background: url(../img/nav/nav-store.jpg) bottom left no-repeat; width: 80px; }
#nav ul li.contact span, #nav ul li.contact a { background: url(../img/nav/nav-contact.jpg) bottom left no-repeat; width: 143px; }
#nav ul li.contact { margin-left: 13px; }

.home #nav li.home span, .home #nav li.home a { background-image: url(../img/nav/home/nav-home.jpg); }
.home #nav li.clinic span, .home #nav li.clinic a { background-image: url(../img/nav/home/nav-clinic.jpg); }
.home #nav li.school span, .home #nav li.school a { background-image: url(../img/nav/home/nav-school.jpg); }
.home #nav li.articles span, .home #nav li.articles a { background-image: url(../img/nav/home/nav-articles.jpg); }
.home #nav li.testimonials span, .home #nav li.testimonials a { background-image: url(../img/nav/home/nav-testimonials.jpg); }
.home #nav li.store span, .home #nav li.store a { background-image: url(../img/nav/home/nav-store.jpg); }
.home #nav li.contact span, .home #nav li.contact a { background-image: url(../img/nav/home/nav-contact.jpg); }

#nav ul li a:hover span { background-position: top left; }
#nav ul li a.active span { background-position: top left; }

#main h1 { font-size: 2.5em; color: #302E84; font-weight: normal; line-height: 0.8em; margin: 0; }
#main h1.small-title { font-size: 1.8em; line-height: 1em; }
#main h2 { color: #302E84; font-size: 1.6em; line-height: 1em; margin: 0; font-weight: normal; }
#main .left-column h2 { margin-top: 30px; }
#main h3 { color: #302E84; font-size: 1.1em; line-height: 1em; margin: 16px 0 0 0; font-weight: normal; }
#main .right-column h3 { font-size: 1.6em; margin: 20px 10px 8px 10px; }
#main h2.small-sub-title { color: #333; font-size: 1.2em; line-height: 1em; font-weight: bold; margin-top: 13px; }
#main p { font-size: 1.1em; line-height: 1.4em; margin: 12px 0; }
#main ul { margin-left: 0; padding-left: 14px; }
#main ul li { line-height: 1.2em; margin: 12px 0; }

#main .sub-nav { line-height: 1.2em; padding: 0; margin: 0; list-style-type: none; }
#main .sub-nav li { margin: 0 0 6px; }
#main .sub-nav li a.active { font-weight: bold; }
#main .sub-nav ul { margin: 12px 0 12px 40px; padding: 0; list-style-type: none; }

#main a { color: #302E84; text-decoration: underline; }
#main a:hover { color: #9685EA; }

.main-holder { background: url(../img/css/main-body-mid.jpg) top left repeat-y; width: 454px; margin-top: 12px; float: left; }
.main-top { background: url(../img/css/main-body-top.jpg) top left no-repeat; padding: 8px 20px; }
.main-bottom { background: url(../img/css/main-body-bot.jpg) top left no-repeat; height: 8px; }

.home .main-holder { background-image: url(../img/css/main-body-mid-home.jpg); }
.home .main-top { background-image: url(../img/css/main-body-top-home.jpg); }
.home .main-bottom { background-image: url(../img/css/main-body-bot-home.jpg); }

.sub-holder { background: url(../img/css/sub-body-mid.jpg) top left repeat-y; width: 298px; float: left; margin-top: 12px; margin-left: 14px; }
.sub-top { background: url(../img/css/sub-body-top.jpg) top left no-repeat; padding: 8px 15px 0 15px; }
.sub-bottom { background: url(../img/css/sub-body-bot.jpg) top left no-repeat; height: 12px; }

.home .sub-holder { background-image: url(../img/css/sub-body-mid-home.jpg); }
.home .sub-top { background-image: url(../img/css/sub-body-top-home.jpg); }
.home .sub-bottom { background-image: url(../img/css/sub-body-bot-home.jpg); }

.large-holder { background: url(../img/css/large-body-mid.jpg) top left repeat-y; width: 610px; float: left; margin-top: 12px; }
.large-top { background: url(../img/css/large-body-top.jpg) top left no-repeat; padding: 14px 20px 0 20px; }
.large-bottom { background: url(../img/css/large-body-bot.jpg) top left no-repeat; height: 8px; }

.large-holder .left-column { width: 198px; margin-right: 14px; float: left; }
#main .large-holder .left-column ul.articles { margin-left: 4px; margin-top: 0; }
#main .large-holder .left-column ul.articles li { margin-bottom: 0; line-height: 0.6em; }
.large-holder .right-column { width: 346px; border-left: 2px solid #9D98CA; float: left; }
#main .right-column p, #main .right-column h1, #main .right-column h2, #main .right-column img, #main .right-column ul { margin-left: 13px; }
#main .right-column li { font-size: 1.1em; }

.replace { position: relative; display: block; overflow: hidden; }
.replace span { position: absolute; top: 0; left: 0; overflow: hidden; }
#home-welcome-text, #home-welcome-text span { background: url(../img/css/home-welcome-text.gif) top left no-repeat; width: 410px; height: 35px; }
#home-sub-clinic-text, #home-sub-clinic-text span { background: url(../img/css/home-clinic-sub-title.gif) top left no-repeat; width: 268px; height: 35px; }
#home-sub-training-text, #home-sub-training-text span { background: url(../img/css/home-training-sub-title.gif) top left no-repeat; width: 268px; height: 35px; }

.home-main-spacer { height: 198px; }
.underline { text-decoration: underline; }
.developed { color: #9D98CA; font-size: 1em; }
.copyright { color: #CCCCFF; font-size: 1em; }

#main .right-column p.image-holder { margin-left: 0; padding-left: 0; }

#main ul.page-tabs { margin: 0; padding: 0; }

.page-tabs li a span { 
	background-position: bottom right; 
	background-repeat: no-repeat; 
	display: block; 
	position: absolute;
	top: 0;
	left: 0;
}
.page-tabs li a.active span { 
	background-position: top right; 
}
.page-tabs li.body-realignment a span, .page-tabs li.body-realignment a { 
	background-image: url(../img/css/body-realignment-tab.gif); width: 188px; height: 53px; 
}
.page-tabs li.energy-field a span, .page-tabs li.energy-field a { 
	background-image: url(../img/css/energy-field-tab.gif); width: 218px; height: 53px; 
}
.page-tabs li.locations a span, .page-tabs li.locations a { 
	background-image: url(../img/css/locations-tab.png); width: 203px; height: 45px; 
}

.page-tabs li.locations a.active span { 
	background: transparent url(../img/css/locations-tab.png) top right; width: 203px; height: 50px; 
}
.page-tabs li a { position: relative; display: block; }
#main .page-tabs li { list-style-type: none; margin: 0 0 -19px 1px; padding: 0; float: left; display: block; position: relative; }

#footer { 
	width: 764px; 
	padding: 10px 0; 
	background: url(../img/css/footer-bg.gif) top left no-repeat; 
	margin-left: 2px; 
	margin-top: 50px; 
	
}
.home #footer { background-image: url(../img/css/footer-bg-home.gif); }
#footer p { line-height: 1.2em; margin: 0 10px; }
#footer a { color: #9D98CA; }

#main .cover-item { margin-left: 13px; margin-bottom: 40px; }
#main .cover-item p { margin-top: 0; margin-left: 0; }
.item-details { float: right; margin-top: 60px; width: 100px; }
#main .item-details p { margin-left: 0; }
#main .item-details h2 { font-size: 1.2em; color: #333; font-weight: bold; margin-left: 0; }
#main .item-details p { margin-top: 0; }
span.time { color: #666; }
.cover-details { float: left; }
#main .cover-details a { display: block; height: 173px; padding: 0 10px; text-decoration: none; color: #333333; }
#main .cover-details a span { padding-top: 10px; display: block; }
.cover-details span { visibility: hidden; }
.cover-details a:hover span { visibility: visible; }
.cover-details p { width: 204px; height: 173px; display: block; font-weight: bold; }
a#waterfall-details { background: url(../img/content/cover-waterfall.jpg) top left no-repeat; }
a#grounded-details { background: url(../img/content/cover-grounded-and-centered.jpg) top left no-repeat; }
a#relax-details { background: url(../img/content/cover-relax-and-sleep.jpg) top left no-repeat; }
a#smile-details { background: url(../img/content/cover-inner-smile.jpg) top left no-repeat; }
#main .cover-details a:hover { background-position: bottom left; }

.buynow { background-color: #9685EA; border: none; color: #fff; margin-top: -10px; margin-bottom: 10px; }
.buynowpay { background-color: #9685EA; border: none; color: #fff; margin-top: 0; width: 80px; margin-left: 8px; margin-top: 8px; }
label { display: block; margin: 0; font-size: 1.1em; font-weight: bold; }
#amount { margin-left: 3px; margin-bottom: 0; }

p.more { text-align: right; }
strong.phone { color: #302E84; }
#main p.following { margin-top: 30px; }

.spacer-testimonial { margin: 20px 0; height: 2px; background-color: #9D98CA; margin-left: 13px; width: 333px; clear: both; display: block; }
h4 { text-transform:uppercase;font-size:12px;}