/* Theme: HardBody * 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: #560200 url(../images/back-body.jpg) repeat-x; font: 16px Georgia, "Times New Roman", Times, serif; color: #000 } h1 {font-size:40px; color: #7e0000 } h1 span.accent {color: #00baff } h2 {font-size: 24px; color: #3e2a24; padding: 20px 0 35px 0; } h3 {font-size: 18px; color: #DA5304 } 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: #e41000; font-weight: normal; text-decoration: underline } a:visited {color: #c90d00; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #fc1100; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container-shadow, #container, #footer {margin: 0 auto; } #platform {background: url(../images/back-platform.jpg) repeat-x center bottom; width: 100%; display: table} #shadow {width: 995px; position: relative; background: url(../images/back-shadow.jpg) no-repeat center top } #container-shadow {width: 925px; padding: 0 14px } /*background: url(../images/back-container-shadow.gif) repeat-y center top; */ #container {background: #FFF url(../images/back-container.jpg) repeat-x center top; width: 899px; padding: 44px 0 0 } * html body #container {width: 891px } #optin-container {width: 279px; height: 426px; background: url(../images/back-optin.jpg) no-repeat; position: absolute; top: 183px; right: 60px } #best-testimonial {width: 546px; position: relative; margin: 0 0 28px } .video-container {background: url(../images/watch-this-video.gif) no-repeat center top; padding: 37px 0 0} .left-col {width: 580px; float: left; padding: 0 0 0 26px } #header {height: 204px } #logo {position: absolute; top: 36px; left: 15px; text-indent: -99999px } #logo a {width: 500px; height: 160px; display: block; outline: none; /*background: url(../images/logo-tagline.png) no-repeat left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/logo-tagline.png')*/ } #header-photo {background: url(../images/header-photo.png) no-repeat right top; position: absolute; top: 39px; right: 8px; width: 340px; height: 165px } #shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 69px; width: 922px; margin: 0 auto } #optin-container form {position: absolute; top: 285px; left: 32px; border: none; } #optin-container .textfield {width:200px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:14px } #optin-container #txtName_5323 {margin:0 0 0 8px;} #optin-container #txtEmail_5323 {margin:0 0 0 8px;} .optin-submit { margin:-2px 2px;} #optin-wide-container {width: 100%; margin: 30px auto; height: 235px; background: url(../images/back-optin-wide.jpg) no-repeat center top; position: relative; top: 0; right: 0px } #optin-wide-container form {position: absolute; top: 128px; left: 225px; border: none; } #optin-wide-container .textfield {width:170px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:14px } #optin-wide-container #txtName_5323 {margin:0 0 0 8px;} #optin-wide-container #txtEmail_5323 {margin:0 0 0 8px;} #optin-wide-container .optin-submit { margin:15px 80px;} .sidebar {float: right; width: 290px; background: #dadada url(../images/bak-sidebar.gif) no-repeat left top; margin: 15px 27px 0 0; color: #4d4d4d; padding: 24px 0 10px } .wide-col {clear: both; padding:0 25px } #footer {position: absolutte; bottom: 0; margin: 80px 0 0 0; background: #000} #footer .footer-content {width: 869px; margin: 0 auto; background: url(../images/back-footer-content.jpg) no-repeat center top; min-height: 217px; _height: 217px; padding: 20px 0 0 30px; color: #fae428; font-size: 11px; position: relative } #footer ul.footerlinks {list-style: none; margin-bottom: 5px} #footer ul.footerlinks li {color: #fff; float: left } #copyright {position: absolute; bottom: 15px; left: 30px } #footer-logo {float: right; background: url(../images/footer-logo.png) no-repeat right top; width: 600px; height: 260px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/footer-logo.png'); margin: 0 12px 0 0 } .before-after {margin: 16px 0 0 0 ; background: url(../images/back-best-testimonial.jpg) no-repeat left bottom; min-height: 230px; _height: 230px; width:410px } .beforePhoto {float: left; padding: 0 19px 0 0; text-align: left; font-size: 18px; color: #1a1a1a; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #58403a; font-size: 18px; font-weight: bold; line-height: 150% } .testimonialCopy {color: #3e3e3e; position: absolute; top: 175px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% } #credits {width: 800px; margin: 0 auto; text-align: center } .left-col h1 {letter-spacing: -1px; line-height: 1em; min-height: 70px; _height: 70px; text-transform:capitalize; text-align: center; margin-bottom: 16px} .left-col p {padding: 0 0 0 28px} p.footerlink-titles {margin-bottom: 0; padding-top: 3px} #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} #contactform-1 .textinput { width:230px; } #boot-camp-pictures {margin: 0 auto} #boot-camp-pictures img {margin: 0 3px 6px 3px} /* *** END LAYOUT*** */ /* ***STYLES*** */ #best-testimonial h1 { padding: 0 0 0 110px; background: url(../images/heading-bug.png) no-repeat; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/heading-bug.png'); font-weight: normal; text-align:left } .left-col h1.weight {background: url(../images/heading-mark.jpg) no-repeat left top; min-height: 93px; _height: 93px; padding: 0 0 0 110px; color: #00baff; font-size: 24px; font-weight: bold; font-style: italic; line-height: 1em } .left-col h2 {padding: 15px 0 15px 12px; color: #4b4646; font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em } h1.tagline {color: #e41000; font-size: 36px; text-align: center; font-style: italic; padding: 10px 0} .recover {clear: both; line-height:0 } .italic {font-style: italic; } .handwriting-must-read {position: absolute; top: 570px; left: -20px; width:71px; height: 86px; background: url(../images/handwriting-must-read.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/handwriting-must-read.png') } .handwriting-loaded {position: absolute; top: 650px; right: -50px; width:102px; height: 237px; background: url(../images/handwriting-loaded.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/handwriting-loaded.png') } .whatyouget {font-size: 14px; margin: 0 } .txtcenter {text-align: center } .forFree {font-size: 24px } .picture-frame {border: 2px solid #00baff; padding: 4px } .testimonialName {font-size: 18px; color: #4f3631; } .side-divider {display: block; background: url(../images/side-divider.gif) no-repeat center 50% } .testimonial-divider {display: block; background: url(../images/side-testimonial-divider.gif) no-repeat center 50%; height: 28px } .sidebar p {padding: 0 15px 0 20px; margin: 0 0 5px } .before-after-sign {position:relative; margin: -37px 0 0; z-index: 5; height: 46px; background: url(../images/before-after-sign.png) no-repeat center bottom } .wide-col p {padding: 0 0 0 27px } .container-body-med {margin:0 auto; width:550px } .youwill li {font-size:16px; margin:5px 50px} .youwill-wide-jbox li {font-size:16px; margin:5px 15px} div.johnson-box { background-color:#FFFFCC; width:530px; margin:0 auto; padding:20px 10px; border:2px dashed #666 } div.dash { border:3px dashed #A635A6 !important } .testimonials {width: 844px; color: #353535; margin: 30px auto } .testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top; height: 10px; line-height: 10px } .testimonials-body { background: #bfbeb6 url(../images/back-testimonial-top.gif) no-repeat ; padding: 17px 12px 5px } .testimonials-body-left { float: left; width: 375px } .testimonials-body-right { float: right; width: 445px; padding: 40px 0 0 0 } .wide-col .testimonials-body-right p {padding: 0 } .picture-frame, .picture-frame2 {border: 2px solid #58403a; padding: 4px; background: #fffdff } .wide-col .testimonials-clientname { font-size: 26px; color: #00baff; font-style: italic; margin: 0 0 10px 0; padding: 0 } .wide-col .testimonials .testi-shout {background: url(../images/back-testi-shout.jpg) no-repeat right center; padding: 20px 0px 10px 0; text-align: right; font-size: 36px; font-weight: bold; color: #b62106; margin: 0; font-style: italic; text-transform: capitalize } .sitemap-list {margin: 15px 0 15px 30px} .listCheck {list-style-type: none; list-style-position: outside; list-style-image: none; margin-bottom: 0pt } .johnsontitle {font-weight: bold; font-size: 24px} 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:10px 20px 2px 0; width:500px;} .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 10px 10px } .emphasis {font-size: 29px} .standout {font-size: 18px} .heading1 {font-size: 40px; color: #e10000; font-weight: bold } .heading2 {font-size: 26px; color: #e10000; font-weight: bold } .heading3 {font-size: 24px; color: #e10000; font-weight: bold } .heading4 {font-size: 22px; color: #e10000; font-weight: bold } .heading5 {font-size: 20px; color: #e10000; font-weight: bold } .checklist {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: #7e0000; 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 } .spread-list li {padding: 5px 0} .contact-us-calltoaction {font-size: 29px; color:#595959; text-align:center} .company-name {color: #b62106} .asterisk-list {list-style-image:url(../images/note-start-tiny.gif); margin: 0 0 15px 60px} #btn-contest {position: absolute; left:105px; top:210px } .map-link, .map-link a {font-size:.8em;} ul.about-class-times { margin: 0 0 20px 60px;} #about-list-container {display:table; margin: 0 auto; padding: 20px 0 40px 30px; width:820px; } .about-photos {float:right; width:255px;} .about-photos ul li, ul.about-class-times li{ list-style-type:none; padding: 5px 0; } .about-list { float:left; width:530px; } .about-list ol { padding: 0px 35px 40px; } .about-list li, .faq-list dt { font-weight:bold; padding: 0 0 10px; } .about-list p { font-size:.9em; font-weight:normal; padding: 0 20px;} #faq {position:relative; width:849px; display:table; margin: 0px 0 0;} #faq-images {position:relative; float:left;width:255px;} #faq-images ul {list-style-image:none; list-style-type:none;} #faq-images ul li {padding: 0 0 100px;} .faq-list dl {margin: 0px 0;} .faq-list dd { padding: 0px 20px 20px;font-size:.9em;} a.faq-list-link { font-weight:bold; font-size:1.3em; font-style:italic;} .faq-list {position:relative; float:right; width:560px;} .faq-list p {padding: 0 0 0 15px;} .faq-list ul { padding: 5px 30px 0; } .faq-list ul li {padding: 0px 0 10px; font-size:.9em;} .faq-list-top {position:relative; width:100%;} .faq-list .faq-note {list-style-type:none; list-style-image:none;font-size:.7em; font-style:italic;} .moonray_forms {margin: 20px 0 0 25px;} div.moonray_forms fieldset label {font-family: Georgia,"Times New Roman",Times,serif; } /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 0; height: 50px; right: 36px; width:100%; } #globalnav ul {list-style: none; float: right } #globalnav ul li {float: left; padding: 0 14px 0; line-height: 33px; background: url(../images/globalnav-divider.gif) no-repeat right 11px } #globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; height: 47px } #sidebar a:link, #sidebar a:visited {color: #9d4f13; font-size: 12px; } #footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px } #footer a:active, #footer a:hover {color: #00baff; text-decoration: underline; } a.attribution:link, a.attribution:visited, a.attribution:hover {color: #666; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px; font-size: 11px; position: absolute; bottom: 1px; left: 30px} #globalnav .last {background:none !important} /* ***END NAVIGATION*** */