/* CSS Document */

#mainNav{
	clear: both;
	margin-left: 68px;
}
#contestNav span, #teamRoster span{
	float: left;
	position: absolute;
	left: -9999px;
}
#mainNav li a{
	float: left;
	display: block;
	clear: both;
	width: 300px;
	text-decoration: none;
	font-size: 21px;
	color: #868787!important;
	margin-bottom: 5px;
	}
#mainNav li a:hover{
	color: #f;
}
#mainNav a#contestNav {
	width: 210px;
	height: 210px;
	background-image: url(../images/shared/contestBundle.gif);
	background-repeat: no-repeat;
	margin-top: 35px;
	margin-left: -30px;
}
#mainNav a#buyDirectNav span{
	display: block!important;
	clear: both!important;
	font-size: 14px!important;
	letter-spacing: 2px;
}
#mainNav a#buyDirectNav{
	line-height: 16px;
}
#connectNav {
	margin-top: 35px;
	margin-bottom: 20px;
	height: 40px;
}
#connectNav span{
	float: left;
	position: absolute;
	left: -9999px;
}
#connectNav li a{
	display: inline;
	float: right;
	border: 0px!important;
}
#connectNav a#joinNewsletter {
	width: 160px;
	height: 40px;
	background-image: url(../images/shared/joinNewsletter.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin-left: 20px;
}
#connectNav a#facebookIcon {
	width: 40px;
	height: 40px;
	background-image: url(../images/shared/facebookIcon_sprite.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left: 8px;
}
#connectNav a#facebookIcon:hover{
	background-position: top;
}
#connectNav a#twitterIcon{
	width: 40px;
	height: 40px;
	background-image: url(../images/shared/twitterIcon_sprite.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
#connectNav a#twitterIcon:hover{
	background-position: top;
}
#connectNav a#youTubeIcon{
	width: 40px;
	height: 40px;
	background-image: url(../images/shared/youTubeIcon_sprite.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-left: 8px;
}
#connectNav a#youTubeIcon:hover{
	background-position: top;
}

#teamRoster{
	width: 620px;
	display: inline!important;
}
li.teamRider{
	display: block!important;
	float: left;
	width: 175px;
	margin-right:100px;
	margin-bottom: 20px;
}
#teamRoster img.team{
	width: 175px;
	height: 175px;
	margin-bottom: 15px;
}
#teamRoster p.skaterName{
	font-size: 21px!important;
	display: block;
	margin-bottom: 8px!important;
	text-align: center!important;
}
#teamRoster p.skaterCity{
	font-size: 16px!important;
	letter-spacing: 1px;
	display: block;
	text-align: center!important;
}
li.riderStatus{
	margin-top: 50px;
}

/* Main Navigation -- highlighting current page based on the body ID definition */
body#news #mainNav a#newsNav,
body#team #mainNav a#teamNav,
body#video #mainNav a#videoNav,
body#products #mainNav a#productsNav,
body#faq #mainNav a#faqNav,
body#contact #mainNav a#contactNav,
body#ads #mainNav a#adsNav{
	background-position: top;
}

