/* Theme: Prime Physique
*  Copyright 2009 primephysique.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: #4E3066 url(../images/back-body.gif) repeat-x; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #383838 }
	
	h1 {font-size: 30px; color: #4c2f64 }
	
	h1 span.yellow {color: #d5b023 } h1 span.gray {color: #4e4e4e }
	
	h2 {font-size: 24px; color: #d5b023; padding: 0; }
	
	h3 {font-size: 18px; color: #000 }
	
	h4 {font-size: 16px; color: #d5b023 }
	
	h5 {font-size: 14px; color: #000 }
	
	h6 {font-size: 13px; color: #d5b023 }
	
	p {margin-bottom: 23px; }
	
	strong {font-weight: bold }
	
	em {font-style: italic }
		
	a:link {color: #551A8B; font-weight: normal; text-decoration: underline }
	
	a:visited {color: #3c1164; font-weight: normal; text-decoration: underline }
	
	a:hover, a:active {color: #D5B023; font-weight: normal; text-decoration: underline }
/* ***END GLOBAL*** */



/* ***LAYOUT*** */
	#shadow, #header, #container, #footer {margin: 0 auto; }
	
	#outer-shadow {background: url(../images/back-outer-shadow.jpg) no-repeat center top; width: 100% }
	
	#shadow {width: 995px; position: relative }
	
	#headline-section {position: absolute; width: 700px; left: 150px; top: 245px }
	
	#container {background: url(../images/back-container.gif) repeat-y center top; width: 742px; padding: 170px 17px 0 17px; margin: 190px auto 0 auto }
	
	*+html body #container {width: 743px }
	
	.secondary #container {width: 776px; padding: 0; margin: 26px auto 0 auto }
	
	.secondary #container-image {background: url(../images/back-container-image.jpg) no-repeat center top; padding: 50px 17px 0 17px }
	
	#optin-container {width: 530px; height: 105px; background: url(../images/back-optin.jpg) no-repeat; margin: 0 auto; padding: 222px 0 0 39px }
	
	#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 }
	
	#header {height: 204px  }
	
	#logo {position: absolute; top: 36px; left: 15px; text-indent: -99999px }
	
	#logo a {width: 300px; height: 140px; display: block; outline: none }
	
	#optin-container input.getnow { margin: -8px 0 0 6px }
	
	#optin-container .textfield {width: 200px; padding: 0 12px; height:28px; border:none; background: transparent; font-size:14px }
	
	#optin-container #Contact0FirstName {margin:0 0 7px 8px;}
	
	#optin-container #Contact0Email {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; width: 700px; margin: 0 auto }
	
	.wide-col-open {clear: both }
	
	#container p {line-height: 150% }
		
	#footer {margin: 30px 0 0 0; background: #492d60 url(../images/back-footer.jpg) no-repeat }
	
	#footer .footer-content {position: relative; min-height: 255px; _min-height: 255px; padding: 29px 0 0 21px; color: #e0b119; font-size: 11px; text-align: left }
	
	#footer ul.footerlinks {list-style: none; margin:0 0 20px 0  }
	
	#footer ul.footerlinks li {color: #fff; float: left }
	
	#footer-phone {position: absolute; top: 210px;	left: 337px; width: 254px; height: 66px; background: url(../images/footer-phone-number.png) no-repeat;  
				   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/footer-phone-number.png') }
		
	#footer-brett {position: absolute; background: url(../images/footer-brett.png) no-repeat right top; width: 233px; height: 320px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/footer-brett.png'); bottom: 0; right: -40px  }
	
	* html body #footer-brett {top: -10px; }
	
	.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, h1.pagetop {font-size: 14px; font-weight: bold; font-style: normal; letter-spacing: 0 }
	
	#headline-section h1 { letter-spacing: -1px; font-style: italic; width: 610px; margin: 0 auto }
	
	h1.readoff {margin: 0 0 0 25px}
	
	.capitalize {text-transform: capitalize}
	
	.secondary {background-position: center 36px !important}
	
	.emphasis {color: #333; font-size: 115% }
	
	.purple {color: #4c2f64; font-size: 105% }
	
	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, .wide-col ol { 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: -180px 0 0 750px; width: 117px; height: 168px; background: url(../images/handwriting-voted-no1.jpg) no-repeat }
	
	.handwriting-hottest {position: relative; margin: -200px -980px 0 0; width: 170px; height: 236px; background: url(../images/handwriting-hottest.gif) no-repeat }
	
	* html body .handwriting-hottest {display: none }
	* html body .handwriting-voted-no1 {display: none }
	* html body .handwriting-free {display: none }
	
	.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:#EEEEEE; border-width:0 1px; margin:0 20px; padding:20px 10px }
	
	div.dash { border:3px dashed #A635A6 !important }
	
	.yellow {color: #d5b023 }
	
	.testi-photo-before img, .testi-photo-after img {border: 6px solid #fff; padding: 2px; background: #212121 }
	
	.testi-photo-before img {float: left}
	
	.testi-photo-before {float: right; background: url(../images/back-testi-before.gif) no-repeat left bottom; padding: 0 4px 20px 0; margin-top: 16px }
	
	.testi-photo-after {float: right; background: url(../images/back-testi-after.gif) no-repeat right bottom; padding: 0 0 20px 0; margin-top: 16px; margin-right: 10px }
	
	.testi-arrow {float: right; background: url(../images/testi-arrow.gif) no-repeat left center; width: 43px; height: 48px; margin-top: 90px }
	
	.testi-container {background: url(../images/back-testimonial-top.gif) no-repeat left top; position: relative }
	
	.testi-text {float: left; width: 335px; padding: 12px 0 100px 13px }
	
	.testi-text p {margin: 0; font-style: italic }
	
	.testi-photos {float: right; width: 365px; min-height: 288px; _height: 288px }
	
	.testi-shadow {background: #e0e0e0 url(../images/back-testimonial.jpg) no-repeat left bottom; min-height: 150px; _height: 150px; width: 718px; margin: 20px auto auto }
	
	.testi-weight {display: block; position: absolute; width:60px; height: 40px; font-size: 35px; font-weight: bold; bottom: 19px; left: 76px; color: #fff }
	
	.testi-name {font-weight: bold; font-size: 30px; color: #642a90; padding: 0 0 15px  }
	
	.testi-location {padding-left: 150px; color: #4e3065; font-weight: bold}
	
	.testi-words {color: #595959; font-weight: bold }
/* *** END STYLES*** */




/* *** NAVIGATION *** */
	#globalnav {position: absolute; top: 0; height: 50px; width: 100%; background: url(../images/back-globalnav.gif) repeat-x }
	
	#globalnav ul {list-style: none; width: 800px; margin: 0 auto; background: url(../images/globalnav-list-first.gif) no-repeat }
	
	#globalnav ul li {float: left; padding: 0 12px 0; line-height: 30px; background: url(../images/globalnav-list-first.gif) no-repeat right top }
	
	#globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-weight: normal; font-size: 11px; height: 47px; background: url(../images/globalnav-list-bullet.gif) no-repeat left center; padding: 0 0 0 8px }
	
	#globalnav a:hover {color: #ffdb33}
	
	#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*** */