/* Theme: Fitness Lifestyle
*  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: #400001 url(../images/back-header.gif) repeat-x left top; font: 15px Georgia, "Times New Roman", Times, serif; color: #4b4646 }
	
	h1 {font-size:39px; color: #7e0000; font-weight: normal }
	
	h1 .red {color: #e41000 } 
	
	h2 {font-size: 24px; color: #3e2a24; font-weight: normal; font-style: italic; padding: 0 0 35px 0 }
	
	h3 {font-size: 18px; color: #4b4646; font-weight: normal; font-style: italic }
	
	h4 {font-size: 16px; color: #c0c0c0 }
	
	h5 {font-size: 14px; color: #f8d20c }
	
	h6 {font-size: 13px; color: #f8d20c }
	
	p {margin-bottom: 16px; }
	
	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, #container-bg, #footer {margin: 0 auto; }
	
		
	#shadow {width: 1220px; position: relative; background: url(../images/back-shadow.jpg) no-repeat center top }
	
	#container {background: url(../images/back-container2.png) repeat-y center top; width: 900px; padding: 0 12px 80px }
	
	#container-bg { width: 898px; background: url(../images/back-container.gif) repeat-x left top; padding-top: 44px }
	
	#optin-container {width: 278px; height: 433px; background: url(../images/back-optin.jpg) no-repeat center; position: absolute; top: 141px; right: 172px; z-index:10; }

	#optin-container form {position:absolute; top:305px; right:30px; }
	
	#best-testimonial {width: 572px; position: relative}
	
	.left-col {width: 530px; float: left; padding: 15px 0 0 26px }
	
	#header { height: 169px  }
	
	#logo {position: absolute; top: 10px; left: 175px; text-indent: -99999px }
	
	#logo a {width: 208px; height: 138px; display: block; outline: none; background:transparent; }

	#optin-container .textfield { border:1px solid #3C2620; color:#3D2E29; font-family:georgia; font-size:12px; height:19px; width:201px; padding:2px 3px; }

	#optin-container .optin-submit {margin: 20px 0;} 
	
	.wide-col {clear: both; margin: 0 auto; width: 777px }
		
	#footer {position: absolutte; bottom: 0 }
	
	#footer .footer-content {width: 930px; height: 210px; margin: 0 auto; padding: 25px 0 0 90px; background: url(../images/back-footer-content.jpg) no-repeat center center; color: #fff; font-size: 11px; position: relative }
	
	#footer ul.footerlinks {list-style: none; }
	
	#footer ul.footerlinks li {color: #fff; float: left }
	
	#copyright {position: absolute; bottom: 17px; left: 90px }
	
	.before-after {margin: 16px 0 0 0 ; min-height: 230px; _height: 230px; width:410px }
	
	.beforePhoto, .beforePhoto2 {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #7e7d77; line-height: 150%  }
	.afterPhoto, .afterPhoto2 {float: left; text-align: right; color: #4e3731; font-size: 18px; line-height: 150%  }
	
	.beforePhoto2 { color: #1a1a1a }
	.afterPhoto2 { color: #861e04 }
	
	.testimonialCopy {color: #3e3e3e; position: absolute; top: 213px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% }

	#guaranteed, #signup-now {width: 844px; height: 224px; background: url(../images/back-guaranteed.jpg) no-repeat left top; margin-bottom: 30px; padding-top: 22px; color: #fff }
	
	#signup-now {background: url(../images/back-signupnow.jpg) top left no-repeat }
	
	#signup-now-content { width: 515px; float: left; padding-left: 30px; text-align: left }
	
	#signup-now-btn { width: 245px; height: 33px; float: right; padding:130px 29px 0 0 }
	
	#guaranteed-content { width: 530px; float: right; padding-right: 50px; text-align: left }

	.testimonials {background-color: #bfbeb6; width: 844px; float: left; margin-left: 27px; color: #353535 }
	
	.testimonials-top, .testimonials-bottom {width: 844px; height: 10px; background: url(../images/back-testimonial-top.gif) no-repeat left top }
	
	.testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top}
	
	.testimonials-body { float: none }
	
	.testimonials-body-wide { float: none; padding:0 20px }
	
	.testimonials-body-left { float: left; width: 419px; text-align:left; padding: 45px 18px }
	
	.testimonials-body-right { float: right; width: 364px; padding: 10px 25px 0 0 }
	
	#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; font-size: 14px}
	
	#attribution {position: absolute; bottom: 3px; left: 90px }
/* *** END LAYOUT*** */


/* ***STYLES*** */
	#best-testimonial h1 {margin: 0 0 0 20px; letter-spacing: -1px; line-height: 1em; min-height: 130px; text-transform:capitalize; text-align: center; }
	
	#best-testimonial h1 {margin: 0 0 0 20px; letter-spacing: -1px; line-height: 1em; min-height: 130px; text-transform:capitalize; text-align: center; }
	
	.recover {clear: both; line-height:0 }
	
	.italic {font-style: italic; }
	
	.picture-frame, .picture-frame2 {border: 2px solid #58403a; padding: 4px }
	
	.picture-frame2 {border: 1px solid #13466f; background-color: #fff; padding: 4px }
	
	.testimonialName {font-size: 18px; color: #4f3631 }
	
	#guaranteed-content h1,#signup-now-content h1 { font-size: 24px; color: #fff; margin-bottom: 15px }
	
	#guaranteed a, #guaranteed a:visited, #signup-now a,  #signup-now a:visited { color:#fae428; text-decoration:underline }
		
	.testimonials-lost, .testimonials-clientname { font: 48px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #b62106; font-weight: bold; font-style:italic; }
	
	.testimonials-clientname { font-size: 30px; color: #b62106; text-align: right }
	
	.phone {font-size: 30px; color: #fae428 }
	
	.callaction, .callaction2 { color: #e41000; font-size: 18px }
	.callaction2 { color: #fff }
	
	p#enlargealign-thankyou-downloadlink {font-size: 22px; text-align: center}

	.txtcenter {text-align: center }
	.johnson-box {background-color:#eee; border:3px dashed #000;margin:0 auto;padding:20px 10px; width: 620px}
	.johnson-box-yellow {background-color:#FFFFCC; border:3px dashed #000; margin:0 auto; padding:2px 20px 2px 0; width:620px;}
	.servingthesecities {font-size:11px;text-align:center }	
	.tablenames {background-color:#7E0000;color:#fff;font-size:16px;font-weight:bold;text-decoration:none }
	.price {font-size:30px;font-weight:bold;}
	.blue {color:#004F87 }
	.bigstatement {font-size:22px;text-align:center;}
	.campsites {width: 630px; margin:0 auto; background:#eee; border:2px solid #ddd; padding:15px }
	.site-picture {border:1px solid #666;padding:2px; margin: 0 15px 50px 0 }
	.red {color: #fc0000 !important }
	.underline {text-decoration: underline }
	.strikethrough {text-decoration:line-through }
	.capitalized {text-transform: capitalize }
	.author {padding:2px; border:2px solid #333; margin:0 10px 10px 10px }
	.emphasis {font-size: 29px}
	.standout {font-size: 18px}
	.heading1 {font-size: 40px; color: #595959; font-weight: bold }
	.heading2 {font-size: 26px; color: #595959; font-weight: bold }
	.heading3 {font-size: 24px; color: #595959; font-weight: bold }
	.heading4 {font-size: 22px; color: #595959; font-weight: bold }
	.heading5 {font-size: 20px; color: #595959; font-weight: bold }
	.checklist {list-style-image:url(../images/icon-checklist-jbox.png); margin: 0 0 15px 60px}
	.checklist li {padding: 5px 0 0 0}
	.topheading {font-family:Impact, Helvetica, sans-serif; text-align: center; padding:0 20px; text-transform: capitalize; color: #006dba; font-size: 36px }
	.imgright {float: right; margin: -10px 0 10px 20px }
	.imgleft {float: left; margin: 0 10px 10px 0 }
	.aboutebook {width:720px;margin:0 auto }
	.congrats {font-size:30px}
	.accent {font-size:32px}
	.recover-left {clear: left }
	
	.shift-list-right {margin-left: 30px}
	
	.youwill-list {margin-left: 30px; font-size: 16px}
	
	.youwill-list li {padding: 2px 0}
	
	.highlight {background-color:#FFFF00;}
	
	.company-name {color: #e41000}
	
	.container-body-med {margin:0 auto; width:500px }
	
	.spread-list li {padding: 2px 0}
	
	.contact-us-calltoaction {font-size: 29px; color:#595959; text-align:center}
	
	.left-col h1 {letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; text-transform:capitalize; text-align: center; margin-bottom: 16px}
	
	.left-col p {margin: 0 0 16px 35px}
	
	p.footerlink-titles {margin-bottom: 0; padding:5px 0 0 0}
/* *** END STYLES*** */




/* *** NAVIGATION *** */
	#globalnav {position: absolute; top: 0; height: 34px; left: 170px; }
	
	#globalnav ul {list-style: none; width:880px }
	
	#globalnav ul li {float: left; padding: 0 13px 0; line-height: 35px; background: url(../images/globalnav-divider.gif) no-repeat right 2px }
	
	#globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-size: 11px }
	
	#searchbox { float: right; padding-top:2px }
	
	.search { border: 1px solid #9e7465; background-color: #ece9dd;  color:#58413d }
	
	#footer {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff }
	
	#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; }
	
/* ***END NAVIGATION*** */