body 			{ font-family: "Bell MT", serif;	font-size: 16px; margin: 0; }
a 				{ color: #8f8f8f; text-decoration: none;}
a:hover 		{ color: #1a1a1a; }
img 			{ border: none; }
li 				{ list-style: none; }
object			{ background-color: #f6f6f6; }
.clear			{ clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }

#container 		{ width: 620px; margin: 0 auto; position: relative; padding-top: 25px; }
	
	
/*
Header
*/
#header			{ background-color: #1a1a1a;	height: 55px; padding: 0px 25px 0px 8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
					border: 1px solid #1a1a1a; margin-bottom: 25px;	}
#header img 	{ float: left; margin-top: 2px;	}
#header #nav 	{ float: right; margin-top: 12px; overflow: hidden; }
#header #nav li { float: left; padding-left: 25px; }

#nav li a 		{ color: white; font-size: 25px; }
#nav li a:hover { color: #bfbfbf; }

#tooltip 		{ position:absolute; border:1px solid #333; background:#1a1a1a; padding:2px 5px; color:#FFF; display:none; }
			
#cartimg		{ margin-top: -3px; margin-left: -1px; }


/*
Main Picture/Slideshow
*/
#slidebox 		{ margin: 20px auto; padding: 10px; width: 558px; height: 318px; background-color: #f6f6f6; border: 1px solid #bfbfbf;
					-moz-border-radius: 10px; -webkit-border-radius: 10px; }	
	
#slideshow 		{ position: relative; width: 558px; height: 318px; margin: 0px; padding: 0px; z-index: 0; }
	
	
/*
3 Boxes
*/
.adbox 			{ background-color: #f6f6f6; width: 168px; height: 250px; padding: 11px; float: left; margin-right: 22px; border: 1px solid #bfbfbf;
					-moz-border-radius: 10px; -webkit-border-radius: 10px; }
.adbox:hover 	{ opacity: 0.6; filter: alpha(opacity=60);/*IE fix*/ }

#adboxlast 		{ margin: 0px; float: right; }
		
		
/*
Title and Text Boxes
*/
.infoarea 		{ margin-top: 20px; }

.pagetitle 		{ text-align: center; font-style: normal; font-weight: normal;font-size: 30px; }
	
.title 			{ color: white; background-color: #1a1a1a; background-repeat: repeat-x; -moz-border-radius-topleft: 10px; 
					-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; 
					border: 1px solid #1a1a1a; height: 25px; position: absolute; }
.title h3 		{ font-weight: normal; margin: 2px 10px 0px 10px; }
		
.textarea 		{ line-height: 23px; position: relative; top: 25px; padding-left: 20px; padding-right: 20px; background-color: #f6f6f6;
					-moz-border-radius: 0px 10px 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
					-webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 0px; border: 1px solid #bfbfbf; margin-bottom: 50px; }
	
	
/*
Tools Logos
*/
.logoarea 		{ color: white; line-height: 23px; position: relative; top: 25px; padding-left: 15px; padding-right: 15px; 
					background-color: #f6f6f6; -moz-border-radius: 0px 10px 10px 10px; -webkit-border-bottom-right-radius: 10px; 
					-webkit-border-bottom-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 0px; 
					border: 1px solid #bfbfbf; margin-bottom: 50px; }
	
#logobox 		{ height: 536px; }
#trainingboxes	{ height: 879px; }

.toprow 		{ height: 235px; margin: 15px 0px 25px 0px; }
	
.logobox 		{ background-color: #fff; padding: 10px 0px 0px 10px; border: 1px solid #bfbfbf; -moz-border-radius: 10px; 
					-webkit-border-radius: 10px; width: 275px; height: 235px; z-index: 100; }
.logobox h1 	{ text-align: right; margin: 15px 10px 0px 0px;  font-size: 35px; letter-spacing: 2px; color: #1a1a1a; font-weight: lighter; }
.logobox:nth-child(even) 	{ float: right; }
.logobox:nth-child(odd) 	{ float: left; }

.trainingbox	{ background-color: #fff; padding: 10px 0px 0px 10px; border: 1px solid #bfbfbf; -moz-border-radius: 10px; 
					-webkit-border-radius: 10px; width: 275px; height: 189px; z-index: 100; margin-top: 15px; }
.trainingbox:nth-child(even) 	{ float: right; }
.trainingbox:nth-child(odd) 	{ float: left; }
.trainingbox img:hover	{ opacity: 0.4; filter: alpha(opacity=40); }
.trainingimg:hover		{ opacity: 0.4; filter: alpha(opacity=40); }
		
#percimg 			{ background-image: url(img/percdesc.png); background-repeat: no-repeat; }
#percimg img:hover 	{ opacity: 0.1; filter: alpha(opacity=10); }

#synthimg 			{ background-image: url(img/syndesc.png); }
#synthimg img:hover { opacity: 0.1; filter: alpha(opacity=10); }
	
#essimg 			{ background-image: url(img/essdesc.png); }
#essimg img:hover 	{ opacity: 0.1; filter: alpha(opacity=10); }
	
#elecimg 			{ background-image: url(img/elecdesc.png); }
#elecimg img:hover 	{ opacity: 0.1; filter: alpha(opacity=10); }
	
#esskitsimg 			{ background-image: url(img/esskits.png); background-repeat: no-repeat; }
#esskitsimg img:hover 	{ opacity: 0.1; filter: alpha(opacity=10); }

#elekitsimg				{ background-image: url(img/eleckits.png); background-repeat: no-repeat; }
#elekitsimg img:hover 	{ opacity: 0.1; filter: alpha(opacity=10); }

#foundationsliveimg 			{ background-image: url(img/foundationslivedesc.png); }
#foundationsliveimg img:hover	{ opacity: 0.1; filter: alpha(opacity=10); }
	
#foundationsgbimg 			{ background-image: url(img/foundationsgbdesc.png); }
#foundationsgbimg img:hover { opacity: 0.1; filter: alpha(opacity=10); }
	

/*
Training
*/
#gainlist		{ color: #1a1a1a; float: right; }
#gainlist li 	{ margin-bottom: 10px; }

#singlebox 		{ height: 215px; width: 287px; padding: 15px 15px 0px 15px; }

#logoboxalone	{ height: 446px; }

.logoboxalone	{ background-color: #fff; padding: 10px 0px 0px 10px; border: 1px solid #bfbfbf; -moz-border-radius: 10px; -webkit-border-radius: 10px;
					width: 275px; height: 188px; z-index: 100; }
.logoboxalone:nth-child(even) 	{ float: right; }
.logoboxalone:nth-child(odd) 	{ float: left; }

.toprowalone	{ height: 215px; margin: 15px 0px 0px 0px; }

.smallpic 		{ float:right; margin-right: 10px; }

.coursesbox 	{ background-color: #fff; padding: 10px 0px 0px 10px; border: 1px solid #bfbfbf; -moz-border-radius: 10px; 
					-webkit-border-radius: 10px; width: 275px; height: 235px; z-index: 100; }
.coursesbox h1	{ text-align: right; margin: 15px 10px 0px 0px;  font-size: 30px; letter-spacing: 2px; color: #1a1a1a; font-weight: lighter; }
.coursesbox:nth-child(even) 	{ float: right; }
.coursesbox:nth-child(odd) 		{ float: left; }

#coursereg img	{ margin: 0px 0px 10px 0px; float: right; }
#coursereg h4	{ padding: 0; margin: 0; float: left; font-weight: normal; }

/*
Elements pages
*/
.green 			{ color: #a3d518; }

#pageTitle 		{ display: none; }

#directorytext 	{ font-size: 20px; text-align: left; margin-left: 20px; }	
	
#elementspiclinks 					{ margin-bottom: 175px; margin-left: -35px; width: 620px; }
#elementspiclinks li 				{ float: left; opacity: 0.3; filter: alpha(opacity=30); }
#elementspiclinks li img 			{ float: right; }
#elementspiclinks li a 				{ width: 155px; }
#elementspiclinks li:hover 			{ opacity: 1.0; filter: alpha(opacity=100); }
#elementspiclinks li#currentlogo 	{ opacity: 1.0; filter: alpha(opacity=100); }
#elementspiclinks li:nth-child(3) 	{ margin-top: -5px; }
#elementspiclinks li:nth-child(4) 	{ width: 170px; margin-top: -5px; }

.elelogolink a 	{ display: block; width: 170px; }
	
.featurelist 					{ width: 280px; float: left; }
.featurelist ul 				{ margin-left: -25px; margin-top: -10px; }
.featurelist:nth-child(even) 	{ float:right; }
.listoverflow					{ width: 280px; float: right; margin-left: -25px; margin-top: 33px; }
		
#featurearea 	{ height: 300px; }
#featurearea ul li { list-style: circle; }

#featureareapercussive 		 { height: 360px; }
#featureareapercussive ul li { list-style: circle; }

#dpackform 				{ height: 200px; width: 45%; }
#dpackform form 		{ margin: 0 auto; width: 230px; }
#dpackform .row 		{ margin-bottom: 5px; }
#dpackform form input 	{ float:right; }

#singlelistarea { height: 260px; }
#singlelistarea ul li { list-style: circle; }

#purchasearea 	{ height: 275px; }
#purchaseareacombo  { height: 320px; }
#purchaseareacombo h4 { color: #1a1a1a; margin-bottom: 0px; text-align: center; }

.purchasebox 					{ background-color: #fff; margin-top: 15px; padding: 10px 0px 0px 10px; border: 1px solid #bfbfbf; 
									-moz-border-radius: 10px; -webkit-border-radius: 10px; width: 275px; height: 235px; z-index: 100; }
.purchasebox h1 				{ text-align: right; margin: 15px 10px 0px 0px;  font-size: 25px; letter-spacing: 2px; color: #1a1a1a; 
									font-weight: lighter; }

.purchasebox:nth-child(even) 	{ float: right; }
.purchasebox:nth-child(odd) 	{ float: left; }

.purchaseimg 				{ background-image: url(img/purchprice.png); }
.purchaseimg img:hover 		{ opacity: 0.1; filter: alpha(opacity=10); }

.kitsimg 					{ background-image: url(img/kitsprice.png); }
.kitsimg img:hover 			{ opacity: 0.1; filter: alpha(opacity=10); }

.comboimg 					{ background-image: url(img/comboprice.png); }
.comboimg img:hover 		{ opacity: 0.1; filter: alpha(opacity=10); }					


/*
Foundation Pages
*/
#howarea 		{ height: 1100px; }
#howareagb 		{ height: 980px; }
#howarealivekits{ height: 1180px; }

.youtubevid		{margin: 0 0 30px 15px; }

.howsteps		{ width: 590px; }
.howsteps img	{ margin-left: 15px; }

#singlepurchasearea { height: 275px; width: 287px; }

.foundationspurchaseimg 				{ background-image: url(img/FoundationsPrice.png); }
.foundationspurchaseimg img:hover 		{ opacity: 0.1; filter: alpha(opacity=10); }

#singlelistareagb { height: 210px; }
#singlelistareagb ul li { list-style: circle; }


/*
Testimonials
*/
.leftcomments 	{ float:left; width: 300px; margin: 0px; padding: 0px; }
	
.rightcomments 	{ float: right; width: 300px; margin: 0px; padding: 0px; }
	
.commentbox 	{ border: solid 1px #bfbfbf; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 300px; margin-bottom: 16px; padding: 0px;
					float: left; }
.commentbox p 	{ margin: 0px 20px 20px 20px; }
	
.comauthor 		{ font-style: italic; font-size:30px; margin-left: 20px; }
	
.authorinfo 	{ margin-right: 20px; text-align: right; font-style: italic; }
.authorinfo a 	{ color: #a3d518; }
	
#share 			{ text-align: center; margin-top: 20px; font-size: 18px; }

#arrow 			{ margin: 0px 0px -70px 185px; }
	
	
/*
Footer
*/
#footerdash 	{ border-bottom: dashed 1px #bfbfbf; height: 20px; }

#footer 		{ width: 620px; margin: 0px auto 30px auto; }
	
#footerform 	{ text-align: left; width: 182px; height: 177px; background-color: #f6f6f6; margin: 0px; padding: 15px 0px 0px 15px;
					border: solid 1px #bfbfbf; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #1a1a1a; }
	
#footerright 				{ margin-left: 10px; float: left; width: 192px; height: 197px; margin-bottom: 5px; }
#footerright h3 			{ text-align: center; margin-bottom: 5px; font-weight: normal; }
#footerright label 			{ width: 50px; }
#footerright input 			{ margin-left: 0px; margin-bottom: 10px; width: 150px; }
#footerright .submitbutton 	{ width: 75px; margin-bottom: 0px; }
#footerright .row 			{ clear: both; float: left; width: 170px; }
	
#footerleft 				{ float: left; margin: 0px; width: 413px; padding: 0px; }
#footerleft a h3 			{ font-weight: normal; color: #1a1a1a; text-align: left; margin-left: 10px; }
#footerleft a h3:hover 		{ color: #bfbfbf; }
#footerleft ul 				{ padding: 0px; margin-top: -13px; color: #1a1a1a; }
#footerleft ul li 			{ text-align: left; padding: 10px; margin-bottom: 10px; background-color: #f6f6f6; border: solid 1px #bfbfbf;
								border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#footerleft ul li a 		{ font-weight: bold; color: #1a1a1a; }
#footerleft ul li a:hover 	{ color: #e6e6e6; }

#tweetface					{ width: 620px; height: 30px; }
.face						{ float: left; }
.tweet						{ float: left; margin: 4px -10px 0 10px }

#footerbottom 				{ font-size: 17px; text-align: center; background-color: #1a1a1a; -moz-border-radius: 10px; -webkit-border-radius: 10px; 
								border: solid 1px #1a1a1a; margin-top: 0px; height: 25px; padding: 5px; }
#footerbottom ul 			{ margin: 3px 0px 0px 108px; padding: 0px; }
#footerbottom ul li 		{ float: left; color: #fff; }
#footerbottom ul li a 		{ color: #fff; }
#footerbottom ul li a:hover { color: #bfbfbf; }

.gray 			{ color: #a3d518; }
	
#footerlogo a img	{ margin: 35px 0px 5px 210px; }

#copyright 		{ text-align: center; }
