/*---[ Details ]---------------------------------------
Screen Style Sheet
Author: Lee Powell
-------------------------------------------------------*/

/*-----------------------------------------------------
[01] Reset 
[02] HTML / Body
[03] Anchors
[04] Images
[05] Headings
[06] Lists
[07] Forms
[08] Tables
[09] Phrase Elements
[10] Misc Inline
[11] Misc Block
-------------------------------------------------------*/
html {
	height: 100%;
	background: url('/img/branding/bg_page.jpg') -600px -550px repeat;
}
body {
	/* min-height: 650px; */
	min-height: 100%;
	min-width: 1009px;
	background: url('/img/branding/bg_sidebar.gif') repeat-y;
	position: relative;
}

/* [01] Header
-------------------------------------------------------*/
#header {
	padding: 35px 35px 35px 10px;
	position: relative;
	z-index: 2;
	width: 280px;
	float: left;
}
#logo {
	float: right;
	margin-bottom: 43px;
}
.js #logo {
	cursor: pointer;
}
#mission {
	text-align: right;
	padding-left: 20px;
}
#mission * {
	font: bold 1em Helvetica, Arial, Verdana, sans-serif;
}
#mission em {
	display: block;
	margin-bottom: 35px;
	background: url('/img/branding/imr_mission.png') top right no-repeat;
	width: 255px;
	height: 286px;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
	position: relative;
	right: -7px;
}

/* [02] Navigation
-------------------------------------------------------*/
#nav-global {
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0 0 45px;
}
#nav-global li {
	list-style: none;
	margin: 0;
	font-size: 3em; /* 33px */
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	line-height: 0.879em; /* 29px */
	color: #742679;
}
#nav-global li li {
	font-size: 1em;
	overflow: hidden;
}
#nav-global li a,
#nav-global .products span {
	float: right;
	display: block;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
#nav-global li a {
	font-style: normal;
	color: #742679;
}
#nav-global li a.current,
#nav-global li a:hover {
	color: #F7931E;
	text-decoration: none;
}

/* Image Replacements */
#nav-global li.products span,
#nav-global li.team a,
#nav-global li.contact a {
	background: url('/img/branding/spr_nav_global.gif') no-repeat;
	height: 28px;
}

/* Products */
#nav-global li.products {
	overflow: hidden;
	margin-bottom: 0;
}
#nav-global li.products a {
	font-weight: normal;
	letter-spacing: -0.05em;
	padding-right: 1px;
}
#nav-global li.products span {
	cursor: pointer;
	width: 179px;
	background-position: -1px 0;
}
#nav-global li.products span:hover {
	background-position: -1px -29px;
}
#nav-global li.products ul {
	clear: both;
	margin: 0 0 0.667em; /* 22px */
	padding: 0;
	text-align: right;
	overflow: hidden;
}
#nav-global li.products ul ul {
	margin-bottom: 0;
}
#nav-global li.products ul ul li {
	margin: 0;
}
#nav-global li.products li.mtb {
	margin-top: 2px;
}
#nav-global li.bmx ul {
	margin-top: 0.242em; /* 8px */
}
#nav-global li.mtb li,
#nav-global li.bmx li {
	float: right;
	clear: both;
}
#nav-global li.products ul li ul > li:first-child a {
	padding-left: 30px;
	background: 0 3px no-repeat;
}
#nav-global li.products li.mtb ul > li:first-child a {
	background-image: url('/img/branding/bg_nav_global_mtb.gif');
}
#nav-global li.products li.bmx ul > li:first-child a {
	background-image: url('/img/branding/bg_nav_global_bmx.gif');
}

/* Team */
#nav-global li.team a {
	width: 91px;
	background-position: -187px 0;
}
#nav-global li.team a.current,
#nav-global li.team a:hover {
	background-position: -187px -29px;
}

/* Contact */
#nav-global li.contact a {
	width: 153px;
	background-position: -284px 0;
}
#nav-global li.contact a.current,
#nav-global li.contact a:hover {
	background-position: -284px -29px;
}

#nav-global li.team,
#nav-global li.contact {
	clear: both;
}

/* [03] Content
-------------------------------------------------------*/
#content {
	padding: 35px 0 80px 25px;
	margin-left: 325px;
	position: relative;
	z-index: 3;
	width: 657px;
	background: url('/img/branding/bg_shadow.png') top left no-repeat;
}

#content.cols-2 .col-1 {
	width: 435px;
}
#content.cols-2 .col-2 {
	width: 212px;
	float: right;
}

/* Content Block */
.content-block {
	margin: 0 0 10px 0;
}
.content-block .corner {
	height: 5px;
	width: 5px;
	position: absolute;
	background: url('/img/branding/bg_roundedcorners.png') top left no-repeat;
}
.content-block .corners {
	height: 5px;
	margin: 0 5px;
	background: #FFF;
	position: relative;
}
.content-block .corner.left {
	top: 0;
	left: -5px;
}
.content-block .corner.right {
	top: 0;
	right: -5px;
	background-position: top right;
}
.content-block .bottom .corner.left {
	background-position: bottom left;
}
.content-block .bottom .corner.right {
	background-position: bottom right;
}
.content-block .content {
	background: #FFF;
	padding: 1px 6px 6px;
	position: relative;
}
.content-block img {
	margin-bottom: 1.364em; /* 15px */
}
.content-block .title {
	font-size: 1.636em; /* 18px */
	margin: 0.167em 0 0.389em; /* 3px 0 7px */
}
.content-block .title + * {
	margin-top: 0;
}
.content-block .footer {
	border-top: 1px solid #CCC;
	margin-top: 1.272em; /* 14px */
	padding: 0.583em 3px 0 0; /* 7px */
	line-height: 1.3;
}
.content-block .footer a {
	float: right;
	font-size: 1.273em; /* 14px */
}
.content-block .footer .date {
	float: left;
}
.content-block .footer br {
	display: none;
}

/* Content Blocks - rows of smaller content blocks */
.content-block-grid {
	position: relative;
}
.content-block-grid .content-block {
	float: left;
	width: 212px;
	padding-left: 11px;
}
.content-block-grid .row-first {
	padding-left: 0;
	clear: left;
}

/* Custom Content Blocks */
.content-block.news-archive .content {
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.272em; /* 14px */
}

.content-block.team-member h2 {
	float: left;
	margin: 0;
}
.content-block.team-member .footer {
	float: right;
	border: none;
	margin: 0;
	padding: 0.273em 0 0; /* 3px */
}

/* [04] Footer
-------------------------------------------------------*/
#footer {
	position: relative;
	z-index: 3;
	clear: both;
	padding-bottom: 30px;
}
#footer * {
	font-weight: bold;
}
#footer span {
	width: 290px;
	display: block;
	text-align: right;
	float: left;
}
#footer ul {
	padding: 0;
	margin: 0 0 0 360px;
}
#footer li {
	display: inline;
	text-transform: lowercase;
}
#footer li:after {
	content: '.';
	color: #CF26A2;
}
#footer a {
	font-style: normal;
}

/* [05] Image Replacements
-------------------------------------------------------*/
.imr,
#nav-global li.products span,
#nav-global li.team a,
#nav-global li.contact a,
#home h1,
#home #content .col-2 h2,
#team h1 {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

/* [06] Button Image Replacements
-------------------------------------------------------*/
input.imr,
button.imr {
	border: none;
	padding: 0;
}

/* [07] Clearfix
-------------------------------------------------------*/
/* More info at: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after,
#content:after,
.content-block:after,
.content-block .footer:after,
.content-block-grid:after,
.content-block.team-member .content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0;
}
.clearfix,
#content,
.content-block,
.content-block .footer,
.content-block-grid,
.content-block.team-member .content {
	display: block;
}

/* [08] Accessible Hide
-------------------------------------------------------*/
.hide,
#nav-access,
#nav-global li.home,
#nav-global li.mtb span,
#nav-global li.bmx span,
.content-block .footer .date span {
	position: absolute;
	display: block;
	height: 0;
	visibility: hidden;
	left: -9999px;
	top: -9999px;
	padding: 0;
	margin: 0;
}
legend.hide,
legend.hide span {
	line-height: 0;
	padding: 0;
}

/* [09] Misc
-------------------------------------------------------*/
/* Columns */
.column {
	float: left;
}

/* Splatters */
.splatter-1,
.splatter-2,
.splatter-3 {
	position: absolute;
}
.splatter-3 {
	width: 220px;
	height: 235px;
	bottom: 0;
	left: 0;
	background: url('/img/branding/bg_splatter_3.gif') 0 0 no-repeat;
	z-index: 1;
}
.splatter-1 {
	width: 499px;
	height: 484px;
	top: 0;
	right: 0;
	background: url('/img/branding/bg_splatter_1.png') 0 0 no-repeat;
	z-index: 1;
}
.splatter-2 {
	width: 479px;
	height: 420px;
	bottom: 0;
	right: 0;
	background: url('/img/branding/bg_splatter_2.png') 0 0 no-repeat;
	z-index: 2;
}

/* Additional Images */
div.img-add {
	clear: both;
	padding-top: 5px;
}
div.img-add ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
	overflow: hidden;
}
div.img-add li {
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px 5px 0;
}
div.img-add img {
	border: 1px solid #666;
}

/* Shadowbox */
#sb-body-wrapper .corner {
	height: 5px;
	width: 5px;
	position: absolute;
	background: url('/img/branding/bg_roundedcorners.png') top left no-repeat;
}
#sb-body-wrapper .corners {
	height: 5px;
	margin: 0 5px;
	background: #FFF;
	position: relative;
}
#sb-body-wrapper .corner.left {
	top: 0;
	left: -5px;
}
#sb-body-wrapper .corner.right {
	top: 0;
	right: -5px;
	background-position: top right;
}
#sb-body-wrapper .bottom .corner.left {
	background-position: bottom left;
}
#sb-body-wrapper .bottom .corner.right {
	background-position: bottom right;
}

	
/*-----------------------------------------------------
Page Specific
-------------------------------------------------------*/

/* [01] Home
-------------------------------------------------------*/
#home h1,
#home #content .col-2 h2 {
	background: 0 0 no-repeat;
	margin: 10px 0 15px;
}
#home h1 {
	background-image: url('/img/branding/imr_home.png');
	width: 96px;
	height: 25px;
}
#home #content .col-2 h2 {
	background-image: url('/img/branding/imr_news.png');
	width: 94px;
	height: 25px;
}

/* [02] Product
-------------------------------------------------------*/
#product.mtb h1 {
	padding-top: 27px;
	background: url('/img/branding/bg_productsmtb.png') 2px 0 no-repeat;
	font-weight: normal;
	letter-spacing: -0.05em;
}
#product.bmx h1 {
	padding-top: 27px;
	background: url('/img/branding/bg_productsbmx.png') 1px 0 no-repeat;
	font-weight: normal;
	letter-spacing: -0.05em;
}
#product .product-main .intro {
	font-size: 1.636em; /* 18px [11px] */
	line-height: 1.056em; /* 19px */
	font-weight: bold;
	margin: 0 0 0.833em; /* 0 0 15px */
}
#product .product-main .footer {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 15px;
}
#product .product-main .footer a {
	float: none;
}

#product.holeshot .product-main .footer {
	top: 230px;
	right: 15px;
}

/* [03] Team
-------------------------------------------------------*/
#team h1 {
	background: url('/img/branding/imr_team.png') 0 0 no-repeat;
	width: 91px;
	height: 24px;
	margin: 10px 0 15px;
}

/* [04] Contact
-------------------------------------------------------*/
#contact .content-block {
	font-size: 1.167em; /* 14px */
	line-height: 1.3;
}
#contact .content-block h2 {
	margin-top: 0;
	font-size: 1.5em; /* 18px */
	line-height: 1.1;
}

/* [05] Shadowbox
-------------------------------------------------------*/
/* Image */
img#sb-content {
	margin: 5px 10px 0;
}

/* Contact */
#sb-content.contact div {
	padding: 15px 15px 0;
	font-size: 1.167em; /* 14px */
	line-height: 1.3;
}
#sb-content.contact h2 {
	margin: 0 0 15px;
	padding-top: 55px;
	width: 280px;
	font-size: 1.5em; /* 18px */
	background: url('/img/branding/img_logo.gif') 0 0 no-repeat;
	line-height: 1.1;
}
#sb-body-wrapper .splatter {
	width: 191px;
	height: 138px;
	background: url('/img/branding/bg_splatter_small.png') 0 0 no-repeat;
	position: absolute;
	top: 0;
	right: 0;
}

/* [06] Product
-------------------------------------------------------*/
#product.alpine .product-main .footer {
	top: 298px;
}
#product.princealbert .product-main .footer {
	top: 298px;
}
#product.lovehate .product-main .footer {
	top: 251px;
}
#product.holeshot .product-main .footer {
	top: 230px;
}
#product.mx20r .product-main .footer {
	top: 196px;
}
#product.mx24r .product-main .footer {
	top: 196px;
}

/* [07] News
-------------------------------------------------------*/
#news h1 {
	color: #E69303;
}
#news .article-date {
	color: #B3268E;
}
#news .col-2 {
	padding-top: 54px;
}
#news .col-2 h2 {
	margin: 0 0 1.389em; /* 25px */
}
#news #archive {
	list-style: none;
	padding: 0;
	margin: 0;
}
#news #archive li span {
	display: block;
}
#news #archive li {
	margin: 0 0 15px;
}