/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
float:right;
margin: 0;
padding: 30px 0 0 0;
font-family:Verdana, Geneva, sans-serif;
font-size:12px; 
font-weight:bold;
list-style-type: none;
overflow: hidden;
}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0 0 0 10px; /*padding inside each tab*/
/* border-right: 1px solid white; right divider between tabs*/
color: #000;
}

.mattblackmenu li a.about { background: url(../images/menu/about.gif) no-repeat; width: 68px; height:16px; }
.mattblackmenu li a.services { background: url(../images/menu/services.gif) no-repeat; width: 97px; height:16px }
.mattblackmenu li a.portfolio { background: url(../images/menu/portfolio.gif) no-repeat; width: 111px; height:16px }
.mattblackmenu li a.contact { background: url(../images/menu/contact.gif) no-repeat; width: 90px;  height:16px;}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
/*background: black; background of tabs for hover state */
}

.mattblackmenu a.selected{
/*background: black; background of tab with "selected" class assigned to its LI */
}