#navigation {
    display: inline;
    position: absolute;
    right: 150px;
    bottom: 0;
    color: white;
    width: 570px;
}

.round-button{
    width: 130px;
    height: 30px;
    background-color: #000;
    border-radius: 15px 30px 0 0;
    line-height :30px;
    text-align :center;
    z-index: 1;
    display: inline-block;
    position: absolute;
    bottom: 0;
}

.round-button a{
    border-radius: 15px 30px 0 0;
    text-decoration: none;
    color: #fff;
    display: block;
    font-weight: bold;
}

.round-button.even a {
    background: #73b6e5;
    color: #ffffff;
}

.round-button.odd a {
    background: #dddc00;
    color: #00233a;
}

.round-button.active a {
    background: #ffffff;
    color: #00233a;
}

#button-1 a:hover,
#button-2 a:hover,
#button-3 a:hover,
#button-4 a:hover,
#button-5 a:hover
{
    background-color: #fff;
    color: #00233a;
}

#button-1 {
    z-index: 100;
    background-color:blue;
    left: 0;
}
#button-2 {
    z-index: 90;
    background-color:yellow;
    left: 110px;
}
#button-3 {
    z-index: 80;
    background-color:orange;
    left: 220px
}
#button-4 {
    z-index: 70;
    background-color: olive;
    left: 330px;
}
#button-5 {
    z-index: 60;
    left: 440px;
}