/* ====================================================================================== 
	Section Specific CSS | LeanFX | AnabolicX.com                                                        
	Author: Matthew Beverly | SmashBrand | SmashBrand.com 
	Build: 1.0 | Jan 2010
	Last Updated: Jan 2010
====================================================================================== */	

	body  { background: #111 url('../img/bgTile.jpg') repeat-y top center; color: #999;}		
	#wrap { background: url('../img/bg.jpg') no-repeat 50% 40px; }			
	#mbw  { }
	
	/* changes to core classes */
	.section      { background: url('../img/linebreak.png') no-repeat top center;}
	.innerSection { background: url('../img/linebreak.png') no-repeat Top right; }
	.bullets li   { background-image: url('../img/arrow.gif'); background-repeat: no-repeat; background-position: 0 .5em;}
	
	/* Dynamic BG swaps | Adds class to #wrap and #mbw */	
	.bgHome_wrap {  background: url('../img/bgHome.jpg') no-repeat 50% 100px!important; }	
 	
	
/* ====================================================================================== //
	=SECTION STYLING
// ====================================================================================== */

	.overview    { width: 940px; height: auto; margin: 0 auto; padding-top: 50px; padding-bottom:0px; }
	.overview .productHero { margin-bottom:-70px; margin-top: -30px;}
	
	.simpleHeader { background: url('../img/sectionbg.png') no-repeat top center;  }
	
	.benefits   { width: 570px; padding: 30px 30px 30px 400px; background: url('../img/bgBenefits.jpg') no-repeat top left; }
	.benefits ul.blockList li img { margin-bottom: 30px;}
	
	.science    { width: 670px; padding: 50px 300px 30px 30px; background: url('../img/bgScience.jpg') no-repeat; margin-top: -20px;}	
	.expect     { width: 500px; padding: 50px 50px 30px 470px; background: url('../img/bgExpect.jpg') no-repeat;}	
	.realUsersSay { width: 530px; padding: 50px 30px 50px 440px; background: url('../img/bgrealUsersSay.jpg') no-repeat; }		

	.supFacts   { background: url('../img/bgSupFactsOFFLINE.jpg') no-repeat; margin-top: -30px; padding-left: 80px}
	.supFacts li { background: url('../img/linebreak.png') no-repeat Top right; margin: -10px -80px 0px; padding: 40px 80px 0px;}	

	.faq li { background: url('../img/linebreak.png') no-repeat Top right; }

	.testimonials li { background: url('../img/linebreak.png') no-repeat Top right;}
	.testimonials li img {  margin: -20px 20px 0px -30px; overflow:hidden; }
		
	.convertToSale    { margin-top: -80px; padding-bottom: 20px; background: url('../img/bgConvert.jpg') no-repeat;}
	.convertToSale h2 { padding: 120px 0px 0px 100px}
	.convertToSale p  { padding: 0px 0px 0px 100px; margin-top: -10px}
	.convertToSale .productHero { margin: 20px 30px -80px -30px;}
	
	.ctsExtras { background: #111 url('../img/bgCtsExtras.jpg') no-repeat;    }
	.productUpsale img { width:230px; height: 220px; margin-bottom:-45px;}
		
/* ====================================================================================== //
    =DETAILS  |  Reuseable classes for styling mini content      
// ====================================================================================== */

	/* Notify User that there is more content*/
	.linkToMore { min-height:80px;  background: url('../img/linkToMore.gif') no-repeat top left; padding-left: 80px; margin-left: -31px}

/* ====================================================================================== //
   =TYPOGRAPHY  |  String class for needed style |  EX: class="bright lg center"         
// ====================================================================================== */

	h1 {}		
	h2 { color: #ffff00; }
	h3 { color: #ffff00;  } 	

	/* General Styling */
	p { }
	em { color: #aaa;  }
	strong { color: #fff; }
	blockquote {color: #9966ff; font-size:150% }
	
	/* Colors */
	.bright   { color:#9966ff;    }   
	.key      { color:#ffff00!important; }      
	.subdued  { color:#666; font-size:90% }   
	.alt      { color:#ff0000; }