/* 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-body.gif) repeat-x; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363535 }
strong { font-weight: bold }
h1 { font-size:38px; color: #414141 }
h2 { font-size:20px; color: #cf2323 }
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: url(../images/back-shadow.jpg) no-repeat center top; display: table }
#container { width: 1000px; background: url(../images/back-container.png) repeat-y; position: relative; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/back-container.png')
}
#content { width: 938px; background: url(../images/back-content.jpg) no-repeat center top; padding: 0 29px 60px 29px }
#left-col { padding: 0 0 0 9px; width: 600px }
#header { height: 225px }
#logo { position: absolute; top: 0; left: 47px; text-indent: -99999px }
#logo a { width: 205px; height: 100px; display: block; outline: none }
#shadow-bottom { background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 1000px }
#optinbox { position: absolute; top: 114px; right: 31px; width: 311px; height: 375px }
#signupbox { background: url(../images/back-optin.jpg) no-repeat; height: 390px }
#signupbox form { position: absolute; top: 270px; 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 }
.testimonials { background-color: #dedede; 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: 15px; 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: 1000px; min-height: 340px; _height: 320px; background: url(../images/back-footer.png) no-repeat center top; font-size: 11px; margin-bottom: 80px; position: relative; padding: 0 0 50px 0; }
*html #footer { background: url(../images/bak-footer.jpg) no-repeat center top; }
#footer .footer-content { width:610px; margin: 0; padding: 45px 0 0 70px; color: #fff; font-size: 11px }
#footer li { color: #FFF; float: left }
#copyright { position: absolute; bottom: 15px; left: 60px; width: 850px }
#attribution { position: absolute; bottom: 15px; left: 60px }
#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 }
.left-col p { margin: 0 0 16px 28px }
/* ***END LAYOUT*** */

/* ***STYLES*** */
#left-col h1 { text-align:center; line-height: 38px }
#left-col h2 { text-align:center; font-style: italic; padding: 20px 0 35px 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: #f3c8ff }
.quote, span.name { color: #db110c; font-size: 38px; padding: 0; font-weight:bold }
h1.headline-blue24 { color: #0679d5; 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: #0679d5; 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 0; width:620px; }
.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: #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 23px 10px; float:right }
.emphasis { font-size: 29px }
.standout { font-size: 18px }
.heading1 { font-size: 40px; color: #3a3838; font-weight: bold }
.heading2 { font-size: 26px; color: #e10000; font-weight: bold }
.heading3 { font-size: 24px; color: #4b4646; font-weight: bold }
.heading4 { font-size: 22px; color: #595959; font-weight: bold }
.heading5 { font-size: 20px; color: #4b4646; font-weight: bold }
.checklist { list-style-image:url(../images/icon-checklist.png); margin: 0 0 15px 60px }
.checklist-blue { list-style-image:url(../images/icon-checklist-blue.gif); margin: 0 0 15px 60px }
.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: 0 0 10px 10px }
.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 }
#shadow .pagetop { color:#000; font-size:14px; line-height:21px; margin:0; padding:0 75px 20px 0; text-align:left }
.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 }
p.footerlink-title { margin-bottom: 0; padding:5px 0 0 0 }
.standout-list { font-size:16px }
.company-name { color: #000080 }
.spread-list { padding: 5px 0 }
.contact-us-calltoaction { font-size: 29px; color:#595959; text-align:center }
#contactform-1 .textinput { width:230px; }
.picture-frame { border: 2px solid #003366; padding: 4px; background:#FFF }
#contact-us-list { margin-left:40px; font-weight:bold }
.pointer { cursor:pointer }
/* *** 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 #0679d5 }
#globalnav a:link, #globalnav a:visited { color: #fff; text-decoration: none; }
#footer ul { padding-bottom: 35px; 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; z-index:500; }
#footer a:active, #footer a:hover { text-decoration: underline }

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