div#nav-wrap{
    position:absolute;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 423px;
    list-style: none;
    width:192px;
    height:135px;
    background: url(../images/menu/desc2.png) no-repeat 0% 0%;
    }

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: 10px;
    list-style: none;
    z-index:999999;
    width:423px;
    }
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;    
    }
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    /*color:#3c84a4;*/
    background-color:#f4f4f4;    
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px dashed #b1b0ab;  
    -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=70);  
    }
ul#navigation li a:hover{
    background-color:#fffac2;
    color:#333333;}

ul#navigation li a span{
    letter-spacing:2px;
    font-size:11px;
    color:#3c84a4;
    text-shadow: 0 -1px 1px #fff;      
    }
ul#navigation .home a{
    background-image: url(../images/menu/house.png)
    }
ul#navigation .about a      {
    background-image: url(../images/menu/resume.png);
    }

ul#navigation .portfolio a      {
    background-image: url(../images/menu/briefcase.png);
    }

ul#navigation .contact a    {
    background-image: url(../images/menu/envelope.png);
    }
    
    
    
ul#navigation .home a.selected, ul#navigation .about a.selected,     
ul#navigation .portfolio a.selected, ul#navigation .contact a.selected{
background-color:#fffac2;  border:1px solid #b1b0ab;
    }
