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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: normal 13px Arial, Helvetica, sans-serif;
list-style-type: none;
border-top: 0px solid #DDD;
border-bottom: 0px solid #DDD;
background: #B53A1B;
overflow: hidden;
width: 100%;
border-radius: 1px;
}

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

.mattblackmenu li a{
float: left;
display: inline-block;
text-decoration: none;
margin: 0;
padding: 9px 15px; /*padding inside each tab*/
border-right: 0px solid #DDD; /*right divider between tabs*/
color: #FFF;
background: #B53A1B;
}

.mattblackmenu li a:visited{
color: #FFF;
}

.mattblackmenu li a:hover{
background: #D55A3B; color: #FFF; /*background of tabs for hover state */
}

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

@media screen and (max-width: 768px) {
	
	.mattblackmenu li a { float: none; }

}