@charset "UTF-8";
/* CSS Document */

/* Main Navigation */

#dtaNav {
	list-style: none;
	width:900px;
	height:178px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#dtaNav ul{
	list-style:none;
}

#dtaNav li {
	float: left;
	width: 225px;
}

#dtaNav a {
	border: none;
	font-size: 0px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	cursor:pointer;
	display: block;
}

li.blues, li.blues a {background-image: url(../images/nav.jpg); height: 178px; background-position: 0px 0px;}

li.rockfox, li.rockfox a {background-image: url(../images/nav.jpg);	height: 178px; background-position: -225px 0px;}

li.fanfav, li.fanfav a {background-image: url(../images/nav.jpg);	height: 178px; background-position: -450px 0px;}

li.blank, li.blank a {background-image: url(../images/nav.jpg);	height: 178px; background-position: -675px 0px;}

/*HOVER*/

li.blues a:hover {background-image: url(../images/nav.jpg); height: 178px; background-position: 0px -178px;}
li.blues a.current {background-position: 0px -178px;}

li.rockfox a:hover {background-image: url(../images/nav.jpg); height: 178px; background-position: -225px -178px;}
li.rockfox a.current {background-position: -225px -178px;}

li.fanfav a:hover {background-image: url(../images/nav.jpg); height: 178px; background-position: -450px -178px;}
li.fanfav a.current {background-position: -450px -178px;}

li.blank a:hover {background-image: url(../images/nav.jpg);	height: 178px; background-position: -675px -178px;}
li.blank a.current {background-position: -675px -178px;}

.blues li.blues a,
.rockfox li.rockfox a,
.fanfav li.fanfav,
.blank li.blank a
{background: none;}


/* sub Navigation */

#dtaNavPhoto {
	list-style: none;
	width:900px;
	height:25px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#dtaNavPhoto ul{
	list-style:none;
}

#dtaNavPhoto li {
	float: left;
	width: 225px;
}

#dtaNavPhoto a {
	border: none;
	font-size: 0px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	cursor:pointer;
	display: block;
}

li.bluesPhoto, li.bluesPhoto a {background-image: url(../images/subnav.jpg); height: 25px; background-position: 0px 0px;}

li.rockfoxPhoto, li.rockfoxPhoto a {background-image: url(../images/subnav.jpg);	height: 25px; background-position: -225px 0px;}

li.fanfavPhoto, li.fanfavPhoto a {background-image: url(../images/subnav.jpg);	height: 25px; background-position: -450px 0px;}

li.blankPhoto, li.blankPhoto a {background-image: url(../images/subnav.jpg);	height: 25px; background-position: -675px 0px;}

/*HOVER*/

li.bluesPhoto a:hover {background-image: url(../images/subnav.jpg); height: 25px; background-position: 0px -25px;}
li.bluesPhoto a.current {background-position: 0px -25px;}

li.rockfoxPhoto a:hover {background-image: url(../images/subnav.jpg); height: 25px; background-position: -225px -25px;}
li.rockfoxPhoto a.current {background-position: -225px -25px;}

li.fanfavPhoto a:hover {background-image: url(../images/subnav.jpg); height: 25px; background-position: -450px -25px;}
li.fanfavPhoto a.current {background-position: -450px -25px;}

li.blankPhoto a:hover {background-image: url(../images/subnav.jpg);	height: 25px; background-position: -675px -25px;}
li.blankPhoto a.current {background-position: -675px -25px;}

.bluesPhoto li.bluesPhoto a,
.blankPhoto li.blankPhoto a,
.rockfoxPhoto li.rockfoxPhoto,
.fanfavPhoto li.fanfavPhoto a
{background: none;}