#navigation {
position: fixed;
top: 0;
width: 100%;
border-width:0px;
outline:none;
z-index: 100;
color: #ffffff;
height: 30px;
text-align: center;
padding-top: 12px;
/* Adds shadow to the bottom of the bar 
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;*/
/* Adds the transparent background */
background-color: rgba(1, 1, 1, 0.77);
/*color: rgba(1, 1, 1, 0.8);*/
}
#navigation a {
font-family: "Helvetica Neue";
font-weight: lighter;
font-size: 16px;
padding-left: 65px;
padding-right: 65px;
color: gainsboro;
}

#navigation a:hover {
color: grey;
}