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

.mattblackmenu ul
{
    margin: 0;
    padding: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    overflow: hidden;
    width: 100%;
}

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

.mattblackmenu li a
{
    float: right;
    display: block;
    text-decoration: none;
    padding: 6px 0px 8px 0px;
    margin: 0px 0px 0px 30px;
    color: white;
}

.mattblackmenu li a:visited
{
    color: white;
}

.mattblackmenu li a:hover
{
    color: #ff9e00;
}

.mattblackmenu a.selected
{
    color: #ff9e00;
}





/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul
{
    /*topmost and sub ULs, respectively*/
    font: normal 11px Verdana;
    margin: 0px 0px 0px 0px;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    border: 1px solid black;
    border-bottom-width: 0;
    visibility: hidden;
    z-index: 100;
}

.ddsubmenustyle li a
{
    display: block;
    width: 150px; /*width of menu (not including side paddings)*/
    color: #ffffff;
    background-color: #4e4e4e;
    text-decoration: none;
    padding: 4px 5px;
    border-bottom: 1px solid black;
    line-height: 20px;
}

* html .ddsubmenustyle li
{
    /*IE6 CSS hack*/
    display: inline-block;
    width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover
{
    background-color: black;
    color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer
{
    /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
}

.rightarrowpointer
{
    /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
}

.ddiframeshim
{
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}



#webdesign a
{
    color: #ffffff;
}
#webdesign :hover
{
    color: #ff9e00;
}
#webdesign a.selected
{
    color: #ff9e00;
}
#webdevelopment a
{
    color: #ffffff;
}
#webdevelopment :hover
{
    color: #ff9e00;
}
#webdevelopment a.selected
{
    color: #ff9e00;
}
#webhosting a
{
    color: #ffffff;
}
#webhosting :hover
{
    color: #ff9e00;
}
#webhosting a.selected
{
    color: #ff9e00;
}
#domains a
{
    color: #ffffff;
}
#domains :hover
{
    color: #ff9e00;
}
#domains a.selected
{
    color: #ff9e00;
}
#portfolio a
{
    color: #ffffff;
}
#portfolio :hover
{
    color: #ff9e00;
}
#portfolio a.selected
{
    color: #ff9e00;
}
#support a
{
    color: #ffffff;
}
#support :hover
{
    color: #ff9e00;
}
#support a.selected
{
    color: #ff9e00;
}


#about a
{
    color: #ffffff;
}
#about :hover
{
    color: #ff9e00;
}
#about a.selected
{
    color: #ff9e00;
}

#interact a
{
    color: #ffffff;
}
#interact :hover
{
    color: #ff9e00;
}
#interact a.selected
{
    color: #ff9e00;
}