/* ######### Matt Black Strip Main Menu Bar CSS ######### */

ul#ddtopmenubar
{
position:relative;
width:900px;
height:38px;
margin: 0;
padding: 0;
/*font: bold 12px Verdana;*/
list-style-type: none;
/*border-bottom: 1px solid gray;
background: #414141;
overflow: hidden;*/
}

/*.mattblackmenu li{
display: inline;
margin: 0;
}*/

/*.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;*/
/*padding: 6px 8px; padding inside each tab*/
/*border-right: 1px solid white; right divider between tabs*/
/*color: white;
background: #414141;
}*/

/*#ddtopmenubar li a:visited{
color: white;
}
*/
/*.mattblackmenu li a:hover{
background: black; background of tabs for hover state
}
 */
/*.mattblackmenu a.selected{
background: black; background of tab with "selected" class assigned to its LI 
}
*/
li#home a
{
    position:absolute;
    list-style-type:none;
    top:0;
    left:5px;
    width:64px;
    height:38px;
    background:url(../Images/home.png) no-repeat 0 0;
}
li#home a:hover
{
    background: url(../Images/home.png) no-repeat left -37px;
}
li#products a
{
    position:absolute;
    top:0;
    left:69px;
    width:85px;
    height:38px;
    background:url(../Images/products.png) no-repeat 0 0;
}
li#products a:hover
{
    background: url(../Images/products.png) no-repeat left -37px;
}
li#fabrics a
{
    position:absolute;
    top:0;
    left:158px;
    width:64px;
    height:38px;
    background:url(../Images/fabrics.png) no-repeat 0 0;
}
li#fabrics a:hover
{
    background: url(../Images/fabrics.png) no-repeat left -37px;
}
li#gallery a
{
    position:absolute;
    top:0;
    left:219px;
    width:69px;
    height:38px;
    background:url(../Images/gallery.png) no-repeat 0 0;
}
li#gallery a:hover
{
    background: url(../Images/gallery.png) no-repeat left -37px;
}

li#media a
{
    position:absolute;
    top:0;
    left:288px;
    width:72px;
    height:38px;
    background:url(../Images/media.png) no-repeat 0 0;
}
li#media a:hover
{
    background: url(../Images/media.png) no-repeat left -37px;
}
/*li#events a
{
    position:absolute;
    top:0;
    left:388px;
    width:69px;
    height:38px;
    background:url(../Images/events.jpg) no-repeat 0 0;
}
li#events a:hover
{
    background: url(../Images/events.jpg) no-repeat left -37px;
}

li#envi
{
    position:absolute;
    top:0;
    left:249px;
    width:60px;
    height:37px;
    background:url(../Images/envi_link.jpg) no-repeat 0 0;
}*/



#ddtopmenubar a
{
    display:block;
    width:60px;
    height:37px;
    text-indent:-9999px;
    text-decoration:none;
    overflow:hidden;
    text-decoration:none;
    border:none;
}