@charset "utf-8";
/* CSS Document */

*{
	padding: 0px;
	margin: 0px;}	/* zen */	
div{border: 0px solid Blue;}/* set to 1px to see page structure*/
/* Page layout and main styling */	
body{
	text-align: center;
	font-size: 62.5%; /* so 1em is equivalent to 10px in most browsers*/
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #E0E9F9;
	position: relative;}
#container{
	background-image: url(images/headernew.jpg);
	background-position: center top;
	background-repeat: no-repeat;	
	
	background-color: #fff;
	
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 130px;}
#container.index{padding-bottom:10px;}

#header{
	position: absolute;
	width: 800px;	
	top: 0px;
	left: 0px;}
#header, #content, #navigation, #footer, #content1, #content2{text-align: left;}
#content, #navigationhold, #content1, #content2{float: left;}
#content{
	width: 633px;
	margin-left: 8px;}/* Index Page Div */
#content, #content1, #content2{padding-top: 20px;}
#content{

margin-top:15px;
padding-top: 8px;
padding-bottom: 8px;
/*background-color:#E0E9F9;*/}
#content1{
	position: relative;
	margin-left: 13px;
	width: 407px; 
	border-left: 1px solid #E0E9F9;
	padding-bottom: 15px;}/* Main Content Div */
#content1.wide{width: 614px;}		
#content1.padbot{
	padding-bottom:30px;
	border: 0px solid Blue;}
	
#content2{
background-color: #E0E9F9;
margin-top:15px;
padding-top:0;
width: 207px;
margin-left: 8px;
padding-bottom: 10px;}
	
#content2 p{
background-color: #E0E9F9;
margin-top:15px;
padding-left:10px;
margin-left: 8px;
padding-bottom: 10px;}	
	
	/* Right Promo Div */
#navigationhold{
	text-align: left;
	width: 155px;
	height: 330px;}/* Makes room for main nav div*/
#navigationhold.long{height:570px;}

#navigation{
	position: absolute;
	top: 153px;
	left: 0px;
	background-color: #fff;
	width:155px;} /* Main nav div, positioned*/
#footer{
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	clear: both;
	background-image: url(images/footer.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 15px;} /* Div outside container to fix IE6 spacing issue*/		
#footerblank{
	height: 25px;
	clear: both;
	background-image: url(images/footer.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin-top: 10px;}		
#footerblank.index{margin-bottom:850px;}/* Makes room for index float text*/
/* /Page layout and main styling */	

/* Horizontal Top Navigation*/
#topnav{
	height: 28px;
	margin-top: 104px;
	padding-left: 9px;
	border-top: 1px solid #E0E9F9;
	border-bottom: 1px solid #E0E9F9;	
	padding-top: 4px;}
#topnav li{
	list-style-type: none;
	float: left;}
#topnav li a{
	background-image: url(images/blue.jpg);
	display: block;
	width: 139px;
	height: 19px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 5px;	
	margin-right: 2px;
	text-decoration: none;
	color: #666;}

#topnav li a:hover{
	background-image: url(images/blueon.jpg);
	color: #FFF;
	cursor:help;}
/* /Horizontal Top Navigation*/	

/* Navigation div typography */	
#navigation ul{border-top: 1px solid #E0E9F9;}
#navigation li{
	margin: 0px;
	padding: 0px;}
#navigation a{margin: 0px;}
#navigation a.first{
  list-style-type: none;
  border-bottom: 1px solid #E0E9F9;
  display: block;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: bold; 
  color: #208FB8;
  padding: 3px 0px 3px 16px;}	
#navigation a:hover{text-decoration: underline;	
	}
#navigation a.firston{
  	list-style-type: none;
  	border-bottom: 1px solid #E0E9F9;
  	display: block;
  	text-decoration: none;
 	font-size: 1.1em;
  	font-weight: bold;
  	padding: 3px 0px 3px 16px;
  	background: #E6EDFA;
  	color: #208FB8;}
#navigation a.second{
	color: #ACA7A2;
  	background: url(images/arrow.jpg) left no-repeat;
  	list-style-type: none;
  	border-bottom: 1px solid #E0E9F9;
  	display: block;
  	text-decoration: none;
 	font-size: 1.1em;
  	font-weight: bold;
  	padding: 3px 0px 3px 28px;}
#navigation a.second:hover{text-decoration: underline; color: #666;}
#navigation a.secondon{
	color: #C70029;
  	list-style-type: none;
  	border-bottom: 1px solid #E0E9F9;
  	display: block;
  	text-decoration: none;
	font-size: 1.1em;
  	font-weight: normal;
	letter-spacing: 2px;
  	padding: 3px 0px 3px 28px;
  	background: url(images/arrow2.jpg) #DFEBF2 left no-repeat;}  
#navigation a.third{  
  	color: #4C7EDD;
  	list-style-type: none;
  	border-bottom: 1px solid #E0E9F9;
  	display: block;
  	text-decoration: none;
  	font-size: 1.1em;
  	font-weight: bold;
  	padding: 3px 0px 3px 45px;
  	background: url(images/arrow3.jpg) left no-repeat;}    

#navigation a.thirdon{
	color: #666666;
 	list-style-type: none;
 	border-bottom: 1px solid #E0E9F9;
  	display: block;
	text-decoration: none;
	font-size: 1.1em;
  	font-weight: bold;
  	padding: 3px 0px 3px 45px;
  	background: url(images/arrow3on.jpg) #EEEDEB left no-repeat;}

#navigation li{list-style-type: none;}	

br.clear{
	clear: both;
	width: 200px;
	height: 100px;}
div.clear{
	clear: both;
	height: 20px;}

#content1 h1, #content1 p{
	padding-left: 16px;
	padding-right: 16px;}
#content1 a{
	color: #F99630;
	text-decoration: none;}
#content1 a:hover{text-decoration: underline;}

#content1 h1{
	color: #ACA7A2;
	font-weight: normal;
	margin-bottom: 15px;
	font-size: 2.0em;}
#content1 h2{
	font-size: 1.3em;
	margin-bottom: 5px;
	border-bottom: 1px solid #E0E9F9;
	}
#content1 h3{font-size: 1.4em;}
#content1 h4{font-size: 1.2em;}

#content1 h1.page{
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	color: #F99630;
	font-weight: normal;
	position: absolute;
	bottom: 15px;
	left: 0px;
	height: 2px;}			
#content1 h2, #content1 h3, #content1 h4{
	color: #208FB8;
	padding-left: 14px;
	padding-right: 14px;
	margin-bottom: 5px;
	line-height: 125%;}
#content1 h1.news{margin: 0px;
	color:#666666;
	padding-left: 16px;
	padding-right: 16px;}	
#content1 h2 a{color: #666666;  border-bottom: 1px solid #ECEDED; }
#content1 h2 a:hover{
	text-decoration: none;
	border-bottom: 1px solid Aqua;  border-bottom: 1px solid #666666;}		
#content1 h3 a{color: #666666;  border-bottom: 1px solid #ECEDED;}
#content1 h3 a:hover{
	text-decoration: none;
	border-bottom: 1px solid #F99630;  border-bottom: 1px solid #666666;}		
	
#content1 p{
	font-size: 1.2em;
	color:#786C61;
	margin-bottom: 15px;
	line-height: 150%;
	text-align: justify;}	
#content1 blockquote{
	padding:0px;
	margin: 0px;
	margin-bottom: 0px;}
#content1 blockquote p{
	font-style: italic;
	margin: 0px;}
#content1 cite{	
	color: #F99630;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 15px;}	
#content1 p.line{
	border-bottom: 1px solid #ECEAE8;
	padding-bottom: 10px;
	margin-bottom: 20px;}	
								
#content1 blockquote{
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 4px;
	border: 0px solid Blue;}		

#content1 blockquote p{
	background-color: #F1F1F1;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	border: 0px solid red;}		
	
#content1 cite{
	border: 0px solid Blue;
	padding-left: 0px;	
	margin-bottom: 20px;
	font-size: 1.0em;}
					
#content1 ol{
	margin-bottom: 20px;
	padding-left: 50px;
	padding-right: 32px;}		
#content1 ul{
	margin-bottom: 20px;
	padding-left: 50px;
	padding-right: 32px;}	
#content1 li{
	font-size: 1.2em;	
	color: #333;
	margin-bottom: 8px;	line-height: 150%;
	text-align: justify;}			
#content1 ul li{
	padding: 0px;
	list-style-type: circle; color:#E3A06B;
	}
.bluetext {color:#666}	/*{color:#8FB2C6}*/
	
#content1 li li{font-size: 1em;}		
#content1 li ul{margin-top: 5px;}
			
#content1 ul.social{
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	margin-left: 16px;}		
#content1 ul.social li{
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;}	
	
hr{color: #ECEAE8;}

#content1 img.left{
	float: left;
	margin: 10px;}
#content1 img.right{
	float: right;
	margin: 10px;}
#content1 img.nimage{
	float: right;
	margin-left: 10px;
	padding: 3px;
	border: 1px solid #E7E6E4;}
	
a img{	padding: 3px;
margin: 5px;
	border: 1px solid #E7E6E4;
		
	}
	
#content1 img.nicon{
	float: right;
	margin-left: 5px;
	border: 0px;
	margin-right: 16px;}
	
#content1 .ndescription img.nicon{
	float: right;
	margin-left: 5px;
	border: 0px;
	margin-right: 0px;}	
	
	
	
/* Footer div typography */	
#footer p{
	font-size: 1.1em;
	color: #797876;}
#footer a{
	color: #797876;
	text-decoration: none;}
#footer a:hover{text-decoration: underline;}	
#footer ul{float: right;}
#footer li{color: #797876;
	list-style-type: none;
	padding-right:5px;
	float: left;
	font-size: 1.1em;}
/* / Footer div typography */
		
/* Right hand Promo Boxes*/			
#newsletter, #question, #physio, #physio2, #physio3, #expert, #philosophy, #press, #contact2{
	width: 207px;
	height:179px; 
	margin-bottom: 8px;}	
	
#martial, #martialx, #martialxx {
	width: 207px;
	height:241px; 
	margin-bottom: 8px;}	
	
#personal, #personal2, #personal3, #contact{
	width: 207px;
	height:311px; 
	margin-bottom: 8px;}	



#contact{background-image: url(images/contact.jpg); color:#fff;}
#contact a{color:#fff;
text-decoration: none;}
#contact a:hover{color:#fff;
text-decoration: underline;}
#contact p{width: 100px;}
#contact p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}
	
#contact2{
background-image: url(images/contact.jpg); 
color:#fff;
}

#contact2 a{color:#fff;
text-decoration: none;}
#contact2 a:hover{color:#fff;
text-decoration: underline;}
#contact2 p{width: 100px;}
#contact2 p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}			
	
#personal{background-image: url(images/workout.jpg); color:#fff;}
#personal a{color:#fff;
text-decoration: none;}
#personal a:hover{color:#fff;
text-decoration: underline;}
#personal p{width: 100px;}
#personal p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}	
	
#personal2{background-image: url(images/physioweight.jpg); color:#fff;}
#personal2 a{color:#fff;
text-decoration: none;}
#personal2 a:hover{color:#fff;
text-decoration: underline;}
#personal2 p{width: 100px;}
#personal2 p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}	
	
#press{
	background-image: url(images/benchpress.jpg);
	color:#fff;	
	height:129px;
	padding-top: 50px;}
#press p{
	color:#fff;	
	font-size: 1.1em;	
	padding-left: 15px;
	padding-right: 80px;}	
	
#newsletter{
	background-image: url(images/newsletter.jpg);
	color:#fff;	
	height:129px;
	padding-top: 50px;}
#newsletter p{
	color:#fff;	
	font-size: 1.1em;	
	padding-left: 15px;
	padding-right: 80px;}
	
#question{background-image: url(images/pose.jpg); color:#fff;}
#question a{color:#fff;
text-decoration: none;}
#question a:hover{color:#fff;
text-decoration: underline;}
#question p{width: 100px;}
#question p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}
	
#physio{background-image: url(images/physioweight.jpg); color:#fff;}
#physio a{color:#fff;
text-decoration: none;}
#physio a:hover{color:#fff;
text-decoration: underline;}
#physio p{width: 100px;}
#physio p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}	
	
#physio2{background-image: url(images/physioleg.jpg); color:#fff;}
#physio2 a{color:#fff;
text-decoration: none;}
#physio2 a:hover{color:#fff;
text-decoration: underline;}
#physio2 p{width: 100px;}
#physio2 p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}		
	
#physio3{background-image: url(images/physioball.jpg); color:#fff;}
#physio3 a{color:#fff;
text-decoration: none;}
#physio3 a:hover{color:#fff;
text-decoration: underline;}
#physio3 p{width: 100px;}
#physio3 p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}	
	
#martial{background-image: url(images/martial.jpg); color:#fff;}
#martial a{color:#fff;
text-decoration: none;}
#martial a:hover{color:#fff;
text-decoration: underline;}
#martial p{width: 100px;}
#martial p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}	
	
#martialx{background-image: url(images/martialx.jpg); color:#fff;}
#martialx a{color:#fff;
text-decoration: none;}
#martialx a:hover{color:#fff;
text-decoration: underline;}
#martialx p{width: 100px;}
#martialx p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}	
	
#martialxx{background-image: url(images/martialxx.jpg); color:#fff;}
#martialxx a{color:#fff;
text-decoration: none;}
#martialxx a:hover{color:#fff;
text-decoration: underline;}
#martialxx p{width: 100px;}
#martialxx p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}				
	
#expert{background-image: url(images/expert.jpg); color:#fff;}
#expert a{color:#fff;
text-decoration: none;}
#expert a:hover{color:#fff;
text-decoration: underline;}
#expert p{width: 100px;}
#expert p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}	
	
#philosophy{background-image: url(images/collage.jpg); color:#fff;}
#philosophy a{color:#fff;
text-decoration: none;}
#philosophy a:hover{color:#fff;
text-decoration: underline;}
#philosophy p{width: 100px;}
#philosophy p{
	color:#fff;	
	font-size: 1.1em;
	padding-top: 50px;
	padding-left: 15px;
	padding-right: 15px;}			

		
/* Index page boxes*/		
#welcome, #organic, #ball, #training, #mat, #social{
	width: 628px;
	height: 320px;
	position: relative;
	float:left;
	background-repeat: no-repeat;
	margin-bottom: 10px;}	
	
	
#welcome{background-image: url(images/weights.jpg);}
#organic{background-image: url(images/indexholding.jpg);}

#ball{background-color: #E0E9FA;}
#ball{background-image: url(images/leg.jpg);}
#training{background-color: #E0E9FA;}
#training{background-image: url(images/shoulder.jpg);}
#social{background-image: url(images/watch.jpg);}
#mat{background-color: #E0E9FA;}
#mat{background-image: url(images/shoulders.jpg);}
#organic, #ball,  #mat, #social{margin-left: 5px;	}
#welcome, #organic, #paid{margin-bottom: 5px;}
#welcome p, #organic p, #ball p, #training p, #mat p, #social p{ 
	font-size: 1.1em;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	color: #7E7268;}		

#ball p {width:100px;}

#float{
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;}	
#float div{
	background-image: url(images/footer.jpg);
	position: relative;
	background-position: top;
	background-repeat: repeat-x;
	padding: 21px;	
	padding-left: 0px;}
#float h1{
	color: #F99630;
	font-size: 1.4em;
	font-weight: normal;
	margin-left: 170px;
	color: #675D51;}	
#float div h2{
	color: #F99630;
	font-size: 1.2em;
	margin-left: 170px;}
#float div p{margin-left: 170px;
	color: #786C61;
	font-size: 1.1em;}	
#float div a{
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: 1px;
	color: #ACA7A2;
	font-size: 1.1em;
	border-bottom: 1px solid #D7D4D0;
	width:125px;
	display: block;
	background-image: url(images/up-a.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 30px;
	text-decoration: none;
	padding-bottom: 3px;}
#float div a:hover{text-decoration: underline;}

#faq {
   font-size: 1.0em;

}
#faq ul {
   list-style:none;
   margin: 0;
   padding: 0 0 0 24px;
}
#faq li {
 
list-style:none;
   margin: 0;
   padding: 0;
}
#faq a {
   color: #444;
   height: 20px;
   margin: 0;
   padding: 7px 0 0 0;
   text-decoration: none;

}
#faq a:hover {
   color: #208FB8;
}

.hidden {
  display: none;
}.phone {
	font-size: 14px;
	font-weight: bold;
	color: #CE012C;
}