@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Calligraffitti);

html { }

body { margin: 0; padding: 0; background: url(images/bg-clouds.jpg) center -200px fixed no-repeat; font-family: Georgia, "Open Sans", Tahoma, Geneva, sans-serif; }
a img { border: none; }
h1 { margin: 0; padding: 0; font: 400 24px Calligraffitti, Georgia, "Times New Roman", Times, serif; }
h2 { margin: 0; padding: 0; font: 400 24px Calligraffitti, Georgia, "Times New Roman", Times, serif; }
p, li, td { font-size: 14px; line-height: 1.5; }
a { color: #BF3D48; text-decoration: none; }
a:hover { color: #CF3D48; text-decoration: underline; }

.clear { clear: both; }

/* IMAGES */
.image-left {float: left; margin: 0 5px 5px 0;}
.image-right {float: right; margin: 0 0 5px 5px;}
.credit-card-image {float: left; margin: 30px 0 0 0;}

span.names {color: #bf3d48; font-weight: bold; font: 400 20px Calligraffitti, Georgia, "Times New Roman", Times, serif;}

#wrapper { position: relative; width: 920px; margin: 0 auto; padding: 10px 40px; background: url(images/bg-book-mid.png) repeat-y; }

#header { position: relative; width: 960px; height: 80px; margin: 0 auto; clear: both; }

#logo { position: absolute; top: -15px; width: 300px; height: 80px; float: left; z-index: 20; }

#call2action { position: relative; width: 660px; height: 80px; float: left; text-align: right; color: #FFF; text-shadow: 1px 1px #000; }

#top { position: relative; width: 1000px; height: 45px; margin: 40px auto 0 auto; background: url(images/bg-book-top.png) no-repeat; clear: both; }
#btm { position: relative; width: 1000px; height: 50px; margin: 0 auto; background: url(images/bg-book-btm.png) no-repeat; clear: both; }

#intro { width: 475px; clear: both; text-align:center; margin: 0 10px 0 300px; }
#intro p { line-height: 20px; font-style: italic; font-size: 26px; }

#nav { position: relative; width: 960px; width: 225px; float: left; margin: 10px 0 10px 35px; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { display: block; margin: 7px 0; }
#nav ul li a { display: block; height: 32px; padding: 0 10px 0 40px; color: #FFF; text-decoration: none; font-weight: bold; line-height: 32px; text-shadow: 1px 1px #000; background: #BF3D48 url(images/bg-nav-scroll.png) 5px 0 no-repeat; border-radius: 5px; }
#nav ul li a:hover { background: #CF3D48 url(images/bg-nav-scroll.png) 5px 0 no-repeat; }
#nav ul li a:active { }

#banner { position: relative; width: 580px; height: 270px; float: left; margin: 15px 0 15px 45px; border-radius: 5px; }

#content { position: relative; width: 920px; min-height: 200px; padding: 10px 0; clear: both; }
#content .awayMessage {margin: 30px 0 0 340px;}
#panelMain { position: relative; width: 580px; float: left; margin: 0 15px 0 10px; }
#panelMain-envelope { position: relative; width: 580px; float: left; margin: 0 15px 0 10px; background: url(images/large-envelope.png) no-repeat center; }
#panelSide { position: relative; width: 260px; float: left; margin: 0 10px 0 30px; }
#panelMain .ebook { width:190px; text-align:center; margin:20px 0 10px 30px;float:left;}
#panelMain .ebook2 { width:580px; text-align:center; margin:20px 0 10px 0px;}
#social img { float: left; margin: 0 2px; }

#footer { position: relative; top: 20px; width: 900px; height: 30px; padding: 10px 20px; clear: both; font: 400 11px "Open Sans", Tahoma, Geneva, sans-serif; }
#sitemap { width: 610px; float: left; text-align: center; margin: 0 10px 0 20px; line-height: 30px; }
#copyright { width: 260px; float: left; text-align: left; }

#footer a { color: #666; }
#footer a:hover { }
#sitemap a { margin-right: 10px; }

/* SITEMAP PAGE */
ul.sitemap-page {float: left; margin: 60px 0 0 0; text-align: left; }
ul.sitemap-page li {list-style: none; font: 400 40px Calligraffitti, Georgia, "Times New Roman", Times, serif; clear: left; }
ul.sitemap-page li a {color: #955855; text-decoration: none; line-height: 3.5em; font-size: 20px; font-weight: bold; }
ul.sitemap-page li a span {display: block; float: left;}
ul.sitemap-page li a img {display: none; float: left; }
ul.sitemap-page li a:hover img {display: block;}
ul.sitemap-page li a:hover {color: #873235;text-decoration: underline;}

/* PRODUCTS PAGE */
ul.distributors {float: left; margin: 20px 0 0 0; text-align: left; }
ul.distributors li {list-style: none; font: 400 22px Calligraffitti, Georgia, "Times New Roman", Times, serif; clear: left; color: #CF3D48;}


/* BASIC CONTACT FORM */
#contact-main {float: left; width: 305px; margin: 70px 0 30px 130px;}
.contactForm {width: 305px;margin: 0;text-align: left;padding: 0;list-style-type: none; font-size: 14px;}
.contactForm li {padding: 5px 0;clear: both;text-align: right;display: block;font: 400 16px Calligraffitti, Georgia, "Times New Roman", Times, serif; font-weight: bold;}
.contactForm span.select  {font: 400 16px Calligraffitti, Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 0;line-height: 18px;  border: 2px solid #b6b26b;  -moz-box-shadow:  0 0 5px 5px #888; -webkit-box-shadow:  0 0 5px 5px #888; box-shadow:  0 0 5px 1px #888; text-align: right; clear: both; font-style: oblique;}
.contactForm .contactInput {width: 200px;float: right; border: 2px solid #b6b26b;  -moz-box-shadow: inset 0 0 5px 5px #888; -webkit-box-shadow: inset 0 0 5px 5px #888; box-shadow: inset 0 0 5px 1px #888; font-family: arial, sans-serif; font-style: oblique;}
.contactForm .contactTextarea {width: 280px;float: right; border: 2px solid #b6b26b;  -moz-box-shadow: inset 0 0 5px 5px #888; -webkit-box-shadow: inset 0 0 5px 5px #888; box-shadow: inset 0 0 5px 1px #888; font-family: arial, sans-serif; font-style: oblique; height: 125px;}
.contactForm .contactLabel {float: left;}
.contactForm .contactSubmit {width: 100px; font: 400 11px "Open Sans", Tahoma, Geneva, sans-serif; background: #4e321a; color: #FFF; font-weight: bold; border: 2px solid #FFF;  -moz-box-shadow:  0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px #888; box-shadow: 0 0 5px 1px #888;}
.contactForm #captcharesult {color: #F00;font-weight: bold;}

.btn-contact {width:100%; margin: 5px auto;}
form input {width:99%;}
select {width:100%;}
label {font: 400 16px Calligraffitti, Georgia, "Times New Roman", Times, serif;}

/* BASIC ORDER FORM */
#order-form {float: left; width: 305px; margin: 40px 0 0 0;}
.orderForm {width: 305px;margin: 0;text-align: left;padding: 0;list-style-type: none; font-size: 14px;}
.orderForm  li {padding: 5px 0;clear: both;text-align: right;display: block;font: 400 16px Calligraffitti, Georgia, "Times New Roman", Times, serif; font-weight: bold;}
.orderForm  span.select  {font: 400 16px Calligraffitti, Georgia, "Times New Roman", Times, serif; margin: 0;line-height: 18px;  border: 2px solid #CF3D48;  -moz-box-shadow:  0 0 5px 5px #888; -webkit-box-shadow:  0 0 5px 5px #888; box-shadow:  0 0 5px 1px #888; text-align: right; clear: both; font-style: oblique;}
.orderForm  .contactInput {width: 200px;float: right; border: 2px solid #CF3D48;  -moz-box-shadow: inset 0 0 5px 5px #888; -webkit-box-shadow: inset 0 0 5px 5px #888; box-shadow: inset 0 0 5px 1px #888; font-family: arial, sans-serif; font-style: oblique;}
.orderForm  .contactTextarea {width: 280px;float: right; border: 2px solid #CF3D48;  -moz-box-shadow: inset 0 0 5px 5px #888; -webkit-box-shadow: inset 0 0 5px 5px #888; box-shadow: inset 0 0 5px 1px #888; font-family: arial, sans-serif; font-style: oblique; height: 125px;}
.orderForm  .contactLabel {float: left;}
.orderForm  .contactSubmit {width: 100px; font: 400 11px "Open Sans", Tahoma, Geneva, sans-serif; background: #f2c130; color: #FFF; font-weight: bold; border: 2px solid #FFF;  -moz-box-shadow:  0 0 5px 5px #888; -webkit-box-shadow: 0 0 5px 5px #888; box-shadow: 0 0 5px 1px #888;}
.orderForm  #captcharesult {color: #F00;font-weight: bold;}

.meditate-product {float:right;margin:63px -180px 0 100px;font-size:12px;text-align:center;font-weight:bold;transform:rotate(-6deg);
-ms-transform:rotate(-6deg); /* IE 9 */
-webkit-transform:rotate(-6deg); /* Safari and Chrome */}

.twelve {font-size:12px;}
.btn {background:#FBD028;border-radius:15px;text-align:center;font-size:12px;font-weight:bold;width:100%;padding:5px;}

.cds {float:left; text-align: center;}
.cd-baby {width: 275px;padding-top: 45px;}