#topmenu {
    position: relative;
    height: 29px;
    width: 600px;
    padding: 15px;
    margin: -18px 0;
    overflow: hidden;
}
  
#topmenu ul {
    padding: 0px;
    margin: 0;
}

  
#topmenu ul li {
    float: left;
    list-style: none;
}

#topmenu ul li a {
    text-indent: -500em;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
}

#home a {
    width: 54px;
    padding: 0px 15px 0px 15px;
    background: url('images/nav-links_03.png') no-repeat center !important;
    background: url('images/nav-links-ie_03.gif') no-repeat center;
}
  
#portfolio a {
    padding: 0px 15px 0px 15px;
    width: 84px;
    background: url('images/nav-links_05.png') no-repeat center !important;
    background: url('images/nav-links-ie_05.gif') no-repeat center;
}

#services a {
    padding: 0px 15px 0px 15px;
    width: 83px;
    background: url('images/nav-links_09.png') no-repeat center !important;
    background: url('images/nav-links-ie_09.gif') no-repeat center;
}

#about a {
    padding: 0px 15px 0px 15px;
    width: 57px;
    background: url('images/nav-links_07.png') no-repeat center !important;
    background: url('images/nav-links-ie_07.gif') no-repeat center;
}

#contact a {
    padding: 0px 15px 0px 15px;
    width: 76px;
    background: url('images/nav-links_11.png') no-repeat center !important;
    background: url('images/nav-links-ie_11.gif') no-repeat center;
}


#topmenu li.background {
    background: url('images/buttonmain_04.png') no-repeat top right !important;
    background: url('images/buttonmain_04.png') no-repeat top right;
    z-index: 8;
    position: absolute;
    visibility: hidden;
}

#topmenu .background .left {
    background: url('images/buttonmain_03.png') no-repeat top left !important;
    background: url('images/buttonmain_03.png') no-repeat top left;
    height: 24px;
    margin-right: 13px; 
}