/* Theme: Fitness Lifestyle * 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: #fae07f url(../images/back-body.gif) repeat-x; font: 14px Arial, Helvetica, sans-serif; color: #4b4646 } h1 {font-size:40px; color: #0eab92; font-weight: normal } .lightgreen {color: #0eab92 } h2 {font-size: 24px; color: #354052; font-weight: normal; font-style: italic; padding: 0 0 35px 0 } h3 {font-size: 18px; color: #354052; font-weight: normal; font-style: italic } h4 {font-size: 16px; color: #c0c0c0 } h5 {font-size: 14px; color: #f8d20c } h6 {font-size: 13px; color: #f8d20c } p {margin-bottom: 16px; } .footer-content p {margin-bottom: 2px; padding: 4px 0 0 0} strong {font-weight: bold } a:link {color: #095ea7; font-weight: normal; text-decoration: underline } a:visited {color: #095e75; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #0d86a9; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container, #container-bg, #footer {margin: 0 auto; } #shadow {width: 846px; position: relative; background: url(../images/back-shadow.jpg) no-repeat center top } #container {background: url(../images/back-container.gif) repeat-y center top; width: 762px } #container-bg { width: 740px; background: url(../images/back-container-bg.jpg) no-repeat center top; padding-top: 18px } #optin-container {width: 590px; height: 289px; background: url(../images/back-optin.jpg) no-repeat; margin: 0 auto; position: relative } #optin-container form {position:absolute; width: 560px; top: 222px; left: 21px; } * html body #optin-container form {top: 232px } *+html body #optin-container form {top: 232px } #optin-top-container {width: 283px; height: 394px; background: url(../images/back-top-optin.jpg) no-repeat; position: absolute; top: 188px; right: 26px } #optin-top-container form {position:absolute; width: 220px; top: 245px; left: 36px; } * html body #optin-top-container form {top: 232px } *+html body #optin-top-container form {top: 232px } #optin-top-container .textfield {width:180px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } #optin-top-container .optin-submit { background:none; border:none; cursor:pointer; height:35px; margin:0; overflow:hidden; padding-top:30px; width:222px } #heading {width: 481px } #best-testimonial-citypages {width: 572px; position: relative;margin:0 auto;} #best-testimonial-citypages p {padding: 15px 0 0 26px; margin-bottom: 0; } .left-col {width: 530px; float: left; padding: 15px 0 0 26px } #header {height: 240px } #logo {position: absolute; top: 55px; left: 75px; text-indent: -99999px } #logo a {width: 405px; height: 138px; display: block; outline: none } #optin-container .textfield {width:180px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } .wide-col {clear: both; } .wide-col-pad {clear: both; padding: 10px 27px } #footer { background: url(../images/back-footer.jpg) no-repeat center top; } #footer .footer-content {width: 721px; height: 207px; margin: 0 auto; padding: 19px 0 0 30px; color: #fff; font-size: 11px; position: relative } #footer ul.footerlinks {list-style: none; margin:0 0 18px 0 } #footer ul.footerlinks li {color: #fff; float: left } #copyright {position: absolute; bottom: 1px; left: 30px } #fwflink {position: absolute; bottom: 1px; right: -66px } .before-after {margin: 16px 0 0 0 ; min-height: 230px; _height: 230px; width:410px } .beforePhoto {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #7e7d77; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #4e3731; font-size: 18px; line-height: 150% } .testimonialCopy {color: #3e3e3e; position: absolute; top: 256px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% } #guaranteed, #signup-now {width: 679px; height: 224px; background: url(../images/back-guaranteed.jpg) no-repeat left top; margin: 0 auto 30px auto; padding-top: 22px; color: #fff; clear: both} #signup-now {background: url(../images/back-signupnow.jpg) top left no-repeat } #signup-now-content { width: 515px; float: left; padding-left: 30px; text-align: left } #signup-now-btn { width: 245px; height: 33px; float: right; padding:130px 29px 0 0 } #guaranteed-content { width: 530px; float: right; padding-right: 50px; text-align: left } .testimonials {background-color: #bcc7bc; width: 679px; float: left; margin-left: 31px; color: #353535; margin-bottom: 19px; clear: both } * html body .testimonials {margin-left: 15px } *+html body .testimonials {margin-left: 15px } .testimonials-top, .testimonials-bottom {width: 679px; height: 10px; background: url(../images/back-testimonial-top.gif) no-repeat left top } .testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top } .testimonials-body { float: none } .testimonials-body-single {padding:0px 15px; text-align: left} .testimonials-body-left { float: left; width: 369px; text-align:left; padding: 45px 18px } .testimonials-body-right { float: right; width: 260px; padding: 10px 10px 0 0 } #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} /* *** END LAYOUT*** */ /* ***STYLES*** */ #heading h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #heading h2 {font-size: 24px; color: #636363; font-weight: normal; font-style: normal; padding: 0 0 0 26px } #best-testimonial-citypages h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #best-testimonial-citypages h2 {font-size: 28px; color: #354052; font-weight: bold; font-style: italic; padding: 0 0 0 26px } .recover {clear: both; line-height:0 } .recover-left {clear: left } .capitalized {text-transform: capitalize } .italic {font-style: italic; } .picture-frame, .picture-frame2 {border: 2px solid #58403a; padding: 4px } .picture-frame2 {border: 2px solid #13466f; background-color: #fff; padding: 4px } .testimonialName {font-size: 18px; color: #4f3631 } #guaranteed-content h1,#signup-now-content h1 { font-size: 24px; color: #62bea6; margin-bottom: 15px } #guaranteed a, #guaranteed a:visited, #signup-now a, #signup-now a:visited { color:#62bea6; text-decoration:underline } .testimonials-lost, .testimonials-clientname { font: 32px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3a7465; text-transform: capitalize; font-weight: bold } .testimonials-clientname { font-size: 30px; color: #3a7465; text-align: right } .phone {font-size: 30px; color: #62bea6 } .callaction, .callaction2 { color: #62bea6; font-size: 18px } .callaction2 { color: #fff } p#enlargealign-thankyou-downloadlink {font-size: 22px; text-align: center} .txtcenter {text-align: center} .youwill {font-size: 16px; margin: 0 0 0 30px} .youwill li {padding: 5px 0} .container-body-med {margin:0 auto; width:600px } ul.list {margin: 0 0 0 30px} ul.list li {padding: 0 0 5px 0} .underline {text-decoration: underline} .johnson-box {background-color:#daeaed;border:3px dashed #000000;margin:0 auto;padding:20px 30px;width:580px } .johnson-box-gray {background-color:#eee;border:1px dashed #222;margin:0 auto;padding:20px 30px;width:500px; font-size:11px } .johnson-box ul {font-size: 16px; margin: 0 0 0 30px} .johnson-box li {padding: 5px 0} .call-me {font-size: 29px; text-decoration: underline; text-align: center} .standout {font-size: 20px} .emphasis {font-size: 34px} .style-businessname {color: #478d77; font-weight: bold; font-style:italic} .darkgreen {color: #315c51} .huge-emphasis {font-size: 40px} .extra-huge-emphasis {font-size: 46px} .plain {color: #4b4646} /*.cartoon-B {background: url(../images/cartoon-B.gif) no-repeat; width: 112px; height: 113px; position: absolute; top: 227px; left: 0px}*/ .rightimg {float:right; margin: 0 0 10px 10px } .wide-col-pad ul, .wide-col-pad ol {margin: 0 0 15px 40px } .optin-submit {background:none; border:none; cursor:pointer; height:35px; margin:0; overflow:hidden; padding-top:30px; width:222px } #schedule td, #schedule th { padding: 5px 2px; text-align:center;} #schedule th, #schedule .schedule_time {font-weight:bold; } #video { margin: 0 auto 20px auto; width: 481px } #video-frame { background-color: #dedede; padding: 16px; width: 449px } table#class-descriptions {border-collapse: collapse} table#class-descriptions th {font-weight: bold; text-align: center !important; padding: 0 5px; width:150px; border: solid #000000 1px} table#class-descriptions td {padding: 5px 2px; border: solid #000000 1px} /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 0; height: 35px; left: 70px; } #globalnav ul {list-style: none; width:880px } #globalnav ul li {float: left; padding: 0 9px 0; line-height: 35px; background: url(../images/globalnav-divider.gif) no-repeat right top } #globalnav ul li.last {background: none } #globalnav a:link, #globalnav a:visited {color: #54a99c; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif } #searchbox { float: right; padding-top:2px } #sitemap-table a {font-weight: bold } .search { border: 1px solid #9e7465; background-color: #ece9dd; color:#58413d } #footer {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff } #footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px } #footer a:active, #footer a:hover {color: #fff; text-decoration: underline; } .attribution {color: #fff !important; font-size:11px !important } /* ***END NAVIGATION*** */ /* Theme: Fitness Lifestyle * 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: #fae07f url(../images/back-body.gif) repeat-x; font: 14px Arial, Helvetica, sans-serif; color: #4b4646 } h1 {font-size:40px; color: #0eab92; font-weight: normal } .lightgreen {color: #0eab92 } h2 {font-size: 24px; color: #354052; font-weight: normal; font-style: italic; padding: 0 0 35px 0 } h3 {font-size: 18px; color: #354052; font-weight: normal; font-style: italic } h4 {font-size: 16px; color: #c0c0c0 } h5 {font-size: 14px; color: #f8d20c } h6 {font-size: 13px; color: #f8d20c } p {margin-bottom: 16px; } .footer-content p {margin-bottom: 2px; padding: 4px 0 0 0} strong {font-weight: bold } a:link {color: #095ea7; font-weight: normal; text-decoration: underline } a:visited {color: #095e75; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #0d86a9; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container, #container-bg, #footer {margin: 0 auto; } #shadow {width: 846px; position: relative; background: url(../images/back-shadow.jpg) no-repeat center top } #container {background: url(../images/back-container.gif) repeat-y center top; width: 762px } #container-bg { width: 740px; background: url(../images/back-container-bg.jpg) no-repeat center top; padding-top: 18px } #optin-container {width: 590px; height: 289px; background: url(../images/back-optin.jpg) no-repeat; margin: 0 auto; position: relative } #optin-container form {position:absolute; width: 560px; top: 222px; left: 21px; } * html body #optin-container form {top: 232px } *+html body #optin-container form {top: 232px } #optin-top-container {width: 283px; height: 394px; background: url(../images/back-top-optin.jpg) no-repeat; position: absolute; top: 188px; right: 26px } #optin-top-container form {position:absolute; width: 220px; top: 245px; left: 36px; } * html body #optin-top-container form {top: 232px } *+html body #optin-top-container form {top: 232px } #optin-top-container .textfield {width:180px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } #heading {width: 481px } #best-testimonial-citypages {width: 572px; position: relative;margin:0 auto;} #best-testimonial-citypages p {padding: 15px 0 0 26px; margin-bottom: 0; } .left-col {width: 530px; float: left; padding: 15px 0 0 26px } #header {height: 240px } #logo {position: absolute; top: 55px; left: 75px; text-indent: -99999px } #logo a {width: 405px; height: 138px; display: block; outline: none } #optin-container .textfield {width:180px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } .wide-col {clear: both; } .wide-col-pad {clear: both; padding: 10px 27px } #footer { background: url(../images/back-footer.jpg) no-repeat center top; } #footer .footer-content {width: 721px; height: 207px; margin: 0 auto; padding: 19px 0 0 30px; color: #fff; font-size: 11px; position: relative } #footer ul.footerlinks {list-style: none; margin:0 0 18px 0 } #footer ul.footerlinks li {color: #fff; float: left } #copyright {position: absolute; bottom: 1px; left: 30px } #fwflink {position: absolute; bottom: 1px; right: -66px } .before-after {margin: 16px 0 0 0 ; min-height: 230px; _height: 230px; width:410px } .beforePhoto {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #7e7d77; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #4e3731; font-size: 18px; line-height: 150% } .testimonialCopy {color: #3e3e3e; position: absolute; top: 256px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% } #guaranteed, #signup-now {width: 679px; height: 224px; background: url(../images/back-guaranteed.jpg) no-repeat left top; margin: 0 auto 30px auto; padding-top: 22px; color: #fff; clear: both} #signup-now {background: url(../images/back-signupnow.jpg) top left no-repeat } #signup-now-content { width: 515px; float: left; padding-left: 30px; text-align: left } #signup-now-btn { width: 245px; height: 33px; float: right; padding:130px 29px 0 0 } #guaranteed-content { width: 530px; float: right; padding-right: 50px; text-align: left } .testimonials {background-color: #bcc7bc; width: 679px; float: left; margin-left: 31px; color: #353535; margin-bottom: 19px; clear: both } * html body .testimonials {margin-left: 15px } *+html body .testimonials {margin-left: 15px } .testimonials-top, .testimonials-bottom {width: 679px; height: 10px; background: url(../images/back-testimonial-top.gif) no-repeat left top } .testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top } .testimonials-body { float: none } .testimonials-body-single {padding:0px 15px; text-align: left} .testimonials-body-left { float: left; width: 369px; text-align:left; padding: 45px 18px } .testimonials-body-right { float: right; width: 260px; padding: 10px 10px 0 0 } #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} /* *** END LAYOUT*** */ /* ***STYLES*** */ #heading h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #heading h2 {font-size: 24px; color: #636363; font-weight: normal; font-style: normal; padding: 0 0 0 26px } #best-testimonial-citypages h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #best-testimonial-citypages h2 {font-size: 28px; color: #354052; font-weight: bold; font-style: italic; padding: 0 0 0 26px } .recover {clear: both; line-height:0 } .recover-left {clear: left } .capitalized {text-transform: capitalize } .italic {font-style: italic; } .picture-frame, .picture-frame2 {border: 2px solid #58403a; padding: 4px } .picture-frame2 {border: 2px solid #13466f; background-color: #fff; padding: 4px } .testimonialName {font-size: 18px; color: #4f3631 } #guaranteed-content h1,#signup-now-content h1 { font-size: 24px; color: #62bea6; margin-bottom: 15px } #guaranteed a, #guaranteed a:visited, #signup-now a, #signup-now a:visited { color:#62bea6; text-decoration:underline } .testimonials-lost, .testimonials-clientname { font: 32px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3a7465; text-transform: capitalize; font-weight: bold } .testimonials-clientname { font-size: 30px; color: #3a7465; text-align: right } .phone {font-size: 30px; color: #62bea6 } .callaction, .callaction2 { color: #62bea6; font-size: 18px } .callaction2 { color: #fff } p#enlargealign-thankyou-downloadlink {font-size: 22px; text-align: center} .txtcenter {text-align: center} .youwill {font-size: 16px; margin: 0 0 0 30px} .youwill li {padding: 5px 0} .container-body-med {margin:0 auto; width:600px } ul.list {margin: 0 0 0 30px} ul.list li {padding: 0 0 5px 0} .underline {text-decoration: underline} .johnson-box {background-color:#daeaed;border:3px dashed #000000;margin:0 auto;padding:20px 30px;width:580px } .johnson-box-gray {background-color:#eee;border:1px dashed #222;margin:0 auto;padding:20px 30px;width:500px; font-size:11px } .johnson-box ul {font-size: 16px; margin: 0 0 0 30px} .johnson-box li {padding: 5px 0} .call-me {font-size: 29px; text-decoration: underline; text-align: center} .standout {font-size: 20px} .emphasis {font-size: 34px} .style-businessname {color: #478d77; font-weight: bold; font-style:italic} .darkgreen {color: #315c51} .huge-emphasis {font-size: 40px} .extra-huge-emphasis {font-size: 46px} .plain {color: #4b4646} /*.cartoon-B { background: url(../images/cartoon-B.gif) no-repeat; width: 112px; height: 113px; position: absolute; top: 630px; left: 431px }*/ .rightimg {float:right; margin: 0 0 10px 10px } .wide-col-pad ul, .wide-col-pad ol {margin: 0 0 15px 40px } .optin-submit {background:none; border:none; cursor:pointer; height:35px; margin:0; overflow:hidden; padding-top:30px; width:222px } /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 0; height: 35px; left: 70px; } #globalnav ul {list-style: none; width:880px } #globalnav ul li {float: left; padding: 0 9px 0; line-height: 35px; background: url(../images/globalnav-divider.gif) no-repeat right top } #globalnav ul li.last {background: none } #globalnav a:link, #globalnav a:visited {color: #54a99c; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif } #searchbox { float: right; padding-top:2px } #sitemap-table a {font-weight: bold } .search { border: 1px solid #9e7465; background-color: #ece9dd; color:#58413d } #footer {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff } #footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px } #footer a:active, #footer a:hover {color: #fff; text-decoration: underline; } .attribution {color: #fff !important; font-size:11px !important } /* ***END NAVIGATION*** */ /* Theme: Fitness Lifestyle * 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: #fae07f url(../images/back-body.gif) repeat-x; font: 14px Arial, Helvetica, sans-serif; color: #4b4646 } h1 {font-size:40px; color: #0eab92; font-weight: normal } .lightgreen {color: #0eab92 } h2 {font-size: 24px; color: #354052; font-weight: normal; font-style: italic; padding: 0 0 35px 0 } h3 {font-size: 18px; color: #354052; font-weight: normal; font-style: italic } h4 {font-size: 16px; color: #c0c0c0 } h5 {font-size: 14px; color: #f8d20c } h6 {font-size: 13px; color: #f8d20c } p {margin-bottom: 16px; } .footer-content p {margin-bottom: 2px; padding: 4px 0 0 0} strong {font-weight: bold } a:link {color: #095ea7; font-weight: normal; text-decoration: underline } a:visited {color: #095e75; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #0d86a9; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container, #container-bg, #footer {margin: 0 auto; } #shadow {width: 846px; position: relative; background: url(../images/back-shadow.jpg) no-repeat center top } #container {background: url(../images/back-container.gif) repeat-y center top; width: 762px } #container-bg { width: 740px; background: url(../images/back-container-bg.jpg) no-repeat center top; padding-top: 18px } #optin-container {width: 590px; height: 289px; background: url(../images/back-optin.jpg) no-repeat; margin: 0 auto; position: relative } #optin-container form {position:absolute; width: 560px; top: 222px; left: 21px; } * html body #optin-container form {top: 232px } *+html body #optin-container form {top: 232px } #optin-top-container {width: 283px; height: 394px; background: url(../images/back-top-optin.jpg) no-repeat; position: absolute; top: 188px; right: 26px } #optin-top-container form {position:absolute; width: 220px; top: 245px; left: 36px; } * html body #optin-top-container form {top: 232px } *+html body #optin-top-container form {top: 232px } #optin-top-container .textfield {width:180px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } #heading {width: 481px } #best-testimonial-citypages {width: 572px; position: relative;margin:0 auto;} #best-testimonial-citypages p {padding: 15px 0 0 26px; margin-bottom: 0; } .left-col {width: 530px; float: left; padding: 15px 0 0 26px } #header {height: 240px } #logo {position: absolute; top: 55px; left: 75px; text-indent: -99999px } #logo a {width: 405px; height: 138px; display: block; outline: none } #optin-container .textfield {width:180px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } .wide-col {clear: both; } .wide-col-pad {clear: both; padding: 10px 27px } #footer { background: url(../images/back-footer.jpg) no-repeat center top; } #footer .footer-content {width: 721px; height: 207px; margin: 0 auto; padding: 19px 0 0 30px; color: #fff; font-size: 11px; position: relative } #footer ul.footerlinks {list-style: none; margin:0 0 18px 0 } #footer ul.footerlinks li {color: #fff; float: left } #copyright {position: absolute; bottom: 1px; left: 30px } #fwflink {position: absolute; bottom: 1px; right: -66px } .before-after {margin: 16px 0 0 0 ; min-height: 230px; _height: 230px; width:410px } .beforePhoto {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #7e7d77; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #4e3731; font-size: 18px; line-height: 150% } .testimonialCopy {color: #3e3e3e; position: absolute; top: 256px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% } #guaranteed, #signup-now {width: 679px; height: 224px; background: url(../images/back-guaranteed.jpg) no-repeat left top; margin: 0 auto 30px auto; padding-top: 22px; color: #fff; clear: both} #signup-now {background: url(../images/back-signupnow.jpg) top left no-repeat } #signup-now-content { width: 515px; float: left; padding-left: 30px; text-align: left } #signup-now-btn { width: 245px; height: 33px; float: right; padding:130px 29px 0 0 } #guaranteed-content { width: 530px; float: right; padding-right: 50px; text-align: left } .testimonials {background-color: #bcc7bc; width: 679px; float: left; margin-left: 31px; color: #353535; margin-bottom: 19px; clear: both } * html body .testimonials {margin-left: 15px } *+html body .testimonials {margin-left: 15px } .testimonials-top, .testimonials-bottom {width: 679px; height: 10px; background: url(../images/back-testimonial-top.gif) no-repeat left top } .testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top } .testimonials-body { float: none } .testimonials-body-single {padding:0px 15px; text-align: left} .testimonials-body-left { float: left; width: 369px; text-align:left; padding: 45px 18px } .testimonials-body-right { float: right; width: 260px; padding: 10px 10px 0 0 } #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} /* *** END LAYOUT*** */ /* ***STYLES*** */ #heading h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #heading h2 {font-size: 24px; color: #636363; font-weight: normal; font-style: normal; padding: 0 0 0 26px } #best-testimonial-citypages h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #best-testimonial-citypages h2 {font-size: 28px; color: #354052; font-weight: bold; font-style: italic; padding: 0 0 0 26px } .recover {clear: both; line-height:0 } .recover-left {clear: left } .capitalized {text-transform: capitalize } .italic {font-style: italic; } .picture-frame, .picture-frame2 {border: 2px solid #58403a; padding: 4px } .picture-frame2 {border: 2px solid #13466f; background-color: #fff; padding: 4px } .testimonialName {font-size: 18px; color: #4f3631 } #guaranteed-content h1,#signup-now-content h1 { font-size: 24px; color: #62bea6; margin-bottom: 15px } #guaranteed a, #guaranteed a:visited, #signup-now a, #signup-now a:visited { color:#62bea6; text-decoration:underline } .testimonials-lost, .testimonials-clientname { font: 32px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3a7465; text-transform: capitalize; font-weight: bold } .testimonials-clientname { font-size: 30px; color: #3a7465; text-align: right } .phone {font-size: 30px; color: #62bea6 } .callaction, .callaction2 { color: #62bea6; font-size: 18px } .callaction2 { color: #fff } p#enlargealign-thankyou-downloadlink {font-size: 22px; text-align: center} .txtcenter {text-align: center} .youwill {font-size: 16px; margin: 0 0 0 30px} .youwill li {padding: 5px 0} .container-body-med {margin:0 auto; width:600px } ul.list {margin: 0 0 0 30px} ul.list li {padding: 0 0 5px 0} .underline {text-decoration: underline} .johnson-box {background-color:#daeaed;border:3px dashed #000000;margin:0 auto;padding:20px 30px;width:580px } .johnson-box-gray {background-color:#eee;border:1px dashed #222;margin:0 auto;padding:20px 30px;width:500px; font-size:11px } .johnson-box ul {font-size: 16px; margin: 0 0 0 30px} .johnson-box li {padding: 5px 0} .call-me {font-size: 29px; text-decoration: underline; text-align: center} .standout {font-size: 20px} .emphasis {font-size: 34px} .style-businessname {color: #478d77; font-weight: bold; font-style:italic} .darkgreen {color: #315c51} .huge-emphasis {font-size: 40px} .extra-huge-emphasis {font-size: 46px} .plain {color: #4b4646} /*.cartoon-B { background: url(../images/cartoon-B.gif) no-repeat; width: 112px; height: 113px; position: absolute; top: 630px; left: 431px }*/ .rightimg {float:right; margin: 0 0 10px 10px } .wide-col-pad ul, .wide-col-pad ol {margin: 0 0 15px 40px } .optin-submit {background:none; border:none; cursor:pointer; height:35px; margin:0; overflow:hidden; padding-top:30px; width:222px } /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 0; height: 35px; left: 70px; } #globalnav ul {list-style: none; width:880px } #globalnav ul li {float: left; padding: 0 9px 0; line-height: 35px; background: url(../images/globalnav-divider.gif) no-repeat right top } #globalnav ul li.last {background: none } #globalnav a:link, #globalnav a:visited {color: #54a99c; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif } #searchbox { float: right; padding-top:2px } #sitemap-table a {font-weight: bold } .search { border: 1px solid #9e7465; background-color: #ece9dd; color:#58413d } #footer {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff } #footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px } #footer a:active, #footer a:hover {color: #fff; text-decoration: underline; } .attribution {color: #fff !important; font-size:11px !important } /* ***END NAVIGATION*** */ /* Theme: Fitness Lifestyle * 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: #fae07f url(../images/back-body.gif) repeat-x; font: 14px Arial, Helvetica, sans-serif; color: #4b4646 } h1 {font-size:40px; color: #0eab92; font-weight: normal } .lightgreen {color: #0eab92 } h2 {font-size: 24px; color: #354052; font-weight: normal; font-style: italic; padding: 0 0 35px 0 } h3 {font-size: 18px; color: #354052; font-weight: normal; font-style: italic } h4 {font-size: 16px; color: #c0c0c0 } h5 {font-size: 14px; color: #f8d20c } h6 {font-size: 13px; color: #f8d20c } p {margin-bottom: 16px; } .footer-content p {margin-bottom: 2px; padding: 4px 0 0 0} strong {font-weight: bold } a:link {color: #095ea7; font-weight: normal; text-decoration: underline } a:visited {color: #095e75; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #0d86a9; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container, #container-bg, #footer {margin: 0 auto; } #shadow {width: 846px; position: relative; background: url(../images/back-shadow.jpg) no-repeat center top } #container {background: url(../images/back-container.gif) repeat-y center top; width: 762px } #container-bg { width: 740px; background: url(../images/back-container-bg.jpg) no-repeat center top; padding-top: 18px } #optin-container {width: 590px; height: 289px; background: url(../images/back-optin.jpg) no-repeat; margin: 0 auto; position: relative } #optin-container form {position:absolute; width: 560px; top: 233px; left: 21px; } * html body #optin-container form {top: 232px } *+html body #optin-container form {top: 232px } #optin-top-container {width: 283px; height: 394px; background: url(../images/back-top-optin.jpg) no-repeat; position: absolute; top: 188px; right: 26px } #optin-top-container form {position:absolute; width: 220px; top: 245px; left: 36px; } * html body #optin-top-container form {top: 232px } *+html body #optin-top-container form {top: 232px } #optin-top-container .textfield {width:190px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } #heading {width: 481px } #best-testimonial-citypages {width: 572px; position: relative;margin:0 auto;} #best-testimonial-citypages p {padding: 15px 0 0 26px; margin-bottom: 0; } .left-col {width: 530px; float: left; padding: 15px 0 0 26px } #header {height: 240px } #logo {position: absolute; top: 55px; left: 75px; text-indent: -99999px } #logo a {width: 405px; height: 138px; display: block; outline: none } #optin-container .textfield {width:180px; height:25px; padding:2px 5px; color: #555; border:none; background:transparent; font-size:14px } .wide-col {clear: both; } .wide-col-pad {clear: both; padding: 10px 27px } #footer { background: url(../images/back-footer.jpg) no-repeat center top; } #footer .footer-content {width: 721px; height: 207px; margin: 0 auto; padding: 19px 0 0 30px; color: #fff; font-size: 11px; position: relative } #footer ul.footerlinks {list-style: none; margin:0 0 18px 0 } #footer ul.footerlinks li {color: #fff; float: left } #copyright {position: absolute; bottom: 1px; left: 30px } #fwflink {position: absolute; bottom: 1px; right: -66px } .before-after {margin: 16px 0 0 0 ; min-height: 230px; _height: 230px; width:410px } .beforePhoto {float: left; padding: 0 19px 0; text-align: left; font-size: 18px; color: #7e7d77; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #4e3731; font-size: 18px; line-height: 150% } .testimonialCopy {color: #3e3e3e; position: absolute; top: 256px; right: 0; width: 186px; min-height: 200px; _height: 200px; font-size: 14px; line-height:125% } #guaranteed, #signup-now {width: 679px; height: 224px; background: url(../images/back-guaranteed.jpg) no-repeat left top; margin: 0 auto 30px auto; padding-top: 22px; color: #fff; clear: both} #signup-now {background: url(../images/back-signupnow.jpg) top left no-repeat } #signup-now-content { width: 515px; float: left; padding-left: 30px; text-align: left } #signup-now-btn { width: 245px; height: 33px; float: right; padding:130px 29px 0 0 } #guaranteed-content { width: 530px; float: right; padding-right: 50px; text-align: left } .testimonials {background-color: #bcc7bc; width: 679px; float: left; margin-left: 31px; color: #353535; margin-bottom: 19px; clear: both } * html body .testimonials {margin-left: 15px } *+html body .testimonials {margin-left: 15px } .testimonials-top, .testimonials-bottom {width: 679px; height: 10px; background: url(../images/back-testimonial-top.gif) no-repeat left top } .testimonials-bottom { background: url(../images/back-testimonial-bottom.gif) no-repeat left top } .testimonials-body { float: none } .testimonials-body-single {padding:0px 15px; text-align: left} .testimonials-body-left { float: left; width: 369px; text-align:left; padding: 45px 18px } .testimonials-body-right { float: right; width: 260px; padding: 10px 10px 0 0 } #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} /* *** END LAYOUT*** */ /* ***STYLES*** */ #heading h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #heading h2 {font-size: 24px; color: #636363; font-weight: normal; font-style: normal; padding: 0 0 0 26px } #best-testimonial-citypages h1 {padding: 0 0 0 26px; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; } #best-testimonial-citypages h2 {font-size: 28px; color: #354052; font-weight: bold; font-style: italic; padding: 0 0 0 26px } .recover {clear: both; line-height:0 } .recover-left {clear: left } .capitalized {text-transform: capitalize } .italic {font-style: italic; } .picture-frame, .picture-frame2 {border: 2px solid #58403a; padding: 4px } .picture-frame2 {border: 2px solid #13466f; background-color: #fff; padding: 4px } .testimonialName {font-size: 18px; color: #4f3631 } #guaranteed-content h1,#signup-now-content h1 { font-size: 24px; color: #62bea6; margin-bottom: 15px } #guaranteed a, #guaranteed a:visited, #signup-now a, #signup-now a:visited { color:#62bea6; text-decoration:underline } .testimonials-lost, .testimonials-clientname { font: 32px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3a7465; text-transform: capitalize; font-weight: bold } .testimonials-clientname { font-size: 30px; color: #3a7465; text-align: right } .phone {font-size: 30px; color: #62bea6 } .callaction, .callaction2 { color: #62bea6; font-size: 18px } .callaction2 { color: #fff } p#enlargealign-thankyou-downloadlink {font-size: 22px; text-align: center} .txtcenter {text-align: center} .youwill {font-size: 16px; margin: 0 0 0 30px} .youwill li {padding: 5px 0} .container-body-med {margin:0 auto; width:600px } ul.list {margin: 0 0 0 30px} ul.list li {padding: 0 0 5px 0} .underline {text-decoration: underline} .johnson-box {background-color:#daeaed;border:3px dashed #000000;margin:0 auto;padding:20px 30px;width:580px } .johnson-box-gray {background-color:#eee;border:1px dashed #222;margin:0 auto;padding:20px 30px;width:500px; font-size:11px } .johnson-box ul {font-size: 16px; margin: 0 0 0 30px} .johnson-box li {padding: 5px 0} .call-me {font-size: 29px; text-decoration: underline; text-align: center} .standout {font-size: 20px} .emphasis {font-size: 34px} .style-businessname {color: #478d77; font-weight: bold; font-style:italic} .darkgreen {color: #315c51} .huge-emphasis {font-size: 40px} .extra-huge-emphasis {font-size: 46px} .plain {color: #4b4646} .cartoon-B { background: url(../images/cartoon-B.gif) no-repeat; width: 112px; height: 113px; position: absolute; top: 590px; left: 665px } .rightimg {float:right; margin: 0 0 10px 10px } .wide-col-pad ul, .wide-col-pad ol {margin: 0 0 15px 40px } .optin-submit {background:none; border:none; cursor:pointer; height:30px; margin:-15px 0; overflow:hidden; padding:0; width:160px } .img-right {float:right; clear:left; margin: 0 0 4px 4px} .img-left {float:left; clear:right; margin: 0 4px 4px 0} /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 0; height: 35px; left: 70px; } #globalnav ul {list-style: none; width:880px } #globalnav ul li {float: left; padding: 0 9px 0; line-height: 35px; background: url(../images/globalnav-divider.gif) no-repeat right top } #globalnav ul li.last {background: none } #globalnav a:link, #globalnav a:visited {color: #54a99c; text-decoration: none; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif } #searchbox { float: right; padding-top:2px } #sitemap-table a {font-weight: bold } .search { border: 1px solid #9e7465; background-color: #ece9dd; color:#58413d } #footer {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff } #footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px } #footer a:active, #footer a:hover {color: #fff; text-decoration: underline; } .attribution {color: #fff !important; font-size:11px !important } /* ***END NAVIGATION*** */