/*==============================================================================

version:  1.0
date:	  06/01/07
author:   Capisce Design Inc.
email:    capisce@capiscedesign.com
website:  http://www.capiscedesign.com/

==============================================================================*/



* {
	margin: 0;
	padding: 0;
}

body { /* Center layout */
	text-align: center;
	/*min-width: 760px;  :FIX: Netscape 6 */
	background-color: #68b2b7;
	}
	
#wrapper {
	width: 760px;
	margin: 50px auto 5px; /* Center layout */
	text-align: left; /* Center layout */
	}


/*============================================================================== 
 * Typography
==============================================================================*/

body {
	font-size: 12px;
	}

ul#mainNav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #CCC;
	text-decoration: none;
	}

#footer p {
	font-family: Optima, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000;
	font-weight: bold;
	letter-spacing: 1pt;
	padding: 10px 0 21px 19px;
	 }
	 
#footer p span {
	color: #CCCCCC;
	}	
	
#copyright { 
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 7.5pt;
	color: #FFFFFF;
	padding: 5px 0;
	}
	
.copyright {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: left;
}

.skiplink a {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float: right;
}

.skiplink a:hover, a:active {
	text-decoration: underline;
}

#copyright a, a:visited { 
	color: #FFFFFF;
	text-decoration: none;
	}
	
#copyright a:hover, a:active { 
	color: #FFFFFF;
	text-decoration: underline;
	}

/*============================================================================== 
 * Header
==============================================================================*/

#header {
	width: 760px;
	margin: 0;	
	height: 83px;
	overflow:visible;
	}
	
#logo {
	background: url(../bhhf_images/logo.gif) no-repeat;
	float: left;
	width: 760px;
	height: 83px;
	background-color: #7ac7cc;
	border-bottom: 2px solid #FFF;
	position: relative;
	}

#icon {
	background: url(../bhhf_images/bhhf_icon.gif) no-repeat;
	position: absolute;
	float: right;
	width: 36px;
	height: 106px;
	top: 11px;
	right: 14px;
	}

/*============================================================================== 
 * Main Nav
==============================================================================*/

ul#mainNav {
	margin: 0;
	padding: 14px 0 89px 0;
	list-style: none;
	width: 185px;
	height: 312px;
	float: left;
	text-align: center;
	background: url(../bhhf_images/nav_topspace.gif) repeat-y;
	overflow: hidden;
	background-color: #A5B439;
	}
	
ul#mainNav li {
	float: left;
	}

ul#mainNav a {
	color: #A5B439;
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:26px; /* for IE5/Win only */
	}	

/* Replace Text With Images
----------------------------------------------------------------------------- */

li#home a {
	background: url(../bhhf_images/nav_home.gif) top left no-repeat;
	width: 185px;
	height: 26px;
	}
	
li#contact a {
	background: url(../bhhf_images/nav_contact.gif) no-repeat;
	width: 185px;
	height: 26px;
	}
	
li#story a {
	background: url(../bhhf_images/nav_story.gif) no-repeat;
	width: 185px;
	height: 26px;
	}

li#philosophy a {
	background: url(../bhhf_images/nav_philosophy.gif) no-repeat;
	width: 185px;
	height: 26px;
	}
	
li#testimonials a {
	background: url(../bhhf_images/nav_testimonials.gif) no-repeat;
	width: 185px;
	height: 26px;
	}
	
li#shop a {
	background: url(../bhhf_images/nav_shop.gif) no-repeat;
	width: 185px;
	height: 26px;
	}
	
li#fitness_studios a {
	background: url(../bhhf_images/nav_fitness_studios.gif) no-repeat;
	width: 185px;
	height: 26px;
	}	
	
li#training a {
	background: url(../bhhf_images/nav_training.gif) no-repeat;
	width: 185px;
	height: 26px;
	}
	
li#boxing a {
	background: url(../bhhf_images/nav_boxing.gif) no-repeat;
	width: 185px;
	height: 26px;
	}	
	
li#aerobics_studio a {
	background: url(../bhhf_images/nav_aerobics_studio.gif) no-repeat;
	width: 185px;
	height: 26px;
	}			

li#nutrition a {
	background: url(../bhhf_images/nav_nutrition.gif) no-repeat;
	width: 185px;
	height: 26px;
	}	
	
li#membership a {
	background: url(../bhhf_images/nav_membership.gif) no-repeat;
	width: 185px;
	height: 26px;
	}	
	
/* Image Rollovers
----------------------------------------------------------------------------- */

li#home a:hover {
	background-position: -185px 0;
	}
	
li#contact a:hover {
	background-position: -185px 0;	
	}
	
li#story a:hover {
	background-position: -185px 0;	
	}	

li#philosophy a:hover {
	background-position: -185px 0;	
	}	
		
li#testimonials a:hover {
	background-position: -185px 0;	
	}	
	
li#shop a:hover {
	background-position: -185px 0;	
	}
	
li#fitness_studios a:hover {
	background-position: -185px 0;	
	}
	
li#training a:hover {
	background-position: -185px 0;	
	}

li#boxing a:hover {
	background-position: -185px 0;	
	}
		
li#aerobics_studio a:hover {
	background-position: -185px 0;	
	}
	
li#nutrition a:hover {
	background-position: -185px 0;	
	}
	
li#membership a:hover {
	background-position: -185px 0;	
	}
	

/* Image Rollovers - Current Page
----------------------------------------------------------------------------- */

#home_page li#home a {
	background-position: -185px 0;
	cursor: default;
	}
	
#contact_page li#contact a {
	background-position: -185px 0;
	cursor: default;
	}
	
#story_page li#story a {
	background-position: -185px 0;
	cursor: default;
	}	

#philosophy_page li#philosophy a {
	background-position: -185px 0;
	cursor: default;
	}	
		
#testimonials_page li#testimonials a {
	background-position: -185px 0;
	cursor: default;
	}	
	
#shop_page li#shop a {
	background-position: -185px 0;
	cursor: default;
	}

#fitness_studios_page li#fitness_studios a {
	background-position: -185px 0;
	cursor: default;
	}
	
#training_page li#training a {
	background-position: -185px 0;
	cursor: default;
	}
	
#boxing_page li#boxing a {
	background-position: -185px 0;
	cursor: default;
	}
	
#aerobics_studio_page li#aerobics_studio a {
	background-position: -185px 0;
	cursor: default;
	}
	
#nutrition_page li#nutrition a {
	background-position: -185px 0;
	cursor: default;
	}
	
#membership_page li#membership a {
	background-position: -185px 0;
	cursor: default;
	}


/*============================================================================== 
 * Content
==============================================================================*/


#content {
	background: url(../bhhf_images/nav_bottomspace.gif) left repeat-y;
	padding: 0;
	background-color:#A5B439;
	width: 760px;
	margin-top: 0; 
	 }
	 
html>body #content { *margin-top: 2px; } /* IE7 fix */

#mainflash {
	float: left;
	width: 574px;
	}
	 
.clear {
	clear: both;
	}
		 
	
/*==============================================================================
* Footer
==============================================================================*/

#footer,
#copyright {
	clear: both;
	}