/* 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: #004b86; font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363535 }

	

	strong {font-weight: bold }

		

	h1 {font-size:38px; color: #004f87 }

	

	h2 {font-size:20px; color: #d74928 }

	

	p { margin-bottom: 23px }

	

	a:link { text-decoration: none }



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







/* ***LAYOUT*** */



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



#shadow {width: 100%; display: table; background: url(http://www.adventurebootcamptulsa.com/images/back-shadow.jpg) no-repeat center top;  }



#container {width: 780px; background: url(http://www.adventurebootcamptulsa.com/images/back-container.gif) repeat-y; position: relative  }



#frame {width: 800px; position:relative }



#content {padding: 0 20px 60px 20px; background: url(http://www.adventurebootcamptulsa.com/images/back-content.jpg) no-repeat center top }



#left-col {float:left;padding:15px 0 0 18px;width:400px }



#header {height: 228px }



#logo { position: absolute; top: 0; left: 47px; text-indent: -99999px  }



#logo a { width: 405px; height: 140px; display: block; outline: none }



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



#optinbox { position: absolute; top: 207px; right: 41px; width: 283px; height: 381px;  }



#signupbox { background: url(http://www.adventurebootcamptulsa.com/images/back-optin-vert.jpg) no-repeat; height: 381px; }



#signupbox form { border:medium none; position:absolute; right:22px; top:272px; width:196px; }



#signupbox .textfield { background:transparent none repeat scroll 0 0; border:medium none; color:#FFFFFF; font-size:11px; height:17px; padding:2px 10px; width:174px; margin: 0 0 7px; }



#optin-container form {margin: 5px 0 0 0}



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



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



#video { margin: 20px 10px 50px 0; text-align:center }



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



.testimonials { width: 700px; margin-bottom:15px; background:#84aed0 url(http://www.adventurebootcamptulsa.com/images/back-testimonial.jpg) no-repeat center top }



.testimonials-wide {padding: 20px 25px 10px }



.testimonials-wide p {color:#000 }



.testimonials-wide img {margin: 0 20px 20px 0; padding: 0 0 0 20px}



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



.testimonials-framebottom { background: url(http://www.adventurebootcamptulsa.com/images/bak-testimonial-bottom.gif) no-repeat; width: 700px; height: 15px; clear: both }



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



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



.testimonials-name {font-size: 30px; font-weight:bold; width: 305px; padding:28px 0 0 25px }



#footer { width: 900px; min-height: 292px; _height: 292px; background: url(http://www.adventurebootcamptulsa.com/images/back-footer.jpg) no-repeat center top; font-size: 11px; position: relative; padding: 0 0 0px 170px }



#footer .footer-content { padding: 20px 0 0 20px; color: #fff; font-size: 11px; width: 400px }



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



#copyright { position: absolute; bottom: 0; width: 300px; }



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



#left-col p { margin-bottom: 15px}



.call-attention-color {color: #fc0000}



p.smaller-width {width:405px;}



/* ***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; padding:25px 77px 25px 290px; width: 320px; height: 457px; color: #fff; font-size: 14px; background: url(http://www.adventurebootcamptulsa.com/images/bak-guarantee.jpg) no-repeat center top}



.signup { width: 320px; height: 282px; background: url(http://www.adventurebootcamptulsa.com/images/bak-signup.jpg) no-repeat center top; cursor: pointer }



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



.guarantee a, .guarantee a:visited, .signup a, .signup a:visited { color: #04bde8 }



.quote, span.name { color: #002f55; font-size: 24px; padding-top: 15px; font-weight:bold }



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



.leftalign {float: left }



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



.txtcenter { text-align: center }



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



.topheading {width: 650px; margin:0 auto 10px auto; text-align:center; text-transform: capitalize}



h1.topheading {font-family:impact}



.servingthesecities {font-size: 11px; text-align: center}



.call2action {font-size: 24px; font-weight: bold; text-align: center }



.bigstatement {font-size: 22px; text-align: center}



.bigstatement2 {font-size: 20px; text-align: center}



.capitalized {text-transform: capitalize }



.johnsonbox {border: 3px dashed #333; background:#FFFFCC; margin:0 auto; padding:20px 40px; width:580px }



.johnsonbox li {margin: 10px 20px }



.johnsontitle {font-weight: bold; font-size: 22px}



.blue {color: #004F87 }



.orange {color: #ea7507 }



.red {color: #fd1409}



.site-picture {border:1px solid #666; padding: 2px }



.campsites {width: 660px; margin:0 auto }



#optin-container {background:transparent url(http://www.adventurebootcamptulsa.com/images/back-optin.jpg) no-repeat scroll 0 0;height:105px;margin:0 auto;padding:242px 0 0 30px;width:530px;}



.tablenames {background-color:#006699;color:#FFFFFF;font-size:16px;font-weight:bold;text-decoration:none }



.price {font-size:30px; font-weight: bold }



.textbox {width:300px }



.bigstatement {font-size:22px;text-align:center;}

	.underline {text-decoration: underline }

	.author {padding:2px; border:2px solid #333; margin:0 10px 10px 10px }

	.emphasis {font-size: 29px}

	.standout {font-size: 20px}

	.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: #f8d20c; font-weight: bold }

	.checklist {list-style-image:url(./imgs/icon-checklist.png); margin: 0 0 15px 60px }

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

	.imgleft {float: left; margin: 0 10px 10px 0 }

	.recover-left {clear: left }

	ul.list-leftmargin {margin-left: 30px}

.calltoregister {text-align: center; font-size: 30px}

	.huge-emphasis {font-size:36px}

	

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



	p.footerlink-titles {margin-bottom: 0; padding:5px 0 0 0}



.picture-frame {border: 2px solid #004b85; padding: 4px; background:#FFF }

.chart {width: 700px; margin: 0 auto 23px auto; border: 1px solid #000000}
	
	.column-header-cell {width: 112px; vertical-align:middle; font-weight:bold; background-color:#dadada}
	
	.column-header-cell p {text-align:center; margin: 0; padding: 5px 0; font-size:16px; text-transform: capitalize}
		
	.row-header-cell {width:170px; vertical-align:middle; font-weight:bold; background-color:#dadada}
	
	.row-header-cell p {text-align:center; margin: 0; padding: 5px 0; font-size:16px}
	
	.top-corner-cell {width:130px; vertical-align:middle; font-style:italic; background-color:#dadada}
	
	.top-corner-cell p {text-align:center; margin: 0; padding: 5px 0; font-size:16px}
	
	.chart-cell {width: 130px; vertical-align:middle}
	
	.chart-cell p {text-align:center; margin: 0; padding: 5px 0}
/* ***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 #00cefb; font-weight: bold }



#globalnav a:link, #globalnav a:visited { color: #fff }



#footer ul { padding-bottom: 25px; 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*** */