ul#navigation {
    position: absolute;
    margin: 0px;
    right:8%;
    top: 0px;
    list-style: none;
    z-index:999999;
    width:680px;
}
ul#navigation li {
    width: 170px;
    display:inline;
    float:left;    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 170px;
    height: 25px;
    background-color:#17A7DD;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:2px solid #FFFFFF;
    -moz-border-radius:0px 0px 10px 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    text-decoration:none;
    text-align:center;
    padding-top:80px;
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);  
}
ul#navigation li a:hover{
     background-color:#17A7DD;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:20px;
    font-weight:bold;
    color:#ff8509;
    text-shadow: 0 -1px 1px #fff;      
}
ul#navigation .cmssample a{
    background-image: url(../img/sample.png);
}
ul#navigation .cmscontentmanagement a      {
    background-image: url(../img/contentmanagement.png);
}
ul#navigation .cmsadministration a      {
    background-image: url(../img/admin.png);
}
ul#navigation .cmslogout a      {
    background-image: url(../img/login.png);
}