.menu {
    width: 100%;
    height: 152px;

    position: fixed;
    top: 0px;
    text-align: center;

    background-color: #2c7a4f;
    border-bottom: 10px solid #1d4f33;

    z-index: 2;
}

.menuButton {
    width: 132px;
    height: 132px;

    position: relative;
    margin: 10px 20px;
    z-index: 100;
}

.menuActive {
    background-position-x: 132px;
}

#menuRemote {
    float: left;
    background-image: url('../img/remote.png');
}

#menuNow {
    float: left;
    background-image: url('../img/now.png');
}

#menuNext {
    float: left;
    background-image: url('../img/next.png');
}

#menuSettings {
    float: right;
    background-image: url('../img/settings.png');
}

#menuBackground {
    width: 172px;
    height: 162px;

    position: absolute;
    left: 172px;
    background-color: #1d4f33;

    z-index: 1;
}