/* Default */

body {
	background-color: #000;
}
#nav {
width: 635px;
height: 34px;
float: right;
margin: 0;
padding: 0;
list-style:none;
}
#nav li {
float: left;
padding: 0 10px;
}

#nav li a {
margin: 0;
padding: 0;
display: block;
height: 34px;
background: url(http://www.maingear.com/boutique/pc/images/site-graphics/nav_main2.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_products a {

width: 107px;
background-position: 0 0;
}
li#nav_history a {

width: 92px;
background-position: -134px 0;
}

li#nav_community a {

width: 105px;
background-position: -253px 0;
}

li#nav_reviews a {

width: 117px;
background-position: -383px 0;
}

li#nav_support a {

width: 113px;
background-position: -522px 0;
}




/*hover state*/

li#nav_products a:hover {
background-position: 0 -61px;
}

li#nav_history a:hover {
background-position: -134px -61px;
}

li#nav_community a:hover {
background-position: -253px -61px;
}

li#nav_reviews a:hover {
background-position: -383px -61px;
}

li#nav_support a:hover {
background-position: -522px -61px;
}

/*
#nav {
width: 636px;
height: 34px;
position: relative;
background: url(../img/nav_main.png);
margin: 0;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 34px;
background: url(../img/nav_main.png) no-repeat;
text-indent: -9999px;
overflow: hidden;
}


li#nav_products a {
left: 0px;
width: 107px;
background-position: 0 0;
}
li#nav_history a {
left: 134px;
width: 92px;
background-position: -134px 0;
}

li#nav_community a {
left: 253px;
width: 105px;
background-position: -253px 0;
}

li#nav_reviews a {
left: 383px;
width: 117px;
background-position: -383px 0;
}

li#nav_support a {
left: 520px;
width: 117px;
background-position: -520px 0;
}*/




/*hover state

li#nav_products a:hover {
background-position: 0 -61px;
}

li#nav_history a:hover {
background-position: -134px -61px;
}

li#nav_community a:hover {
background-position: -253px -61px;
}

li#nav_reviews a:hover {
background-position: -383px -61px;
}

li#nav_support a:hover {
background-position: -520px -61px;
}*/


/*current state*/

#body_products li#nav_products a {
background-position: 0 -126px;
}

#body_history li#nav_history a {
background-position: -134px -126px;
}

#body_community li#nav_community a {
background-position: -253px -126px;
}

#body_reviews li#nav_reviews a {
background-position: -383px -126px;
}

#body_support li#nav_support a {
background-position: -522px -126px;
}