/* Theme: nycbootcamp * Copyright 2009 nycbootcamp.com 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: #0282b3 url(../images/back-body.gif) repeat; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #383838 } h1 {font-size: 30px; color: #035C94 } h1 span.yellow {color: #ff9600 } h1 span.gray {color: #4e4e4e } h2 {font-size: 24px; color: #ff9600; padding: 0; } h3 {font-size: 18px; color: #ff9600 } h4 {font-size: 16px; color: #ff9600 } h5 {font-size: 14px; color: #000 } h6 {font-size: 13px; color: #ff9600 } p {margin-bottom: 23px; } strong {font-weight: bold } a:link {color: #e10000; font-weight: normal; text-decoration: underline } a:visited {color: #990000; font-weight: normal; text-decoration: underline } a:hover, a:active {color: #ff0000; font-weight: normal; text-decoration: underline } /* ***END GLOBAL*** */ /* ***LAYOUT*** */ #shadow, #header, #container, #footer {margin: 0 auto; } #outer-shadow {background: url(../images/back-header.jpg) no-repeat center 14px; } #shadow {width: 995px; position: relative } #headline-section {position: absolute; width: 700px; left: 150px; top: 245px } #container {background: #fff; width: 708px; padding: 20px 17px 30px 17px } #optin-container { width: 551px; height: 291px; background: url(../images/get-this-first.jpg) no-repeat; margin: 0 auto; position: relative } #optin-container form {top: 208px; left: 205px; position: absolute; width: 255px } #best-testimonial {width: 572px; 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: 530px; float: left; padding: 15px 0 0 26px } .checkmark {list-style-image: url(../images/check-mark.gif) } #header {height: 170px } #logo { position: absolute; top: 5px; left: 140px; text-indent: -99999px; width: 300px; height: 74px } #logo a {width: 300px; height: 140px; display: block; outline: none } #optin-container input.getnow { margin: -8px 0 0 6px } #optin-container .textfield {width: 160px; padding: 0 12px; height:21px; border:none; font-size:12px; margin: 0 0 3px 0; color: #666 } #optin-container #Contact0FirstName {margin:0 0 7px 8px;} #optin-container #Contact0Email {margin:0 0 8px 8px;} #optin-container .submit {border: 1px solid #ca7b2e; background: #f8dcc1; color: #743f0c; font-size: 12px; padding: 0 10px; cursor: pointer } .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; width: 700px; margin: 0 auto } .wide-col-open {clear: both } #container p {line-height: 150% } #footer { width: 742px; margin: 0 auto 30px auto; background: #353535 url(../images/back-footer.gif) no-repeat center bottom; text-align: center } #footer .footer-content { min-height: 150px; _min-height: 155px; padding: 29px 0 0 21px; color: #fff; font-size: 11px; text-align: center } #footer ul.footerlinks {list-style: none; text-align: center } #footer ul.footerlinks li {color: #fff; } .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; text-align: left; font-size: 18px; color: #1a1a1a; line-height: 150% } .afterPhoto {float: left; text-align: right; color: #e32727; 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% } /* *** END LAYOUT*** */ /* ***STYLES*** */ #headline-section h1.pagetop {font-size: 14px; font-weight: bold; font-style: normal; letter-spacing: 0 } #headline-section h1 { letter-spacing: -1px; font-style: italic } .emphasis {color: #333; font-size: 115% } h2.intro {color: #ae88ca; width: 600px; margin: 0 auto; font-size: 22px } .left-col h2 {padding: 15px 0 15px 12px; color: #4b4646; font-size: 18px; font-weight: normal; font-style: italic; line-height: 1.5em } .wide-col ul { margin: 0 0 0 60px } .wide-col li { margin: 15px 0 } .recover {clear: both; line-height:0 } .italic {font-style: italic; } .handwriting-free {position: relative; margin: -140px 0 0 -280px; width: 141px; height: 148px; background: url(../images/handwriting-free.jpg) no-repeat } .handwriting-voted-no1 {position: relative; margin: -140px -680px 0 0; width: 117px; height: 168px; background: url(../images/handwriting-voted-no1.jpg) no-repeat } .handwriting-hottest {position: relative; margin: -140px -680px 0 0; width: 170px; height: 236px; background: url(../images/handwriting-hottest.gif) no-repeat } .whatyouget {font-size: 14px; margin: 0 } .txtcenter {text-align: center } .forFree {font-size: 24px } .picture-frame {border: 2px solid #de2424; padding: 4px } .testimonialName {font-size: 18px; color: #ff0000; } .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 } ul.youwill li {font-size:16px; margin-left:30px } div.johnson-box { background-color:#FFFFCC; border-width:0 1px; margin:20px; padding:20px 10px } div.dash { border:3px dashed #000 !important } .skyblue {color: #60afcf } .copywrite {font-size: 11px } #container .test2 {background:url(../images/beforeafterbg2.jpg) no-repeat } #container .test3 {background:url(../images/beforeafterbg3.jpg) no-repeat } #container .test4 {background:url(../images/beforeafterbg4.jpg) no-repeat } .beforeafter {background:url(../images/beforeafterbg.jpg) no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:14px;} .h7 { color:#F07419;font-size:20px } /* *** END STYLES*** */ /* *** NAVIGATION *** */ #globalnav {position: absolute; top: 162px; height: 50px; left: 75px; } #globalnav ul {list-style: none } #globalnav ul li {float: left; padding: 0 25px 0; line-height: 47px; background: url(../images/globalnav-divider.gif) no-repeat right 3px } #globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-weight: bold; font-size: 15px; 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: #fff; text-decoration: underline; } #footer a.attribution:link, #footer a.attribution:visited, #footer a.attribution:hover {color: #f5f5f5; position: absolute; bottom: 5px; text-align: center; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px } /* ***END NAVIGATION*** */