/* Theme: HardBody

*  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; font: 14px "Tahoma", Arial, Helvetica, sans-serif; color: #000 }

	

	h1 {font-size:40px; color: #3a3838 }

	

	h1 span.red, h2 span.red, h3 span.red, .red {color: #ff0000 } h1 span.gray {color: #3a3838 }

	

	h2 {font-size: 24px; color: #e10000; 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 }

		

	a:link {color: #e10000; font-weight: normal; text-decoration: underline }

	

	a:visited {color: #990000; font-weight: normal; text-decoration: underline }

	

	a:hover, a:active {color: #ff0000; 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 top }


	#container {background: #fff url(../images/back-container.gif) repeat-x center top; width: 897px; padding: 44px 0 80px }

	

	#optin-container { margin:0 auto; width:254px; display:none;}

	

	#best-testimonial {width: 572px; position: relative; margin: 0 }

	

	#best-testimonial p {padding: 0 5px}

	

	.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: 204px  }
        #header-home{height: 514px }
	

	#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 { border: none; }

	

	#optin-container .textfield {width:200px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:14px; margin-bottom:10px; position: relative }

	

	#optin-container #Contact0FirstName {margin:0 0 7px 8px;}

	

	#optin-container #Contact0Email {margin:0 0 8px 8px;}

	

	.sidebar {float: right; width: 290px; background: #dadada url(../images/bak-sidebar.gif) no-repeat left top; margin: 15px 27px 0 0; color: #4d4d4d; padding: 24px 0 10px  }

	

	.wide-col {clear: both; }

	

	.infolist {margin: 0 0 0 60px }

	

	.infolist li {margin: 20px 0 }

	

	.checklist li {list-style-image: url(../images/checklist.png) }

	

	#shadow .wide-center {clear: both; padding: 0 40px; width: 816px }

		

	#footer {position: absolutte; bottom: 0; margin: 18px 0 132px 0; background: url(../images/back-footer.gif) repeat-x }

	

	#footer .footer-content {width: 935px; margin: 0 auto; min-height: 263px; _min-height: 263px; padding: 41px 0 0 60px; background: url(../images/back-footer-content.jpg) no-repeat center top; color: #ff0000; font-size: 14px; position: relative }

	

	#footer .footer-content p {clear:left; margin: 12px 0 0 0 !important}

	

	#footer ul.footerlinks {list-style: none; margin:0 0 0 0; float: left}

	

	#footer ul.footerlinks li {color: #fff; float: left; margin-right:8px; line-height:14px }

	

	#copyright {position: absolute; top: 253px; left: 62px }

	

	#footer-logo {float: right; background: url(../images/footer-logo.png) no-repeat right top; width: 493px; height: 253px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', 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; width:410px }

	

	.beforePhoto {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #1a1a1a; line-height: 150%  }

	.afterPhoto {float: left; text-align: right; color: #e32727; 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% }

	

	#sitemap-table p {padding: 35px 0 0 0}



	#sitemap-table ul {margin: 0 10px 0 30px}

	

	#sitemap-table {margin: auto}



	#sitemap-table td {width: 50%; padding: 0 5px; vertical-align: top}



	#sitemap-table li {padding: 0 0 5px 0}

/* *** 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; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/images/footer-bug.png'); }

	

	#cityDesc {background-color: #CCC; border: 1px #AAA solid; padding: 0 10px; font-size: 10pt; margin:0 auto; width: 90%}

	

	.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: #e10000; font-size: 24px; font-weight: bold; font-style: italic; line-height: 1em }

	

	.left-col h1.bug {background: url(../images/heading-mark.jpg) no-repeat left top; min-height: 93px; _height: 93px; padding: 0 0 0 110px; color: #e10000; font-size: 40px; font-weight: bold; font-style: italic; line-height: 1em }

	

	.left-col h2 {padding: 15px 0 15px 12px; color: #4b4646; font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em }

	

	#shadow .wide-center h2 {padding: 10px 0}

	

	h1.tagline {color: #e10000; 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 }

	

	.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: #ff0000; }

	

	.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 10px 0 27px }

	

	.wide-col h3 {padding: 0 0 0 27px }

	

	.container-body-med {margin:0 auto; width:550px }

	

	ul.youwill li {font-size:16px; margin-left:30px }

	

	ol.questions li {font-size:16px; margin-left:30px }

	

	.johnson-box-yellow {background-color:#FFFFCC;border:3px dashed #000000;margin:20px auto;padding:18px 30px; list-style-type: none; list-style-position: outside; list-style-image: none; width:580px }

	

	.listCheck {list-style-type: none; list-style-position: outside; list-style-image: none; margin: 0 20px 0 40px }

	

	.listCheck li {margin: 15px 0}

		

	.left-col ul {margin-left: 60px}

	

	.left-col ol {margin-left: 60px}

	

	.smalltext {font-size: 8pt; margin-top: 8px}

	

	.johnson-title {font-size: 26px }

	

	p.large {font-size: 16px }	

	

	.red {color: #e10000 !important }

	

	.sidepad {margin: 0 0 0 40px }

	

	.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-andy { float: left; width: 300px }

	

	.testimonials-body-right { float: right; width: 445px; padding: 10px 0 0 0 }

	

	#testimonials-body-right-andy { float: right; width: 520px; padding: 10px 0 0 0 }

	

	.wide-col .testimonials-body-right p, #testimonials-body-right-andy {padding: 0 }

	

	.picture-frame, .picture-frame2 {border: 2px solid #e32727; padding: 4px; background: #fffdff }

	

	.wide-col .testimonials-clientname { font-size: 26px; color: #e32727; 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: 26px; font-weight: bold; color: #e32727; margin: 0; min-height: 79px; _height: 79px; font-style: italic; text-transform: capitalize }

	

	.contact-us {font-size: 22px }

	

	.emphasis {font-size: 18px }

	

	#contact-us-list {margin-left: 60px }

	

	#faq-questions {list-style: none }

	

	#faq-questions li {font-size:15px; margin: 5px 0 5px 40px; padding: 0 10px 21px 65px; background: url(../images/icon-faq-questions.jpg) no-repeat left top }

	

.standout-list {margin: 0 30px 0 60px}

.standout-list li {padding: 2px 0}

.imgright {float: right; margin: 0 0 0 10px}

.author {float:right; margin: 0 75px 0 10px; border: 1px #000000 solid}

#disclaimer {font-size: 10px; text-align: center; width:550px; margin: 0 auto}

.topheading {font-family:Impact, Helvetica, sans-serif; text-align: center; padding:0 20px; text-transform: capitalize; color: #ff0000; font-size: 34px }

h1.pagetop {color:#000000;font-size:25px;line-height:1.6em;text-align:center;margin-top:21px;}

.underline {text-decoration:underline}

.yellowhighlight {background: #FF0}
/* *** 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*** */

#optin-button{
    
    height: 100px;
left: 600px;
position: absolute;
top: 350px;
width: 300px;
}

#header-video{
    position:absolute;
    left:54px;
    top:257px;
}