#navigation {
font-size: 1.2em;

}
ul#navigation {
float: right;
width: 300px;
min-width: 300px;

}
ul#navigation li {
list-style-type: none;
display: block;
width: 25%;
float: left;
text-align: center;
font-family: "Lucida Grande", sans-serif;
height: 2.5em;
border-right: 1px #818181 solid;
-webkit-box-shadow: 1px 1px 1px #bbb;
box-shadow: 1px 1px 1px #bbb;
}
ul#navigation li a {
display: block;
padding: .6em .6em .5em .5em;
text-decoration: none;
color: 35599f;
text-shadow: 1px 1px 0px #cccccc;
}


ul#navigation li:first-child {
-webkit-border-top-left-radius: .5em;
-moz-border-radius-topleft: .5em;
border-top-left-radius: .5em;
-webkit-border-bottom-left-radius: .5em;
-moz-border-radius-bottomleft: .5em;
border-bottom-left-radius: .5em;
width: 25%;
margin-left: 10%;
}


ul#navigation li:last-child {
-webkit-border-top-right-radius: .5em;
-moz-border-radius-topright: .5em;
border-top-right-radius: .5em;
-webkit-border-bottom-right-radius: .5em;
-moz-border-radius-bottomright: .5em;
border-bottom-right-radius: .5em;
width: 35%;
}

#navigation li {
background-color: #9F9F9F;
background-image: -webkit-gradient(linear, left top, left bottom, from(#BFBFBF), to(#6C6C6C), color-stop(0.5, #BFBFBF));
}
#navigation li:hover {
background-color: #7F7F7F;
background-image: -webkit-gradient(linear, left top, left bottom, from(#B5B5B5), to(#6C6C6C), color-stop(0.5, #B5B5B5));
}

#navigation li:hover a {
color: #FC3;
text-shadow: 1px 1px 0px #353535;
}

#navigation li {
-webkit-transition: all 0.5s;
}






#Logo {
position: absolute;
left: 4%;
top: 0.4%;
}