/* 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: #0f627d url(../images/back-body.gif) repeat-x; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363535 }
	
	strong {font-weight: bold }
		
	h1 {font-size:38px; color: #414141 }
	
	h2 {font-size:20px; color: #3580a1 }
	
	h1 span.red, h2 span.red, h3 span.red, p span.red, ol span.red, ul span.red{color: #FF6600 }
	
	#underline {text-decoration:underline}
	
	p { margin-bottom: 23px }
	
	a:link { text-decoration: none }

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



/* ***LAYOUT*** */
#boxdash {
	padding: 20px 0 20px 0;
	border: dashed thick #0066CC;
	background-color: #e9e9e9;
}

#vids {text-align: center;}

#content ol li {margin: 0 60px 0 60px; padding-left: 10px;}

#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 31px 60px 31px }

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

#expand-heading-width15px { padding: 0 0 0 9px; width: 615px }

#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: 116px; 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: #aacce6; 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-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: 338px; _height: 338px; background: url(../images/bak-footer.png) no-repeat center top; font-size: 11px; margin-bottom: 50px; position: relative; padding: 0 0 50px 0 }

#footer .footer-content {width: 950px; margin: 0 auto;  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 { float: right; text-align: right; display: block; }


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

#expand-heading-width15px h1 { text-align:center; line-height: 38px }

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

.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: #0679d5 }

h1.quote, span.name { color: #266595; font-size: 48px; padding-top: 25px }

h1.headline-blue24 { color: #04375a; 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: #1383cf; float: right; padding-top: 5px }

.leftalign {float: left }

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

#margin-before-jbox {margin: 0; padding:0 9px; width: auto}

.txtcenter { text-align: center }

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

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

.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 }

#johnson-box-blue{background-color:#EEEEEE} ul, ol {margin-left: 60px} li {padding-bottom: 10px}

p.enlarge, ol.enlarge, ul.enlarge {font-size: 16px}

p span.enlarge, li span.enlarge {font-size: 16px}


/*.johnson-box-blue {background-color:#EEEEEE;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-bottom: 0pt; margin-left: 80px }
	
.listCheck li {margin: 15px 0}

.sitemap ul {margin: 0 0 0 40px}

.sitemap li {margin: 0 0 10px}

/* ***END STYLES*** */




/* *** NAVIGATION *** */
#globalnav { position: absolute; width: 550px; top: 0; right: 30px; height: 33px; color: #083d53; 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 #fff }

#globalnav a:link, #globalnav a:visited { color: #083d53 }

#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 }

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

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