/* Project: yorbalindafitnesssuccess.com

*  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: #710040 url(../images/bak-shadow.gif) repeat-x; font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4a4a4a }



strong {font-weight: bold }

	

h1 {font-size:36px; color: #de090b }



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



h3 {font-size:18px; color: #de090b }



h4 {font-size:16px; color: #333 }



h5 {font-size:14px; color: #de090b }



p {margin-bottom: 23px }



a:link, a:visited {color: #de090b; font-weight: normal; text-decoration: none }



a:hover, a:active {color: #96630b; font-weight: normal; text-decoration: underline }



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













/* ***LAYOUT*** */



#shadow, #header, #content, #navi, #contents-bottom, #footer {margin: 0 auto }



#shadow {background: url(../images/bak-container.gif) repeat-y center top; width: 1000px; position: relative; margin: 0 auto } /*margin:24px auto 0 */



* html body #shadow {background: url(../images/bak-container-ie.gif) repeat-y center top }



#container {padding: 11px 0 0 66px; background: url(../images/bak-container-top.jpg) no-repeat 58px 0; width:861px }



.left-col {width: 540px }



#header {height: 189px; background: url(../images/bak-header.jpg) no-repeat }



#site-id {position: relative }



#site-id a {width: 278px; height: 65px; display: block; position: relative; left: 50px; top: 10px }



#site-id span {margin-left: -5000px }



#shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 69px; width: 922px; margin: 0 auto }



#optinbox {background: url(../images/bak-optinbox.jpg) no-repeat; 	position: absolute; top:134px; right: 49px; width: 339px; height: 600px;  }



#optinbox form {position: absolute; top: 254px; right: 50px; border: none }



#optinbox .textfield {width:170px; height:16px; padding:2px 5px; border:none; background:transparent; font-size:12px }



#optinbox #txtName_484 {margin:0 0 7px 50px;}







#optinbox #txtEmail_484 {margin:0 0 10px 50px;}











#footer {height: 250px; padding: 0 0 70px 0; background: url(../images/bak-footer.gif) repeat-x 0 26px }







#footer .footer-content {width: 920px; margin: 0 auto; min-height: 246px; _min-height:246px; padding: 45px 0 0 80px; 



						 background: url(../images/bak-footer-logo.jpg) no-repeat right top; color: #f669b8 }







#footer ul {list-style: none; margin:2px 0 25px 0 }







#footer li {color: #FFF; float: left; padding: 0 0 0 4px }







.testimonials {background-color: #dbdbdb; float: left; width: 822px; padding: 10px 20px 0; margin:0 auto 30px;}







.testimonials-left {width: 410px; float: left }



.testimonials-left p {font-size: 12px}



.testimonials-right {float: right }







#result-list {padding-left: 180px }







#result-list ul li {padding-bottom: 10px }







#copyright {padding-top: 53px; font-size: 12px }











/* ***STYLES*** */



	.recover {clear: both }



	



	#container h1 {font-size:30px; color: #cf4da0; text-transform: uppercase; line-height: 34px; font-style: italic; background: url('../images/symbol_h1.png') no-repeat -1px center; 



				   padding-left: 67px; min-height: 73px }



	



	#container .testimonials h1 {font-size: 32px }



	



	#container h2 {font-style: italic; padding: 15px 0 25px 0; line-height: 105%; font-size: 24px }



	



	h2.h1LikeHeading {color: #de090b; font-size: 24px; text-transform: uppercase }



	



	.call2action {padding:0 0 15px;  }



	



	.italic {font-style: italic }



	



	h1.name {height: 53px; margin-bottom: 10px; padding-top: 20px }



	



	#container h1.phone {background-image: none; padding:0 }



	



	.result-guaranteed {}



	



	.info {font-size: 20px }



	



	.phone {font-size: 36px; font-weight: bold; color: #ff0155 } 



	



	.emphasis {color: #000 }



	



	.red {color: #ff0155 }



	



	.center {text-align:center }



	



	.container-body-wide {margin:0 auto; width:600px }



	



	.point {font-size:16px }



	



	.container-body p, .medtext {font-size:16px }



	



	.container-body-wider {margin:0 auto; width:720px; clear:both }



	



	.tinytext {font-size:8pt; line-height:normal }



	



	.left-col p, .left-col h4, .readPad {padding-left: 10px !important }



	



	.johnsonbox-yellow {background-color:#FFFFCC; border:3px dashed #000000; margin:0 auto; padding:15px 40px; width:620px }



	



	.johnsonbox-yellow li {margin: 8px 0}



	



	.callout {font-size:18px }



	



	.signup-form {background: #EFEFEF; border:3px solid #333 }



	



	.signup-form td {font-weight: bold; padding:5px }



	



	.back-eye-catcher {background: url(../images/back-eye-catcher.jpg) no-repeat; height: 384px; width:857px; margin: 5px auto; color:#fff }



	



	.noshield {background-image: none !important }





	.fst-results {color: #de090b; font-weight: bold; font-style: italic }

	

	#location {position: absolute; top:405px; left: 24px }

	#free-sat {position: absolute; top:463px; left: 24px }

	#sign-up-now {position: absolute; top:525px; left: 24px }


	.txtcenter {text-align: center }

	.johnson-box {background-color:#eee;border-width:0 1px;margin:0 20px;padding:20px 10px;}

	.johnson-box-yellow {background-color:#fde7fa; border:3px dashed #000; margin:0 auto; padding:2px 20px; width:620px;}

	.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: 530px; margin:0 auto; background:#fbeaf5; border:2px solid #CF4DA0; padding:15px }

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

	.red {color: #fc0000 !important }

	.pink {color: #d41f92 !important }

	.blue {color: #00406e !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: 16px}

	.heading1 {font-size: 40px; color: #cf4da0; font-weight: bold }

	.heading2 {font-size: 26px; color: #e13000; font-weight: bold }

	.heading3 {font-size: 24px; color: #4b4646; font-weight: bold }

	.heading4 {font-size: 22px; color: #000; font-weight: bold }

	.heading5 {font-size: 20px; color: #f8d20c; 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: #006dba; 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}

	.yellowhighlight {background: #ff6}

	.recover-left {clear: left }

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

	ul.list-right li {padding: 5px 0 0 0}

	ul.youwill {margin-left: 30px; font-size: 16px;}

	ul.youwill li {padding: 5px 0 0 0}

	.pagetop {color:#000000;font-size:14px !important;line-height:21px !important;margin:0;padding:0 75px 20px 0;text-align:left !important }

	

	#topline {background:#faa722; height:26px; line-height:26px }

	

	.home #topline {height:6px; line-height:6px }

	.expirationdate {width:90%; margin:0 auto; padding:5px;; text-align:center; background:#d41f92; color: #fff; font-weight: bold; font-size:24px   }

	.yescheckbox {width:20px;height:20px;}

	

	#icon-facebook {position: absolute; top: 610px; right:145px }

	#icon-twitter {position: absolute;  top: 690px; right:150px }



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



















/* *** NAVIGATION *** */



#footer a:link, #footer a:visited {color: #FFF; text-decoration: none; font-size: 12px }



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



#login a:link, #login a:visited, #login a:hover {color: #FFF }



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





#login {position: absolute; top: 0; width: 100%; height: 24px; color: #e1e1e1; font-size: 11px; background:transparent url(../images/login.png) repeat-x }

#login ul {list-style: none; float:right }

#login div {width: 880px; margin: 4px auto 0 }

#login li {float: left; margin-right: 6px }



#optin-container-wapper {background:url(../images/content-optin.jpg) no-repeat; width:867px; height:350px; position: relative }

#optin-container-wapper form {position:absolute; top:295px; left:25px }

#optin-container-wapper .textfield {background: none; border:none; width:260px;padding:2px 5px; height:23px }

#btnSub_485 {vertical-align: -13px}