/* ====================================================================================== 
	wMS  |  Main CSS                                                           
	Author: Matthew Beverly | SmashBrand | SmashBrand.com 
	Build: 1.1 | 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% 100px;  }			
	
	#mbw  { background-color: #222; }
	
	
	/* changes to core classes */
	.section      { background: url('../img/sectionbg.gif') no-repeat top center;;}
	.innerSection { background: url('../img/linebreak.png') no-repeat Top right; }
	.productHero  {  margin-bottom:-30px; }	
	
		
	/* Dynamic BG swaps | Adds class to #wrap */
	.bgPowercell_wrap {  background: url('../img/bg_Powercell.jpg') no-repeat 50% 100px!important; }			

/* ====================================================================================== //
	=SECTION STYLING
// ====================================================================================== */

	.overview    { width: 940px; height: auto; margin: 0 auto; padding-top: 200px; padding-bottom:10px; }
	.overview h2 { padding-top: 70px }
	
	.simpleHeader    { background: url('../img/sectionbg.gif') no-repeat top center; }
	
	.powercell  { width: 430px; height: auto; margin: 0 auto; padding: 60px 530px 30px 30px; }
	
	.benefits   { width: 600px; padding: 30px 30px 30px 370px; background: url('../img/bgBenefits.jpg') no-repeat top left;}
	.benefits ul.blockList li img { margin-bottom: 20px;}
	.benefits .nudge  { margin-left: 80px;}
	.benefits .nudge2 { margin-left: -50px;}
	
	.science    { width: 570px; padding: 50px 400px 30px 30px; background: url('../img/bgScience.jpg') no-repeat; margin-top: -20px;}	
	.tech       { width: 500px; padding: 50px 470px 30px 30px; background: url('../img/bgTech.jpg') no-repeat;}	
	.expect     { width: 500px; padding: 30px 50px 30px 470px; background: url('../img/bgExpect.jpg') no-repeat;}	
	.realUsersSay { width: 530px; padding: 50px 440px 40px 30px; background: url('../img/bgrealUsersSay.jpg') no-repeat; overflow:hidden}	
	
	
	.supFacts   { background: url('../img/bgSupFacts.jpg') no-repeat; margin-top: -30px; }
	.supFacts li { background: url('../img/linebreak.gif') no-repeat Top right; margin: -10px -30px 0px; padding: 40px 30px 0px;}	
	
	.faq {}
	.faq li { background: url('../img/linebreak.gif') no-repeat Top right; margin: -10px -30px 0px; padding: 40px 30px 0px;}
	
	.testimonials li { background: url('../img/linebreak.gif') no-repeat Top right; margin: -10px -30px 0px; padding: 40px 30px 0px;}
	.testimonials li img {  margin: -20px 20px 0px -30px; overflow:hidden; }

	.convertToSale    { background: url('../img/bgConvert.jpg') no-repeat; overflow:hidden;}		
	.convertToSale h2 { padding: 100px 0px 0px 50px}
	.convertToSale .productHero { margin: 0px 10px -20px -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: #fff; }
	h3 { color: #ff0000;   } 	

	/* General Styling */
	p {  }
	em { color: #aaa;  }
	strong { color: #fff; }
	blockquote { color: #ff0000; }
	
	/* Lists */
	ul { }
	ul li { }
	ol { }
	ol li {}
	ol strong {}
	
	/* Colors */
	.bright   { color:#ff0000; }  
	.key      { color:#fff; }     
	.subdued  { color:#666; font-size:90%    }  
	.alt      { color:#ff0000; }