ul#menu {
    list-style: none;
    float:right;
    padding: 10px 20px 20px 0;
    }
    ul#menu li {
        display:inline;
    }
    ul#menu li a {
        display:block;
        float:left;
        color:#000;
        padding:5px;
        text-decoration: none;
        font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
        font-size: 16px;
    }
    ul#menu li a.home {
        border-right: 1px dotted #000;        
    }
    ul#menu li a.aboutme {
        border-right: 1px dotted #000;
    }
    ul#menu li a.contact {
        
    }
    
    
   .webdesignBTN {
        width: 160px;
        height: 101px;
        text-indent: -9999px;
        display: block;
        background: url("../images/web_design_btn.gif") no-repeat;
    }
    .art3DBTN {
        width: 160px;
        height: 114px;
        text-indent: -9999px;
        display: block;
        background: url("../images/3d_art_btn.gif") no-repeat;
    }    
    
    .art3DBTN:hover, .art3DBTN:active {
        background: url("../images/3d_art_btn_active.gif") no-repeat;
    }    
    .webdesignBTN:hover, .webdesignBTN:active {
        background: url("../images/web_design_btn_active.gif") no-repeat;
    }
    
    
    ul#menu li a.home:hover,ul#menu li a.home:active,
    ul#menu li a.contact:hover,ul#menu li a.contact:active {

    }
            
    body#webdesign .webdesignBTN {
        background: url("../images/web_design_btn_active.gif") no-repeat;
    }
    body#art3D .art3DBTN {
        background: url("../images/3d_art_btn_active.gif") no-repeat;
    }