/* Project: "Sport" Formula
*  Copyright 2009 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: #000000 url(../images/back-container.jpg) repeat-y scroll center center; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363535 }
	
	strong {font-weight: bold }
		
	h1 {font-size:38px; color: #414141 }
	
	h2 {font-size:26px; color: #e56228 }
	
	h3 {font-size:20px}
	
	p { margin-bottom: 23px }
	
	a:link { text-decoration: none }

/* ***END GLOBAL*** */



/* ***LAYOUT*** */

#shadow, #header, #container, #shadow-bottom, #footer, .guarantee, .signup, .testimonials {margin: 0 auto }

#shadow {width: 100%; background: transparent url(../images/back-content.jpg) no-repeat scroll center top; display: table }

#container {width: 1000px; position: relative; }

#content {width: 938px;  padding: 0 31px 60px 31px }

#left-col { padding: 0 0 0 9px; width: 600px }

#header {height: 225px }

#logo { position: absolute; top: 25px; left: 100px; text-indent: -99999px  }

#logo a { width: 210px; height: 125px; display: block; outline: none }

#shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px }

#optinbox { position: absolute; top: 120px; right: 33px; width: 311px; height: 375px  }

#signupbox { background: url(../images/back-optin.jpg) no-repeat; height: 390px }

#signupbox form { position: absolute; top: 266px; right: 40px; border: none; width: 200px }

#signupbox .textfield { background: transparent ; border: none; color: #fff; width: 180px; height: 19px; font-size: 11px; padding: 2px 10px }

.optin-submit {float: right; margin: 9px 0 0 0 }

#video { margin: 0 10px 50px 0 }

#video-frame { background-color: #dedede; padding: 16px; width: 527px; margin: 0 auto }

.testimonials { background-color: #d1d1d1; width: 887px }

.testimonials-frametop { background: url(../images/bak-testimonial-top.gif) no-repeat; width: 887px; height: 15px }

.testimonials-framebottom { background: url(../images/bak-testimonial-bottom.gif) no-repeat; width: 887px; height: 11px; clear: both }

.testimonials-wide {clear: both; padding:0 25px }

.testimonials-left { width: 410px; padding: 60px 25px 35px; float: left; color: #353535 }

.testimonials-right { float: right; padding: 10px 30px 0 0 }

#footer { width: 100%; min-height: 338px; _height: 338px; background: url(../images/back-footer.jpg) repeat-x center top; font-size: 11px;  position: relative; padding: 0; }

#footer .footer-content {background: transparent url(../images/back-footer-content.jpg) no-repeat -44px top; width: 900px; margin: 0 auto;  padding: 45px 50px 0; color: #fff; font-size: 11px; height:340px; }

#footer-container {width:550px;}

#footer li {color: #FFF; float: left }

#copyright { position: absolute; bottom: 15px; width: 900px }

#attribution { float: right; text-align: right; display: block; }


/* ***STYLES*** */
#left-col h1 { text-align:center; line-height: 38px; font-size: 22px}

#left-col h2 { text-align:center; font-style: italic; padding: 20px 0 20px 0px }

.recover {clear: both }

.guarantee, .signup {position: relative; margin-left:26px; margin-bottom: 35px; padding:25px 77px 25px 290px; width: 520px; height: 277px; color: #fff; font-size: 14px; background: url(../images/bak-guaranteed.jpg) no-repeat center top }

.signup { padding: 25px 380px 20px 60px; width: 447px; height: 282px; background: url(../images/bak-signup.jpg) no-repeat center top }

.guarantee p, .signup p { margin-bottom: 15px }

.guarantee a, .guarantee a:visited, .signup a, .signup a:visited { color: #f0285b }

.quote, span.name { color: #f4690a; font-size: 38px; padding: 0; font-weight:bold }

h1.headline-peach24 { color: #f4690a; font-size: 24px; padding: 0; margin-bottom: 15px }

span.name { font-size: 30px }

span.text24 { font-size: 24px }

.trainer-name { font-size: 24px; float: left }

.trainer-email, .trainer-email a, .trainer-email a:visited { color: #f0285b; float: right; padding-top: 5px }

.leftalign {float: left }

.wide-col {clear: both; margin: 0 auto; width: 777px }

.container-body-med {margin:0 auto; width:550px }
	
ul.youwill li {font-size:16px; margin-left:30px }

p#enlargealign-thankyou-downloadlink {font-size: 22px; text-align: center}

	.txtcenter {text-align: center }
	.johnson-box {background-color:#eee;border-width:0 1px;margin:0 20px;padding:20px 10px;}
	.johnson-box-yellow {background-color:#FFFFCC; border:3px dashed #000; margin:0 auto; padding:2px 20px 2px 20px; width:450px;}
	.servingthesecities {font-size:11px;text-align:center }	
	.tablenames {background-color:#069;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: #e10000 !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}
	.heading1 {font-size: 40px; color: #e56228; font-weight: bold }
	.heading2 {font-size: 26px; color: #e56228; font-weight: bold }
	.heading3 {font-size: 24px; color: #e56228; font-weight: bold }
	.heading4 {font-size: 22px; color: #e56228; font-weight: bold }
	.heading5 {font-size: 20px; color: #e56228; font-weight: bold }
	#left-col .topheading {font-family:Impact, Helvetica, sans-serif; text-align: center; padding:0 20px; text-transform: capitalize; color: #414141
	; font-size: 36px; font-style: normal; line-height: -1.25em }
	.imgright {float: right; margin: 0 0 10px 10px }
	.imgleft {float: left; margin: 10px 10px 10px 0 }
	.aboutebook {width:720px;margin:0 auto }
	.congrats {font-size:30px}
	.accent {font-size:32px}
	.recover-left {clear: left }
	.pagetop {color:#000000;font-size:14px !important;line-height:21px !important;margin:0;padding:0 75px 20px 0;text-align:left !important }
.yellowhighlight {background: #ff6}
.expirationdate {width:80%; margin:0 auto; padding:5px;; text-align:center; background:#cc0000; color: #fff; font-weight: bold; font-size:24px }
.yescheckbox {width:20px;height:20px;}
#sitemap-table p {padding: 25px 0 0 0; margin-bottom:10px}
#sitemap-table ul {margin: 0 10px 0 30px; list-style: none}
#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}
.spread-list li {padding: 5px 0} 
.company-name {color: #000080} 
.standout {font-size: 18px} 
.checklist-large {list-style-image:url(../images/checklist-large.jpg); margin: 0 0 15px 60px; font-size:16px} 
.checklist-large li {padding: 2px 0}
.checklist-medium {list-style-image:url(../images/checklist-medium.jpg); margin: 0 0 15px 60px; font-size:16px} 
.checklist-medium li {padding: 2px 0}
#left-col p {margin: 0 0 16px 71px}
.checklist-small {list-style-type:none; margin: 0px; padding: 0px}
.checklist-small li {background-image: url(../images/checklist-small.jpg); background-repeat:no-repeat; background-position: 0px 0px; margin-right: 10px; padding: 2px 0 2px 25px}
p.footerlink-title {margin-bottom: 0; padding:5px 0 0 0}
.standout-list {font-size:16px}
.spread-list {padding: 5px 0} 
.contact-us-calltoaction {font-size: 29px; color:#e10000; text-align:center} 
#contactform-1 .textinput { width:230px; }

	.picture-frame {border: 2px solid #003366; padding: 4px; background:#FFF }
	
	#disclaimer {font-size: 10px; text-align: center; width:550px; margin: 0 auto}
	
	.orange {color:#F30}
	
/* *** END STYLES*** */




/* *** NAVIGATION *** */
#globalnav { position: absolute; width: 550px; top: 0; right: 30px; height: 33px; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right }

#globalnav ul { padding-top: 10px }

#globalnav ul li.last, #footer ul li.last { border: none }		

#globalnav ul li { display: inline; padding: 0 10px; border-right: 1px solid #f0285b }

#globalnav a:link, #globalnav a:visited { color: #fff;  text-decoration: none; }

#footer ul {display: block; list-style: none }

#footer ul li { padding: 0 5px;  border-right: 1px solid white; height: 14px }

#footer a:link, #footer a:visited {color: #FFF; text-decoration: none; font-size: 12px }

#footer a:active, #footer a:hover {text-decoration: underline }

/* ***END NAVIGATION*** */