/* ######### Matt Black Strip Main Menu Bar CSS ######### */
@font-face {
	font-family: "BKANT";
	src: url('DidactGothic.eot'); /* IE9 Compat Modes */
	src: url('DidactGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('DidactGothic.woff') format('woff'), /* Modern Browsers */
	     url('BKANT.ttf')  format('truetype'); /* Safari, Android, iOS */
	}
.mattblackmenu ul{
margin: 0;
padding: 0;
font-family:'BKANT';
font-size:14px;
font-weight:600;
list-style-type: none;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display:block;
float:left;
margin:0;
padding:0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin:0px;
padding:30px 20px 31px 20px; /*padding inside each tab*/
color: white;
}
.mattblackmenu li a img{
border:0;
padding:0;
margin:0;
}
.mattblackmenu li a:visited{
color:#fff;
}

.mattblackmenu li a:hover{
background:url(../images/menu-hover.png) repeat-x; /*background of tabs for hover state */
color:#9b4e00;
border-left:1px solid #000;
border-right:1px solid #000;
padding:30px 19px 30px 19px; /*padding inside each tab*/
}

.mattblackmenu a.selected{
background:url(../images/menu-hover.png) repeat-x; /*background of tab with "selected" class assigned to its LI */
color:#9b4e00;
border-left:1px solid #000;
border-right:1px solid #000;
padding:30px 19px 30px 19px; /*padding inside each tab*/
}