@charset "utf-8";

/*NAVIGATION*/

div#navigation {
	width: 960px;
}

div#navigation a.nav-home,
div#navigation a.nav-bikes,
div#navigation a.nav-events,
div#navigation a.nav-shop,
div#navigation a.nav-promo,
div#navigation a.nav-us,
div#navigation a.nav-links,
div#navigation a.nav-contact,
div#navigation a.nav-impressum{
	background: url('../img/navmatrix.png') no-repeat;
	float:left;
	display: inline-block;	
	height: 40px;
	text-indent : -9000px;
	outline : none;
	margin-right: 9px;
}

#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
	}
	
#drops ul.drop {
	background:#111;
	width:inherit;
	clear:both;
	float:left;
	margin-top:39px;
	z-index: 100;
	}

#drops ul.drop li {
    width:inherit;
	clear:both;
	}
	
#drops ul.drop a {	
	clear:both;
	float:left;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	line-height: 21px;
	padding-left:8px;
	border-top: 1px solid #535353;
	}
	
#drops ul.drop a:hover {	
	background-color: #EB9B28;
	color: #000;
	}
	
#drops ul.shop-drop a{
	width: 125px;
}

#drops ul.promo-drop a{
	width: 97px;
}	

#drops ul.events-drop a{
	width: 89px;
}

#drops ul.customcycles-drop a{
	width: 81px;
}

#drops a {
	display: block;
	float:left;
	clear:both;
	width: 100px;
}

#drops li {
	float: left;
	display: inline;
	width:auto;
}

#drops li ul {
	position: absolute;
	left: -999em;
}

#drops li:hover ul {
	left: auto;
}

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
}

div#navigation a.nav-home{
	width: 69px;
	background-position : 0px 0px;	
}

div#navigation a.nav-home:hover{
	background-position : 0px -50px;	
}

body#home div#navigation a.nav-home{
	background-position : 0px -50px;	
}

div#navigation a.nav-bikes{
	width: 89px;
	background-position : -75px 0px;	
}

div#navigation a.nav-bikes:hover{
	background-position : -75px -50px;	
}

body#bikes div#navigation a.nav-bikes{
	background-position : -75px -50px;	
}

div#navigation a.nav-events{
	width: 98px;
	background-position : -170px 0px;	
}

div#navigation a.nav-events:hover{
	background-position : -170px -50px;	
}

body.events div#navigation a.nav-events{
	background-position : -170px -50px;	
}

div#navigation a.nav-promo{
	width: 105px;
	background-position : -274px 0px;	
}

div#navigation a.nav-promo:hover{
	background-position : -274px -50px;	
}

body.promo div#navigation a.nav-promo{
	background-position : -274px -50px;	
}

div#navigation a.nav-shop{
	width: 133px;
	background-position : -385px 0px;	
}

div#navigation a.nav-shop:hover{
	background-position : -385px -50px;	
}

body.shop div#navigation a.nav-shop{
	background-position : -385px -50px;	
}

div#navigation a.nav-us{
	width: 94px;
	background-position : -524px 0px;	
}

div#navigation a.nav-us:hover{
	background-position : -524px -50px;	
}

body#us div#navigation a.nav-us{
	background-position : -524px -50px;	
}

div#navigation a.nav-contact{
	width: 115px;
	background-position : -624px 0px;	
}

div#navigation a.nav-contact:hover{
	background-position : -624px -50px;	
}

body#contact div#navigation a.nav-contact{
	background-position : -624px -50px;	
}

div#navigation a.nav-links{
	width: 99px;
	background-position : -745px 0px;	
}

div#navigation a.nav-links:hover{
	background-position : -745px -50px;	
}

body#links div#navigation a.nav-links{
	background-position : -745px -50px;	
}

div#navigation a.nav-impressum{
	margin-left: 1px;
	margin-right: 0px;
	width: 84px;
	background-position : -850px 0px;	
}

div#navigation a.nav-impressum:hover{
	background-position : -850px -50px;	
}

body#impressum div#navigation a.nav-impressum{
	background-position : -850px -50px;	
}