/* Stellina Sport - base styles */

/* YUI Reset */
@import url(http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css);

/* Basic stuff */
html, body{
	background:#929283;
	color:#fff;
	font:12px/20px Arial, Helvetica, sans-serif;
}
h2{
	color:#929283;
	font:bold 1.333em Arial, Helvetica, sans-serif;
	margin-bottom:1.667em;
	text-transform:uppercase;
}
h3{
	color:#929283;
	font:bold 1.333em Arial, Helvetica, sans-serif;
	letter-spacing:.083em;
	margin:1em 0 0;
	padding-left:2px;
	text-transform:uppercase;
}
h4{
	font:bold 1em Arial, Helvetica, sans-serif;
	margin-bottom:.5em;
	padding-left:2px;
	text-transform:uppercase;
}
h6{
	color:#929283;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing:.083em;
	margin-bottom:0;
	padding-left:5px;
	text-transform:uppercase;
}
p{
	margin-bottom:1.667em;
	padding:0 .167em;
}
p.morelink{
	color:#929283;
	font-size:.833em;
	margin-top:-20px;
	text-align:right;
	text-transform:uppercase;
}
strong{
	font-weight:bold;
}
#content ul li{
	list-style-type:disc;
	margin-left:20px;
}
a:link, a:visited{
	color:#929283;
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}
a.button{
	background:#B15C12;
	color:#fff;
	margin-left:-10px;
	padding:4px 10px;
	text-transform:uppercase;
}
.clear{
	clear:both;
}

/* Header */
#header{
	background:#fff;
	height:60px;
}
#header h1 a{
	background:url(../images/header_sprite.png) no-repeat 0 0;
	color:#929283;
	display:block;
	height:60px;
	left:50%;
	margin-left:-465px;
	position:absolute;
	text-indent:-9999px;
	width:270px;
}
#header #salesnum{
	background:url(../images/header_sprite.png) no-repeat -600px -50px;
	height:30px;
	margin-right:-455px;
	position:absolute;
	right:50%;
	text-indent:-9999px;
	top:30px;
	width:150px;
}

/* Navigation */
.nav{
	position:absolute;
}
.nav.primary{
	margin-right:-460px;
	right:50%;
	top:10px;
}
.nav.secondary{
	margin-left:-195px;
	left:50%;
	top:20px;
	z-index:10;
}
.nav.tertiary{
	left:10px;
	top:5px;
}
.nav li{
	float:left;
	display:inline;
	position:relative;
}
.nav.tertiary li{
	float:left;
	margin-right:10px;
	text-transform:uppercase;
}
.nav.tertiary li.iconlink.facebook{
	margin-left:10px;
}
.nav.tertiary li.iconlink a{
	background:url('../images/iconlink_sprite.png') no-repeat 0 0;
	display:block;
	height:24px;
	text-indent:-9999px;
	width:24px;
}
.nav.tertiary li.iconlink.twitter a:link, .nav.tertiary li.iconlink.twitter a:visited{
	background-position:-24px 0;
}
.nav.tertiary li.iconlink.facebook a:hover, .nav.tertiary li.iconlink.facebook a:active{
	background-position:0 -24px;
}
.nav.tertiary li.iconlink.twitter a:hover, .nav.tertiary li.iconlink.twitter a:active{
	background-position:-24px -24px;
}
.nav li li{
	display:block;
}
.nav.tertiary li li{
	float:none;
	text-transform:none;
}
.nav.tertiary li li{
	color:#fff;
}
.nav.tertiary li li a:before{
	content:"\00bb\2003";
}
.nav.primary a{
	padding:0 5px;
}
.nav.secondary a:link, .nav.secondary a:visited{
	background:transparent url(../images/header_sprite.png) no-repeat -270px 0;
	float:left;
	display:block;
	height:40px;
	margin-right:1px;
	position:relative;
	text-indent:-9999px;
	width:58px;
}
.nav.secondary li#cyclox a:link, .nav.secondary li#cyclox a:visited{
	background-position:-330px 0;
	width:106px;
}
.nav.secondary li#mtb a:link, .nav.secondary li#mtb a:visited{
	background-position:-437px 0;
	width:45px;
}
.nav.secondary li#access a:link, .nav.secondary li#access a:visited{
	background-position:-483px 0;
	width:115px;
}
.nav.secondary li:hover, .nav.secondary li:active, .nav.secondary li:hover a, .nav.secondary li:active a{
	z-index:50;
}
.nav.secondary li#road:hover a, .nav.secondary li#road:active a{
	background-position:-270px -40px;
}
.nav.secondary li#cyclox:hover a, .nav.secondary li#cyclox:active a{
	background-position:-330px -40px;
}
.nav.secondary li#mtb:hover a, .nav.secondary li#mtb:active a{
	background-position:-437px -40px;
}
.nav.secondary li#access:hover a, .nav.secondary li#access:active a{
	background-position:-483px -40px;
}

/*dropdowns*/
div#header .nav.secondary li ul{
	left:-9999px;
	position:absolute;
/*	display:none;*/
}
div#header .nav.secondary li:hover ul{
	color:#000;
	display:block;
	background:#fff;
	border:1px solid #939383;
	left:0;
	padding:20px;
	top:39px;
	z-index:10;
}
div#header .nav.secondary li li{
	width:360px;
}
div#header .nav.secondary li li img{
	float:left;
	margin-right:10px;
}
div#header .nav.secondary li li p{
	font-size:.917em;
	font-weight:bold;
}
div#header .nav.secondary li li p.morelink{
	font-weight:normal;
	text-align:left;
}
div#header .nav.secondary li li a{
	background:none;
	display:inline;
	float:none;
	height:auto;
	margin:none;
	text-indent:0;
	white-space:nowrap;
	width:auto;
}

/* Container */
#container{
	background:#fff url(../images/container_bg.gif) repeat-x 0 0;
	color:#000;
	position:relative;
}

body#home #container{
	background:#fff url(../images/container_bg_home.gif) repeat-x 0 0;
}

/* Feature Box */
#featurebox{
	color:#fff;
	height:254px;
	margin:0 auto;
	overflow:visible;
	padding-top:74px;
	position:relative;
	width:930px;
}
.interior #featurebox{
	position:absolute;
	left:50%;
	margin:74px 0 0 135px;
	padding-top:30px;
	width:330px;
}
#blog.interior #featurebox{
	padding:0 0 0 30px;
}
.interior #featurebox p{
	padding:10px;
}
.interior #featurebox a{
	color:#ddd;
}
#featurebox h2{
	color:#fff;
	font-size:2.5em;
	margin-bottom:0;
}
#featurebox div.galleria_container{
	float:left;
	margin-right:30px;
}
#featurebox ul.galleria{
	left:50%;
	margin:0 0 0 100px;
	position:absolute;
	bottom:-64px;
}
#home #featurebox{
	height:396px;
	padding:0;
}

/* interior sidenav */
.sidenav{
	position:absolute;
	left:50%;
	margin:430px 0 0 135px;
}
.sidenav li a{
	background:#B15C12;
	color:#fff;
	display:block;
	margin-bottom:20px;
	padding:4px 10px;
	text-transform:uppercase;
	width:160px;
}
.sidenav li.here a{
	background:#929283;
}


/* Content */
#content{
	margin:0 auto;
	overflow:visible;
	padding:20px 10px 20px;
	width:910px;
}
#bikes #content{
	padding-right:380px;
	width:530px;
}
.interior #content{
	background:transparent url(../images/interior_content_bg.gif) repeat-y 0 0;
	min-height:500px;
	padding:70px 390px 30px 40px;
	width:500px;
}
#blog.interior #content{
	min-height:450px;
}
#blog.interior #content h3 { color: black; text-transform: none; }
#blog.interior #content h3 a { text-transform: uppercase; }
#content img.tech{
	float:right;
	margin-right:-380px;
}
#content .geometry{
	padding:20px 0;
	width:900px;
}
.interior #content h2{
	color:#000;
	font-size:3em;
	margin-bottom:.555em;
	text-transform:none;
}
.interior #content h2 a{
	color:#000;
}
#content .geometry h3{
	background:#929283;
	color:#fff;
	margin:0;
}
#content .geometry img{
	margin:10px 0 0 5px;
}
#content .geometry table{
	float:right;
}
#content .geometry th{
	background:#929283;
	border-left:2px solid #c8c8c1;
	color:#fff;
	padding:5px;
	text-transform:uppercase;
	width:60px;
	vertical-align:top;
}
#content .geometry th.first{
	border:none;
}
#content .geometry th span{
	font-size:.667em;
	line-height: .667em;
}
#content .geometry td{
	border-bottom:2px solid #929283;
	padding:5px;
}
#content .geometry tr.last td{
	border:0;
	padding-top:15px;
}
#home #content{
	padding-top:40px;
}
#home #content div.block{
	width: 290px;
	float: left;
}
#home #content div#ad { margin-right: 20px; }
#home #content div#headlines { margin-right: 20px; }
#home #content div#headlines h1 { font-size: 0.833em; line-height: 0.833em; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; }
#home #content div#headlines h2 { color: black; }

/* Footer */
#footer{
	color:#231f20;
	font-size:.917em;
	height:100px;
	margin:0 auto;
	padding:5px 10px 40px;
	position:relative;
	width:910px;
}
#footer a:link, #footer a:visited{
	color:#fff;
}
#footer p{
	text-align:right;
}