.mattblacktabs{
    float:left;
    width: 600px;
    overflow: hidden;
    border-bottom: 1px solid black;
    border-bottom-width: 0px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 7px 8px;
/*padding inside each tab*/border-right: 1px solid white;
/*right divider between tabs*/color: #FFFFFF;
    background: #000000; /*background of tabs (default state)*/
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
    background: #FFFFFF; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

    color: #000000;
}