.navigation {
	font-family:Helvetica, "Times New Roman", Times, serif;
	color: #ffffff;
	font-size:.8em;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:10;
	width:960px;
	height: 38px;
	text-align: left;
	background-image:url(../Images/png/navigation.png);
	overflow: hidden;
}

.navigation b
{
	display: none;
}

.navhome		{float: left; width: 60px; background-image: url(/Images/Nav/home.png);}
.navsurf		{float: left; width: 63px; background-image: url(/Images/Nav/surf.png);}
.navwind		{float: left; width: 61px; background-image: url(/Images/Nav/wind.png);}
.navkite		{float: left; width: 59px; background-image: url(/Images/Nav/kite.png);}
.navwake		{float: left; width: 66px; background-image: url(/Images/Nav/wake.png);}
.navsnowboard	{float: left; width: 101px; background-image: url(/Images/Nav/snowboard.png);}
.navabout		{float: left; width: 91px; background-image: url(/Images/Nav/about.png);}
.navcontact		{float: left; width: 109px; background-image: url(/Images/Nav/contact-us.png);}
.navprivacy		{float: left; width: 125px; background-image: url(/Images/Nav/privacy.png);}

.navhome:hover, .navsurf:hover, .navwind:hover, .navkite:hover, .navwake:hover, .navsnowboard:hover, .navabout:hover, .navcontact:hover, .navprivacy:hover {background-position: 0 -38px;}

.topnav	{display: block; height: 38px;}

.navigation ul {
	list-style:none;
	margin:0px;	
	line-height:1em;
}

.navigation li {
	margin:0px;	
}

.navigation li {
	float:left;
	position:relative;
}

.navigation a {
	text-decoration:none;
	color:#ffffff;
	padding: 0;
	display:block;
}
.navigation a span
{
padding-top: 10px;
}

.navtext
{
padding-top: 19px;
}


.navigation .on, .navigation a:hover {
} 

.navigation .decks {
float:left;
padding: 0px;
margin: 0px;
	text-align: left;
	width:52px;
	height:9px;
}

.navigation .decksOn, .navigation .decks:hover, .navigation .decksOn:hover {
	background-image:url(../Images/png/nav-decks-over.png);
}

.navigation .trucks {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:65px;
	height:9px;
}

.navigation .trucksOn, .navigation .trucks:hover, .navigation .trucksOn:hover {
	background-image:url(../Images/png/nav-trucks-over.png);
}

.navigation .wheels {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:65px;
	height:9px;
}

.navigation .wheelsOn, .navigation .wheels:hover, .navigation .wheelsOn:hover {
	background-image:url(../Images/png/nav-wheels-over.png);
}

.navigation .completes {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:85px;
	height:9px;
}

.navigation .completesOn, .navigation .completes:hover, .navigation .completesOn:hover {
	background-image:url(../Images/png/nav-completes-over.png);
}

.navigation .bearings {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:75px;
	height:9px;
}

.navigation .bearingsOn, .navigation .bearings:hover, .navigation .bearingsOn:hover {
	background-image:url(../Images/png/nav-bearings-over.png);
}

.navigation .longboards {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:95px;
	height:9px;
}

.navigation .longboardsOn, .navigation .longboards:hover, .navigation .longboardsOn:hover {
	background-image:url(/Images/png/nav-longboards-over.png);
}

.navigation .skatebags {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:90px;
	height:9px;
}

.navigation .skatebagsOn, .navigation .skatebags:hover, .navigation .skatebagsOn:hover {
	background-image:url(../Images/png/nav-skate-bags-over.png);
}

.navigation .protection {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:85px;
	height:9px;
}

.navigation .protectionOn, .navigation .protection:hover, .navigation .protectionOn:hover {
	background-image:url(../Images/png/nav-protection-over.png);
}

.navigation .shoes {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:60px;
	height:9px;
}

.navigation .shoesOn, .navigation .shoes:hover, .navigation .shoesOn:hover {
	background-image:url(../Images/png/nav-shoes-over.png);
}

.navigation .setupdeals {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:90px;
	height:9px;
}

.navigation .setupdealsOn, .navigation .setupdeals:hover, .navigation .setupdealsOn:hover {
	background-image:url(../Images/png/nav-setup-deals-over.png);
}

.navigation .ramps {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:95px;
	height:9px;
}

.navigation .rampsOn, .navigation .ramps:hover, .navigation .rampsOn:hover {
	background-image:url(../Images/png/nav-ramps-over.png);
}
.navigation .accessories {
float:left;
padding: 0px;
margin: 0px;
	text-align: center;
	width:84px;
	height:9px;
}

.navigation .accessoriesOn, .navigation .accessories:hover, .navigation .accessoriesOn:hover {
	background-image:url(/Images/png/nav-accessories-over.png);
}



.navigation .arr img
{
	position:absolute;
	top:-7px;
	right:140px;	
	}

/*---------------------------------------------------------------------- Start CSS dropdown -------------------------------------------------------*/

.navigation li ul.navigation-2 {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	top:0.8em;
	left:10px;
	border:1px solid #000000;
	font-size:80%;
	font-weight:normal;
	background:url(../Images/Png/black.png);
	width:12em;
	z-index:15;
	color:red;
}
.navigation li:hover ul.navigation-2 {
	display:block;
	z-index:15;

}
.navigation li ul.navigation-2 li {
	width:12em;
	clear:left;
	background:url(../Images/Png/black.png);
	z-index:500;
}
.navigation ul.navigation-2 li a:link, .navigation ul.navigation-2 li a:visited {
	clear:left;
	padding:5px 10px;
	position:relative;
	text-decoration:none;
	border-bottom:1px solid #000000;
	width:10.5em;
	background:url(../Images/Png/black.png);
	z-index:15;
}
.navigation li ul.navigation-2 li:hover a, .navigation li ul.navigation-2 li a:hover {
	background:black;
	color:red;
}

/*----------------------3rd level drop down----------------------*/

.navigation li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:12em;
	top:-1px;
	padding:1px 1px -2px 1px;
	background:none;
	z-index:1000;
	border:1px solid #000000;
}
.navigation li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
.navigation li ul.navigation-2 li ul.navigation-3 li a:link, .navigation li ul.navigation-2 li ul.navigation-3 li a:visited {
	width:10.5em;
	clear:left;
	color:#5e5e5e;
}
.navigation li ul.navigation-2 li ul.navigation-3 li:hover a, .navigation li ul.navigation-2 li ul.navigation-3 li a:hover {
	background:black;
	color:red;
}