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

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background: url(../images/menu-bg.jpg) left top repeat-x;
overflow: hidden;
width:575px;
}

.mattblackmenu li{
display: inline;
margin: 0;
position: relative;
display: inline;
float: left;
background: url(../images/menu-line.jpg) right top no-repeat;
padding-left:19px;
padding-right:19px;
height:29px;
}



.home
{
background: url(../images/home-a.jpg) left top no-repeat;
height:18px;
width:52px;
float:left;
margin-top:4px;
}

.home:hover
{
background:url(../images/home-h.jpg) left top no-repeat;
height:18px;
width:52px;
float:left;
margin-top:4px;
}
.profile
{
background: url(../images/profile-a.jpg) left top no-repeat;
height:18px;
width:73px;
float:left;
margin-top:4px;
}

.profile:hover
{
background:url(../images/profile-h.jpg) left top no-repeat;
height:18px;
width:73px;
float:left;
margin-top:4px;
}
.product
{
background: url(../images/products-a.jpg) left top no-repeat;
height:18px;
width:93px;
float:left;
margin-top:4px;
}

.product:hover
{
background:url(../images/products-h.jpg) left top no-repeat;
height:18px;
width:93px;
float:left;
margin-top:4px;
}

.career
{
background: url(../images/career-a.jpg) left top no-repeat;
height:18px;
width:70px;
float:left;
margin-top:4px;
}

.career:hover
{
background:url(../images/career-h.jpg) left top no-repeat;
height:18px;
width:70px;
float:left;
margin-top:4px;
}





.contact
{
background: url(../images/contact-a.jpg) left top no-repeat;
height:18px;
width:91px;
float:left;
margin-top:4px;
}

.contact:hover
{
background:url(../images/contact-h.jpg) left top no-repeat;
height:18px;
width:91px;
float:left;
margin-top:4px;
}