.navStory a, .navBrands a, .navTeam a, .navProcess a, .navNews a, .navContact a{
display: block;
float: left;
height: 77px;
width: 108px;
text-indent: -9999em;
margin-top: 1px;
background: url(/images/navStory.gif) no-repeat 0 0;
}

.navBrands a{
width: 97px;
background: url(/images/navBrands.gif) no-repeat 0 0;
}
.navTeam a{
width: 88px;
background: url(/images/navTeam.gif) no-repeat 0 0;
}
.navProcess a{
width: 126px;
background: url(/images/navProcess.gif) no-repeat 0 0;
}
.navNews a{
width: 85px;
background: url(/images/navNews.gif) no-repeat 0 0;
}
.navContact a{
width: 103px;
background: url(/images/navContact.gif) no-repeat 0 0;
}

/* HOVER STATES */

.navStory a:hover, .navBrands a:hover, .navTeam a:hover, .navProcess a:hover, .navNews a:hover, .navContact a:hover{
background-position: 0 -78px; 
}

/* ACTIVE STATES */

.navStory_active a, .navBrands_active a, .navTeam_active a, .navProcess_active a, .navNews_active a, .navContact_active a{
display: block;
float: left;
height: 77px;
width: 108px;
text-indent: -9999em;
margin-top: 1px;
background: url(/images/navStory.gif) no-repeat 0 -78px;
}

.navBrands_active a{
width: 97px;
background: url(/images/navBrands.gif) no-repeat 0 -78px;
}
.navTeam_active a{
width: 88px;
background: url(/images/navTeam.gif) no-repeat 0 -78px;
}
.navProcess_active a{
width: 126px;
background: url(/images/navProcess.gif) no-repeat 0 -78px;
}
.navNews_active a{
width: 85px;
background: url(/images/navNews.gif) no-repeat 0 -78px;
}
.navContact_active a{
width: 103px;
background: url(/images/navContact.gif) no-repeat 0 -78px;
}