﻿/*Menu System*/
.MenuWrapper
{
    height: 30px;
    background-image: url(../Images/menu_background.png);
    background-repeat: no-repeat;
}
.Menu
{
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.Menu li
{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 100px;
    height: 30px;
    margin-right: 0px;
    background-image: url(../Images/menu_sprite.png);
    background-repeat: no-repeat;
}
.Menu a
{
    display: block;
    height: 30px;
    text-indent: -9999px;
    outline: none;
}
/*Buttons*/
#item1
{
    background-position: 0px 0px;
}
#item2
{
    background-position: -100px 0px;
}
#item3
{
    background-position: -200px 0px;
}
#item4
{
    background-position: -300px 0px;
}
#item5
{
    background-position: -400px 0px;
}
#item6
{
    background-position: -500px 0px;
}
/*Hover Over States*/
#item1:hover
{
    background-position: 0px -30px;
}
#item2:hover
{
    background-position: -100px -30px;
}
#item3:hover
{
    background-position: -200px -30px;
}
#item4:hover
{
    background-position: -300px -30px;
}
#item5:hover
{
    background-position: -400px -30px;
}
#item6:hover
{
    background-position: -500px -30px;
}
/*Active States*/
#nav-item1 #item1
{
    background-position: 0px bottom;
}
#nav-item2 #item2
{
    background-position: -100px bottom;
}
#nav-item3 #item3
{
    background-position: -200px bottom;
}
#nav-item4 #item4
{
    background-position: -300px bottom;
}
#nav-item5 #item5
{
    background-position: -400px bottom;
}
#nav-item6 #item6
{
    background-position: -500px bottom;
}
