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

/* moved from ateras.css to here because of Kentico Editor conflict */
html { background: #dadada url(../images/bg-page.jpg) repeat-x center top; } 
body { background: url(../images/bg-page-shadow.png) repeat-y center top; }

.menu ul{
margin: 0;
padding: 0;
font: bold 11px "Trade Gothic", Arial;
text-transform: uppercase;
list-style-type: none;
background: #4d4d4f;
overflow: hidden;
letter-spacing: 0.1em;
float: right; 
}

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

.menu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0 12px 0 14px; /*padding inside each tab*/
border-right: 1px solid #adafb2; /*right divider between tabs*/
color: #8c8e91;
background: #4d4d4f;
}

.menu li a:visited{
color: #8c8e91;
}

.menu li a:hover{
background: #4d4d4f; /*background of tabs for hover state */
color: white;
}

.menu li a.selected
{
	background: #4d4d4f; /*background of tab with "selected" class assigned to its LI */
	color: white;
}