/* Theme: RockBody



*  Copyright Since 2009 Fitness Website Formula. All Rights Reserved.



*  Structure of this document:

* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 



/* ***GLOBAL*** */

	/*Initialize the browser's CSS Except for table structure*/

	@import url(reset.css);
body { background: #151515 url(../images/back-body.gif) repeat-x 0 -32px; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000 }
h1 { font-size: 30px; color: #3a3838 }
h1 span.red { color: #B036B0 }
h1 span.gray { color: #4e4e4e }
h2 { font-size: 24px; color: #004b85; padding: 20px 0 35px 0; }
h3 { font-size: 18px; color: #4b4646 }
h4 { font-size: 16px; color: #c0c0c0 }
h5 { font-size: 14px; color: #f8d20c }
h6 { font-size: 13px; color: #f8d20c }
p { margin-bottom: 23px; }
strong { font-weight: bold }
em { font-style: italic }
a:link { color: #004b85; font-weight: normal; text-decoration: underline }
a:visited { color: #721672; font-weight: normal; text-decoration: underline }
a:hover, a:active { color: #B036B0; font-weight: normal; text-decoration: underline }
/* ***END GLOBAL*** */







/* ***LAYOUT*** */

	#shadow, #header, #container, #footer { margin: 0 auto; }
#shadow { width: 995px; position: relative; background: url(../images/back-shadow.jpg) no-repeat center -32px }
#container { background: #fff url(../images/back-container.gif) repeat-x center top; width: 897px; padding: 24px 0 80px;margin-top:443px; }
#optin-container { width: 330px; height: 483px; background: url(../images/back-optin.png) no-repeat; position: absolute; top: 194px; right: 45px; }
.HomeOptin {
     width: 330px; height: 483px; background: url(../images/back-optin.png) no-repeat; position: absolute; top: 164px; right: 50px; 
}
.HomeOptin form { position: absolute; top: 287px; left: 40px; border: none; }
.HomeOptin .textfield { width:200px; height:23px; padding:2px 5px; border:none; background:#fff; font-size:14px }
.HomeOptin #Contact0FirstName { margin:0 0 7px 8px; }
.HomeOptin #Contact0Email { margin:6px 0 8px 8px; }

#best-testimonial { width: 572px; position: relative; margin: 0 0 28px }
.video-container { background: url(../images/watch-this-video.gif) no-repeat center top; padding: 37px 0 0 }
.left-col { width: 530px; float: left; padding: 15px 0 0 26px }
#header { height: 194px }
#logo { position: absolute; top: 36px; left: 15px; text-indent: -99999px }
#logo a { width: 500px; height: 160px; display: block; outline: none; background: url(../images/logo-tagline.png) no-repeat left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/logo-tagline.png')
}
#header-photo { background: url(../images/header-photo.png) no-repeat right top; position: absolute; top: 39px; right: 8px; width: 340px; height: 165px }
#shadow-bottom { background: url(../images/bak-container-bottom.jpg) no-repeat; height: 69px; width: 922px; margin: 0 auto }
#optin-container form { position: absolute; top: 287px; left: 40px; border: none; }
#optin-container .textfield { width:200px; height:23px; padding:2px 5px; border:none; background:#fff; font-size:14px }
#optin-container #Contact0FirstName { margin:0 0 7px 8px; }
#optin-container #Contact0Email { margin:6px 0 8px 8px; }
.sidebar { float: right; width: 290px; background: #dadada url(../images/bak-sidebar.gif) no-repeat left top; margin: 450px 27px 0 0; color: #4d4d4d; padding: 24px 0 10px }
.wide-col { clear: both; }
#footer { position: absolutte; bottom: 0; margin: 18px 0 132px 0; background: url(../images/back-footer.gif) repeat-x }
.footer-content strong { color: #2f8eff }
#footer .footer-content { width: 935px; margin: 0 auto; min-height: 263px; _min-height: 263px; padding: 21px 0 0 60px; background: url(../images/back-footer-content.jpg) no-repeat center top; color: #fff; font-size: 11px; position: relative }
#footer ul.footerlinks { list-style: none; margin:0 0 11px; float: left; width:400px }
#footer ul.footerlinks li { color: #fff; float: left }
#copyright { text-align: center; width:675px; margin: 0 auto }
#footer-logo { float: right; background: url(../images/footer-logo.png) no-repeat right top; width: 422px; height: 260px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='images/footer-logo.png');
margin: 0 12px 0 0 }
.before-after { margin: 16px 0 0 0; background: url(../images/back-best-testimonial.jpg) no-repeat left bottom; min-height: 230px; _height: 230px }
.beforePhoto { float: left; padding: 0 19px 0 0; text-align: left; font-size: 18px; color: #1a1a1a; line-height: 150% }
.afterPhoto { float: left; text-align: right; color: #464dbf; font-size: 18px; font-weight: bold; line-height: 150% }
.testimonialCopy { color: #3e3e3e; position: absolute; top: 175px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% }
#trial-form { width: 385px; height:330px; margin:0 auto; position:relative; padding: 32px 40px; background: url(../images/back-trial-form.jpg) no-repeat; color: #fff !important; font-size:14px }
#trial-form table { text-align: left; margin-top:15px }
#trial-form td { color: #fff; font-size:13px }
#trial-form .textfield { height: 18px; width:150px; border:1px solid #999 }
#trial-form #trial-submit { width: 210px; height:25px; margin:8px auto; font-weight: bold }
/* *** END LAYOUT*** */





/* ***STYLES*** */

	#best-testimonial h1 { margin: 0 0 0 33px; padding: 0 0 0 93px; background: url(../images/heading-bug.png) no-repeat; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; }
.trial-heading { font-size: 18px; font-weight: bold }
.left-col h1.weight { background: url(../images/heading-mark.jpg) no-repeat left top; min-height: 93px; _height: 93px; padding: 0 0 0 110px; color: #004b85; font-size: 24px; font-weight: bold; font-style: italic; line-height: 1em }
.left-col h1 .weight, .wide-col h1 .weight { color: #004b85; font-size: 33px }
.left-col h1 { color: #4b4646; font-size: 26px; font-weight: bold; line-height: 1.2em }
.left-col h2 { padding: 15px 0 15px 12px; color: #004b85; font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em }
h1.tagline { color: #004b85; font-size: 36px; text-align: center; font-style: italic; line-height: 2em }
.recover { clear: both; line-height:0 }
.recover-left { clear: left; line-height:0 }
.pink { color:#e6ace6 }
.italic { font-style: italic; }
.handwriting-must-read { position: absolute; top: 570px; left: -20px; width:71px; height: 86px; background: url(../images/handwriting-must-read.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/handwriting-must-read.png')
}
.handwriting-loaded { position: absolute; top: 650px; right: -50px; width:102px; height: 237px; background: url(../images/handwriting-loaded.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/handwriting-loaded.png')
}
.whatyouget { font-size: 14px; margin: 0 }
.txtcenter { text-align: center }
.forFree { font-size: 24px }
.picture-frame { border: 2px solid #de2424; padding: 4px }
.testimonialName { font-size: 18px; color: #B036B0; }
.side-divider { display: block; background: url(../images/side-divider.gif) no-repeat center 50% }
.testimonial-divider { display: block; background: url(../images/side-testimonial-divider.gif) no-repeat center 50%; height: 28px }
.sidebar p { padding: 0 15px 0 20px; margin: 0 0 5px }
.before-after-sign { position:relative; margin: -37px 0 0; z-index: 5; height: 46px; background: url(../images/before-after-sign.png) no-repeat center bottom }
.wide-col p { padding: 0 25px 0 27px }
.container-body-med { margin:0 auto; width:550px }
ul.youwill li { font-size:16px; margin-left:30px }
div.johnson-box { background-color:#EEEEEE; border-width:0 1px; margin:0 20px; padding:20px 10px }
div.johnson-box-yellow { background-color:#FFF8BF; border-width:0 1px; margin:0 20px; padding:20px 10px }
div.dash { border:3px dashed #004b85 !important }
.testimonials { width: 844px; color: #353535; margin: 30px auto }
.testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top; height: 10px; line-height: 10px }
.testimonials-body { background: #e7e7e7 url(../images/back-testimonial-top.gif) no-repeat; padding: 17px 12px 5px }
.testimonials-body-left { float: left; width: 375px }
#testimonials-body-left-linda { float: left; width: 375px }
.testimonials-body-right { float: right; width: 445px; padding: 40px 0 0 0 }
#testimonials-body-right-linda { float: right; width: 445px; padding: 40px 0 0 0 }
.wide-col .testimonials-body-right p { padding: 0 }
.picture-frame, .picture-frame2 { border: 2px solid #464dbf; padding: 4px; background: #fffdff }
.wide-col .testimonials-clientname { font-size: 26px; color: #464dbf; font-style: italic; margin: 0 0 10px 0; padding: 0 }
.wide-col .testimonials .testi-shout { background: url(../images/back-testi-shout.jpg) no-repeat right center; padding: 20px 110px 0 0; min-width: 150px; _min-width: 150px; text-align: right; font-size: 36px; font-weight: bold; color: #464dbf; margin: 0; min-height: 79px; _height: 79px; font-style: italic; text-transform: capitalize }
.sitemap-list { margin: 15px 0 15px 30px }
.yellowhighlight { background-color: #FFFF80 }
.emphasis { font-size: 16px }
.style35 { font-size:22px; color: #004b85; font-style: italic }
#faq p { font-size: 11px }
#seen-on-tv-frame { width: 489px; float: right; margin: 0 5px 0 10px }
#seen-on-tv { width:489px; position:absolute; padding-top: 85px; float:right }
.heading1 { font-size: 40px; color: #004b85; font-weight: bold }
.heading2 { font-size: 26px; color: #004b85; font-weight: bold }
.heading3 { font-size: 24px; color: #004b85; font-weight: bold }
.heading4 { font-size: 22px; color: #004b85; font-weight: bold }
.heading5 { font-size: 20px; color: #004b85; font-weight: bold }
.checklist-small { list-style-type:none; margin: 0px; padding: 0px }
.checklist-small li { padding: 5px 0 5px 50px; background-image:url(../images/checklist-small.jpg); background-repeat: no-repeat; background-position: 25px 2px; margin-right:10px }
.underline { text-decoration:underline }
.standout { font-size: 18px }
/* *** END STYLES*** */

/* *** NAVIGATION *** */

	#globalnav { position: absolute; top: 162px; height: 50px; left: 75px; }
#globalnav ul { list-style: none }
#globalnav ul li { float: left; padding: 0 25px 0; line-height: 47px; background: url(../images/globalnav-divider.gif) no-repeat right 3px }
#globalnav a:link, #globalnav a:visited { color: #fff; text-decoration: none; font-weight: bold; font-size: 15px; height: 47px }
#sidebar a:link, #sidebar a:visited { color: #9d4f13; font-size: 12px; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; font-size: 11px }
#footer a:active, #footer a:hover { color: #fff; text-decoration: underline; }
#footer a.attribution:link, #footer a.attribution:visited, #footer a.attribution:hover { color: #706969; text-align: center; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px }
/* ***END NAVIGATION*** */

#top-optin { background:url(../images/back-top-optin.jpg) no-repeat; width:880px; margin:0 auto; height:293px; position:absolute; top:172px; left:58px }
#top-optin form { margin: 94px 0 0 323px; border: none; }
#top-optin .textfield { width:200px; height:23px; padding:15px 5px; border:none; background:transparent; font-size:14px }
#top-optin #Contact0FirstName { margin:0 0 7px 8px }
#top-optin #Contact0Email { margin:0 0 8px 8px }