body{ background: #cecece url("../images/gradients/white-body.png") repeat-x; }  

/*	--------------------------------------------------
	HERO PIECE
	-------------------------------------------------- */
	
	div#hero, div#hero .slide { height: 464px; }
	div#hero-static { position: relative; width: 918px; margin: 0px -10px 0 -10px; /* background: url(../images/hero-auto.jpg) top left no-repeat; */ height: 348px; padding-left: 42px;  }
	div#hero div.hero-content { position: absolute; right: 80px; width: 350px; overflow: hidden;}
	div#hero-static div.hero-content h2, div#hero div.hero-content h2{ float: left; font-size: 45px; color: #fff; text-shadow: rgba(0,0,0,.2) 0 0 3px; padding: 10px 0 0 0; margin-bottom: 0px; font-weight: normal; margin-top: 0; }
	div#hero-static div.hero-content h2.small, div#hero div.hero-content h2.small{ float: left; font-size: 30px; margin-bottom: 10px; padding-top: 130px;  }
	div#hero-static div.hero-content span#call, div#hero div.hero-content span#call{ clear: right; float: left; font-size: 16px; color: #fff; text-shadow: rgba(0,0,0,.2) 0 0 3px; display: block; padding: 5px 15px 0 10px;}
	div#hero-static div.hero-content a, div#hero div.hero-content a { margin-right: 10px; }
	div#hero-static div.hero-content a.button, div#hero div.hero-content a.button { float: right; margin-right: 0; } 
	div#hero-static div.hero-content a.button span, div#hero div.hero-content a.button span { padding-left: 40px; padding-right: 40px; } 
	div#hero-static div.hero-content a.button:hover, div#hero div.hero-content a.button:hover { text-decoration: none;}

	div#hero-static div.hero-content {  position:absolute;right:0; width: 400px;}
	div#hero-static div.hero-content h2, div#hero-static div.hero-content h2.small, div#hero-static div.hero-content span#call { float:  !important; }	
	div#hero-static div.hero-content a { margin-right: 0px !important; margin-bottom: 10px !important;}
	div#hero-static div.hero-content a.button { float: left; !important; clear: both;}
	div#hero-static div.hero-content a.clear{ clear:both;}
	div#hero-static div.hero-content span#call { clear: both;}

	div#hero-static div.hero-content.slide1 {  position:absolute;left:40px; width: 400px;}
	div#hero-static div.hero-content.slide2 {  position:absolute;left:60px; top:40px;}
	div#hero-static div.hero-content.slide3 {   position:absolute;left:50px; top:50px; width:390px;}
	
	div#hero-static div.hero-content.slide3 h2 { padding-top:70px;}

	div#hero .slide1{ background: url(../images/heros/auto/fattract.jpg) top left no-repeat; }
	div#hero .slide2{ background: url(../images/heros/auto/fretain.jpg) top left no-repeat; display: none; }
	div#hero .slide3{ background: url(../images/heros/auto/fmeasure.jpg) top left no-repeat; display: none;}
	
	div#hero .slide1 div.hero-content { position: absolute; left: 50px; width: 422px;}
	div#hero .slide1 div.hero-content h2{ float: left; font-size: 34px; margin-bottom: 5px; padding-top: 130px; }
	div#hero .slide1 div.hero-content a.button { float: left; margin-right: 0;}
	
	div#hero .slide2 div.hero-content { position: absolute; left: 50px; width: 422px;}
	div#hero .slide2 div.hero-content h2{ float: left; font-size: 34px; margin-bottom: 5px; padding-top: 130px; }
	div#hero .slide2 div.hero-content a.button { float: left; margin-right: 0;}
	
	div#hero .slide3 div.hero-content { position: absolute; left: 570px;  width: 361px;}
	div#hero .slide3 div.hero-content h2{ float: left; font-size: 34px; margin-bottom: 5px; padding-top: 35px !important; }
	div#hero .slide3 div.hero-content a.button { float: left; margin-right: 0;}
	
	div.attract { background: url(../images/auto-attract-page-new.jpg) top left no-repeat !important;  }
	div.retain { background: url(../images/heros/auto/fmeasure_new.jpg) top left no-repeat !important;  }
	div.measure { background: url(../images/heros/auto/new-auto-measure-hdr.jpg) top left no-repeat !important;  }
	
/*  div.measure h2.small, div#hero .slide3 h2.small{ display: block }  */


/*	--------------------------------------------------
	Benefits
	-------------------------------------------------- */	
	
	ul#benefits { background: url(../images/benefit-trans-auto.png); height: 114px;}
	ul#benefits li{ border-right: 1px solid #94a6af; padding-top: 17px; height:98px;}
	ul#benefits p a.button{ margin-top: 5px; }
	ul#benefits li.active{ background: #fff7db;  }
	ul#benefits li.active span.nub { background: url(../images/nub-auto.png);}
	
	div.awards {margin-top:10px;}