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

.mattblackmenu ul{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
list-style-type: none;
border-bottom: 0px solid gray;
background: #000;
overflow: hidden;
width: 100%;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
text-transform:uppercase;

}

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

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 11px 20px; /*padding inside each tab*/
border-left: 0px solid white; /*right divider between tabs*/
border-right-color: #333; border-right-style: solid; border-right-width:thin;
color: #ffffff;
background: #000;
}

@media only screen and (max-width: 768px) {
 .mattblackmenu li a{padding:11px 0px; width:100%;}
  }	


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

.mattblackmenu a.selected{
/*background: black; /*background of tabs for hover state */
color: #fff;
background: #f00;
}