/*
	Fast Trac Performance stylesheet
	
	Author: Nicholas Robinson
	Email: nicholas@pixelumbrella.com
	Website: http://www.pixelumbrella.com
	
	Table of Contents:
		utility classes
		layout
		fancy menu
		sliding tabs
		facility slideshow
*/

/* utility classes
----------------------------------------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
/* End hide from IE-mac */

/* layout
----------------------------------------------- */
body {
	background-color:#2e2e2e;
	background-image:url(images/background.gif);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
#page {
	width:845px;
	margin:0 auto;
}
#header {
	height:127px;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;
	border-bottom:1px solid #111111;
}
#logo {
	width:207px;
	height:127px;
	margin:3px 0 0 0;
	padding:0;
	text-indent:-9999px;
	background-image:url(images/logo.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
} * html #logo {background-image:url(images/logo.gif);}
.content {
	border-top:1px solid #474747;
	overflow:auto;
	padding-bottom:27px;
	text-align:center;
}
.content .left-column {
	float:left;
	width:175px;
	margin:27px 15px 0 0;
	text-align:right;
}
	.content .left-column ul {
		color:#f4f4f4;
		font-size:12px;
		list-style:none;
		line-height:2;
	}
	.content .left-column a {
		color:#f4f4f4;
		text-decoration:none;
	}
	.content .left-column a:visited {color:#868686;}
	.content .left-column span {padding-left:8px;}
	.content .left-column ul .selected {
		background-image:url(images/ul-selected.gif);
		background-position:left center;
		background-repeat:no-repeat;
	}
	.content .left-column ul span:hover {
		background-image:url(images/ul-hovered.gif);
		background-position:left center;
		background-repeat:no-repeat;
	}
	
.content .middle-column {
	float:left;
	width:421px;
	margin:10px 21px 10px 10px;
	font-size:11px;
	color:#bcbcbc;
	line-height:2;
	text-align:left;
}
	.content .middle-column h1 {
		color:#fff;
		font-size:16px;
		font-weight:normal;
		margin:10px 0 0 0;
	}
	.content .middle-column h2 {
		font-size:16px;
		font-weight:normal;
		margin:30px 0 0 0;
	}
	.content .middle-column p {margin-top:0;}
	.content .middle-column ul {
		margin-top:0;
		padding:0 0 0 25px;
		color:#868686;
	}
	.content .middle-column ul strong {color:#bcbcbc;}
.content .right-column {
	float:left;
	width:150px;
	margin:27px 10px 10px 10px;
	text-align:left;
}
	.content .right-column p {
		color:#f4f4f4;
		font-size:11px;
		line-height:1.5;
	}
	.content .right-column strong {
		color:#bed73b;
		font-size:13px;
		display:block;
	}
	.content .right-column span {
		font-size:13px;
	}
#footer {
	border-top:1px solid #111111;
	clear:both;
	font-size:10px;
	color:#bcbcbc;
	line-height:1.8;
}
#footer .content {
	border-top:1px solid #474747;
}
#footer a {
	color:#bcbcbc;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer a:visited {
	color:#868686;
}
#footer span {
	float:left;
	color:#707070;
	margin:8px 0 0 0;
}
#footer ul {float:right;margin-top:8px;}
#footer li {
	display:inline;
	list-style:none;
	border-right:1px solid #686868;
	padding:0 10px;
}
#footer .last {border:none;}
.floatleft {float:left;}

#corner-action {
	background:transparent url(images/button-blog.gif) no-repeat scroll 0%;
	height:43px;
	right:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:0pt;
	width:40px;
	z-index:10;
}
#map {
	margin:17px 0 0 0;
	text-align:center;
}
#footer #crossfit {margin:9px 0 0 80px;}
#footer #pixelumbrella {margin:6px 0 0 52px;}

.corners {background:#292929;}

.slideshow .corners {
	margin:22px auto 27px auto;
	width:802px;
	padding:15px 0 0 0;
	height:441px;
	display:block;
	clear:both;
	overflow:hidden;
} * html .slideshow {padding-top:22px;}

img {border:none;}
a {outline:none;}
iframe {margin:15px;}


/* fancy menu
----------------------------------------------- */
#menu {
	position: relative;
	height: 29px;
	width:430px;
	padding:15px 0 0 15px;
	margin:36px 0 0 0;
	overflow: hidden;
	float:right;
}
#menu ul {
	padding: 0;
	margin: 0;
}
#menu ul li {
	float: right;
	list-style: none;
	padding:0;
	margin:0;
}
#menu ul li a {
	text-indent: -500em;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	padding:0 1px;
	margin:0 8px;
} * html #menu ul li a {margin:0 5px;}
#menu_home a {
	width:37px;
	background:url('images/menu-home.png') no-repeat center;
}   * html #menu_home a {background: url('images/menu-home.gif') no-repeat center;} #menu_home {display:none;}
#menu_about a {
	width:45px;
	background:url('images/menu-about.png') no-repeat center;
}   * html #menu_about a {background: url('images/menu-about.gif') no-repeat center;}
#menu_blog a {
	width:34px;
	background:url('images/menu-blog.png') no-repeat center;
}   * html #menu_about a {background: url('images/menu-blog.gif') no-repeat center;}
#menu_coaches a {
	width:59px;
	background:url('images/menu-coaches.png') no-repeat center;
}   * html #menu_coaches a {background:url('images/menu-coaches.gif') no-repeat center;}
#menu_facility a {
	width:56px;
	background:url('images/menu-facility.png') no-repeat center;
}   * html #menu_facility a {background:url('images/menu-facility.gif') no-repeat center;}
#menu_partners a {
	width:66px;
	background: url('images/menu-partners.png') no-repeat center;
}   * html #menu_partners a {background:url('images/menu-partners.gif') no-repeat center;}
#menu_contact a {
	width:59px;
	background: url('images/menu-contact.png') no-repeat center;
}   * html #menu_contact a {background:url('images/menu-contact.gif') no-repeat center;}
#menu li.background {
	background: url('images/menu_bgRight.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
	margin-top:5px;
}
#menu .background .left {
	background: url('images/menu_bg.gif') no-repeat top left;
	height: 19px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

/* sliding tabs
----------------------------------------------- */
#panes {
	text-align: justify;
	border-style: none;
	width:772px;
	margin:0 auto;
}
#pane01 {
	background:url(images/photo01.jpg) no-repeat top center;
	height:337px;
}
.pane span {
	height:337px;
	width:772px;
	text-indent:-9999px;
	display:block;
}
#pane02 {
	background:url(images/photo02.jpg) no-repeat top center;
	height:337px;
}
#pane03 {
	background:url(images/photo03.jpg) no-repeat top center;
	height:337px;
}
#panes p {
	width: 600px;
	margin: 0 auto 1em auto;
	line-height: 1.2em;
}
#panes div div {overflow: hidden;}
#controls {
	display: block;
	text-align: center;
	margin-bottom: 1em;
	height:72px;
	border-top:1px solid #292929;
}
#controls * {
	padding: 4px;
	user-select: none;
	vertical-align: middle;
}
#buttons {
	display:block;
	margin:0 auto;
	width:772px;
	padding:0;
	list-style:none;
}
#controls li {
	float:left;
	text-align:left;
	width:233px;
	padding:4px 10px 4px 13px;
	border-right:1px solid #474747;
	border-left:1px solid #111111;
	background-image:url(images/button-click.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:65px;
}
#controls li.active {
	background-image:url(images/button-click02.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
#controls li a {
	padding:0;
	text-decoration:none;
}
#controls li a strong, #controls li a strong:visited {
	color:#bed73b;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.8;
	letter-spacing:2px;
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	clear:both;
	margin:0;
	padding:0;
}
#controls li a em, #controls li a em:visited {
display:block;
	clear:both;
	font-size:9px;
	line-height:1.3;
	font-weight:normal;
	color:#c1c1c1;
	letter-spacing:1px;
	margin:0;
	padding:0;
	width:215px;
	font-style:normal;
}


/* facility slideshow
----------------------------------------------- */
#DHTMLgoodies_panel_one {width:430px;}
#DHTMLgoodies_panel_one div {float:left;margin:20px 20px 4px;}