.nav {
    &__wrapper {
        width: 100%;
        height: 290px;
        background-repeat: no-repeat;
        background-position: center top;
    
        &-0 {
            background-image: url('../../resources/nav_0.gif');
        }
    
        &-1 {
            background-image: url('../../resources/nav_1.gif');
        }
    
        &-2 {
            background-image: url('../../resources/nav_2.gif');
        }
    
        &-3 {
            background-image: url('../../resources/nav_3.gif');
        }
    }

    &__container {
        z-index: 9999;
        margin-left: -450px;
        position: absolute;
        left: 50%;
        top: 150px;
    }

    &__left {
        width: 225px;
        height: 300px;
        float: left;
        font-size: 10px;
        height: 70px;
    }

    &__right {
        margin-top: 28px;
        height: 70px;
        float: left;
        margin-left: 85px;
        text-align: center;
    }

    &__item {
        float: left;
        line-height: 40px;
        height: 40px;
        width: 114px;
        a {
            color: #333;
            &:hover {
                color: #999;
            }
        }
    }
}