/* Project: Palangi.com
*  Copyright Since 2010 Palangi. 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 {font: 1em arial, Geneva, sans-serif; color: #000;background:#252525 url(../images/back-body.jpg) center top;margin:0 auto;}
	
	h1 {font-size:40px; color: #f32c00 }
	
	h1 span.purple {color: #f32c00 } 
	
	h1 span.gray {color: #4e4e4e }
	
	h2 {font-size: 36px; color: #0c62a3;}
	
	h3 {font-size: 18px; color: #0C62A3 }
	
	h4 {font-size: 16px; color: #c0c0c0 }
	
	h5 {font-size: 14px; color: #f8d20c }
	
	h6 {font-size: 13px; color: #f8d20c }
	
	p {margin-bottom: 23px; letter-spacing:0.002em; }
	
	strong, .strong {font-weight: bold }
		
	a:link {color: #f32c00; font-weight: normal; text-decoration: underline }
	
	a:visited {color: #990000; font-weight: normal; text-decoration: underline }
	
	a:hover, a:active {color: #f3a600; font-weight: normal; text-decoration: underline }
/* ***END GLOBAL*** */



/* ***LAYOUT*** */
	th {font-weight:bold;padding-right:10px;}
	table {font-size:16px;}
	.entry {padding-left:38px;width:796px;}
	#sm-pic {float:right;margin-top:-60px;}
	.testimonials-body {height:822px;height:468px; background-repeat:no-repeat; background-position:center top }
	.testimonials-content {font-size:14px;color:#676767;width:330px;padding:120px 0 0 70px;}
	.testimonials-content p {margin-bottom:10px;}
	p.client {color:#0c62a3;font-weight:bold;}
	.client-name{font-size:24px;}
	.client-heading {color: #0c62a3; font-size:23px; font-weight:bold }
	#footer {background-image:url(../images/footer.jpg);width:833px;height:295px;color:#fff;font-size:16px;padding:20px 0 0 20px;}
	
	
	#shadow, #header, #center, #container, #footer, #center {margin: 0 auto; }
	
	#wrapper { /*background:url(../images/back-wrapper.gif) repeat-y center top*/}
	
	#center {background:url(../images/back-shadow.jpg) no-repeat center top; width:100%; display:table }

	/*#shadow {width: 100%; display:table; background: url(../images/back-shadow.jpg) no-repeat center top}*/
	
	.shadow-internal #shadow { }
	
	.shadow-internal #header {height:162px }
	
	#container {padding: 0;  min-height:300px;}
	
	#content {width:853px;margin:0 auto;padding:20px 0 0 0;}
	
	#optin-container {width: 311px; height: 483px; background: url(../images/back-optin.jpg) no-repeat; position: absolute; top: -43px; right: 9px;}
	
	#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: 580px; float: left; padding: 15px 0 0 26px }
	
	.right-col {width: 270px; float: right; text-align:center }
	
	#header {height: 225px; position:relative; overflow:hidden }
	#header-index {height: 640px; position:relative; overflow:hidden }
	
	#video-final {width:796px; margin:278px auto 0 }
	
	#logo {position: absolute; top: 0; left: 0; text-indent: -99999px }
	
	#logo a {width: 350px; height: 100px; display: block; outline: none }
	
	#header-video {position: absolute; top: 189px; left: 71px; width: 423px; height: 342px }
	
	#header-optin {position: absolute; top: 367px; left: 546px; width: 198px; height: 180px }
	
	#header-optin .default-input {display: block; border:none; background-color:transparent; padding:4px 12px; margin-bottom:6px; font-size:15px }
	
	#shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 69px; width: 922px; margin: 0 auto }
	
	#optin-container form {position: absolute; top: 274px; left: 36px; border: none; }
	
	#Submit {border:none; background:transparent; width:200px; height:30px; cursor:pointer; padding-top:30px; overflow:hidden }
	
	#optin-container .textfield {width:200px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:14px }
	
	#optin-container #txtName_5323 {margin:0 0 7px 8px;}
	
	#optin-container #txtEmail_5323 {margin:0 0 8px 8px;}
	
	.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 {width:928px;  background:url(../images/back-footer.jpg) repeat-y right top; padding-left:6px }
	
	#footer-wrapper {background:url(../images/back-footer-wrapper.jpg) no-repeat }	
	
	#footer .footer-content {width: 935px; margin: 0 auto; min-height: 100px; _height: 100px; padding: 145px 0 0 60px; color: #f32c00; font-size: 11px; position: relative }
	
	#footer ul.footerlinks {list-style: none; margin:0 0 33px 0; }
	
	#footer ul.footerlinks li {color: #fff; float: left; margin:0 4px 0 0 }
	*/	
	#copyright {position: absolute; top: 220px; left: 62px }
	
	#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; text-align: left; font-size: 18px; color: #1a1a1a; line-height: 150%  }
	.afterPhoto {float: left; text-align: right; color: #f32c00; 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% }
	.boldguarantee {color:#111 }
/* *** END LAYOUT*** */


/* ***STYLES*** */
	#best-testimonial h1 {margin: 0 0 0 33px; padding: 0 0 0 93px; background: url(../images/heading-bug.jpg) no-repeat; letter-spacing: -1px; line-height: 1em; min-height: 130px; _height: 130px; }
	
	#container .heading-weight {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:36px; background: url(../images/bug-highkick.png) no-repeat left top; min-height: 93px; _height: 93px; padding: 19px 20px 0 106px; color: #d3261e; font-size: 28px; font-weight: bold; font-style: italic; line-height: 1em; text-transform: uppercase; letter-spacing:-.03em }
	
	.shadow-internal #container .heading-weight {text-transform:inherit }
	
	.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: #f32c00; font-size: 36px; text-align: center; font-style: italic; line-height: 2em }
	
	.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 #de2424; padding: 4px }
	
	.testimonialName {font-size: 18px; color: #f32c00; }
	
	.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:#EEEEEE; border-width:0 1px; margin:0 20px; padding:20px 10px }
	
	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 {padding: 10px 12px 0 }
	
	.testimonials-body-wide {padding: 0 15px }
	
	.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 #e32727; padding: 4px; background: #fffdff }
	
	.wide-col .testimonials-clientname { font-size: 26px; color: #e32727; 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 110px 0 0; min-width: 150px; _min-width: 150px; text-align: right; font-size: 36px; font-weight: bold; color: #f32c00; margin: 0; min-height: 79px; _height: 79px; 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 }
	
	.listCheck input {width:20px; height:20px }
	
	.johnson-box-yellow {background-color:#FFFFCC;border:3px dashed #000000;margin:0 auto 25px;padding:20px 30px }
	
	.johnsontitle {font-weight: bold; font-size: 18px}
	
	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;}
	.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:19px;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 }
	.purple {color: #e400ff }
	.red {color: #D3261E }
	.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: 35px; color: #0a4876; font-weight: bold; letter-spacing:-0.04em }
	.heading2 {font-size: 26px; color: #e10000; font-weight: bold }
	.heading3 {font-size: 24px; color: #0b4068; font-weight: bold }
	.heading4 {font-size: 22px; color: #595959; font-weight: bold }
	.heading5 {font-size: 20px; color: #273e4f; font-weight: bold }
	.checklist {margin: 0 0 15px 60px; list-style:none }
	.checklist li {background:url(../images/icon-arrow.png) no-repeat left top; padding:6px 0 20px 40px }
	
	.extraindent {margin: 0 0 15px 100px }
	.checklist li.check {background:url(../images/icon-check.png) no-repeat left top }
	
	.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}
	.recover-left {clear: left }
	.calltoaction {font-size:38px; color: #f32c00; font-weight:bold; letter-spacing:-.005em; }
	.left-col ol, .left-col ul {margin:0 0 15px 30px }
	
	.headline-main, .headline-main-sub {color:#0c62a3; font-weight:bold; font-family:Impact, Arial, Helvetica, sans-serif; letter-spacing:-0.02em; text-align:center; line-height:120%; font-size:34px; width:673px; margin:0 auto; padding-bottom:15px }
	.headline-main-sub {letter-spacing:0;color:#000;font-size:25px;}
	.headline-sub {color:#0b4068; text-align:center; font-size:18px; width:673px; margin:0 auto; padding-bottom:61px }
	.yellowhighlight {background:#fdfbc8; padding:0 6px}
	
	.internalpage {background:url(../images/back-shadow-internal.jpg) no-repeat center top !important }	#wrapper {background:url(../images/back-shadow-internal.jpg) no-repeat center top !important }
	
	.step-container {width:550px; padding:15px;border:2px solid #333;-moz-border-radius:6px;-webkit-border-radius:6px;-moz-box-shadow: 0 0 50px #ccc;-webkit-box-shadow: 0 0 50px #ccc; margin:0 auto }
	.step-container p {margin-bottom:8px }		.class-option {margin:25px auto; width:500px;}	.class-option form {float:right;}	.class-option p {}	.small-print {font-style:italic; font-size:0.7em;width:100%;margin:40px auto 20px;}
	
	.disclaimer {font:10px Arial, Helvetica, sans-serif;width:100%; height:180px; color:#666; border:1px solid #ccc; background:#eee  }
	
	.faq {font-size:14px }
	
	.faqnumber {color:#8dbc27; font-size:18px }
/* *** END STYLES*** */




/* *** NAVIGATION *** */
	#globalnav {position: absolute; top: 0; height: 50px; right: 36px; width:800px; }
	
	#globalnav ul {list-style: none; float: right }
	
	#globalnav ul li {float: left; padding: 0 20px 0; line-height: 33px; background: url(../images/nav-divider.jpg) no-repeat right 2px }
	
	#globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-weight: 100; font-size: 12px; height: 47px }
	
	#globalnav a:hover, #globalnav a:active {color: #ffb900 }
	
	#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; font-weight:bold }
	
	#footer a:active, #footer a:hover {color: #fff; text-decoration: underline }
	
	#footer a.attribution:link, #footer a.attribution:visited, #footer a.attribution:hover {color: #706969; text-align: center; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px }
	
	.faq a:link, .faq a:visited {color:#273E4F; text-decoration:none }
	
/* ***END NAVIGATION*** */


/* Overlay */
.modal, .modal-terms {
	background:#fff;
	display:none;
	width:703px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	z-index:99;
	min-height:370px; _height:370px;

	opacity:1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
.modal { 	background: #fff url(../images/back-modal.jpg) no-repeat center 50px;	}
.modal h2 {
	margin:0px;
	padding:2px 0 18px 5px;
	font-size:20px;
}.workout { margin: 0 0 50px; }
.workout h3 {padding:0 0 10px 0;}
.workout p { float:left;width:322px; }
.workout img {	width:185px;	}
.workout-thumb img {	width:200px;}
.workout-media {	float:left;	height:200px;	padding: 0 10px 10px;}
.workout-media img {	float:left;	margin:20px 0 0;	}

#optinform {padding:196px 0 0 280px }
#optinform .textfield {background:none; border:none; padding:7px 4px; font-size:12px; width:174px }