div#menu{ 
    position: relative;
    margin: 0 auto;
    width: 400px;
    height: 32px;
    border-bottom: 1px solid #E8E8E0;
    padding: 0 85px;
    font-family: Tahoma,Verdana,Arial,serif;
    font-size: 11px;
    color: #767676;
    font-weight:bold;
    text-align:center;
}

#menu  a {
   display: inline-block; 
   height: 0;
   padding-top: 24px;
   overflow: hidden;
   background-color: white;
   background-position: 0px 0px;
   background-repeat: no-repeat;
   text-decoration:none;
   border:0;
}
#menu a.active {
   background-position: 0 -24px !important;
}
#menu a:hover {
   background-position: 0 -24px !important;

}


#menu a#web {
   width: 49px; 
   background-image: url('/files/menu/web.jpg');
}
#menu a#graphics {
   width:83px; 
   background-image: url('/files/menu/graphics.jpg');
}
#menu a#about {
   width:61px; 
   background-image: url('/files/menu/about.jpg');
}
#menu a#contact {
   width: 81px; 
   background-image: url('/files/menu/contact.jpg');
}


#menu a#vcard {
   width: 62px; 
   background-image: url('/files/menu/vcard.jpg');
}

#menu a#photo {
   width: 63px; 
   background-image: url('/files/menu/photo.jpg');
}


#menu img {
    display: inline-block;
    border: 0;
    height: 24px;
afloat: left;
}