/* Navigation */
a,a:hover,a:link,a:visited,a:active{
    text-decoration: none;
}
ul.navigation{
    list-style:none;
    margin: 0px;
    padding: 0px;
    z-index: 1000;
}
ul.horizontal li{
    display:inline-block;
    float: left;
}
ul.vertical li{
    display: block;
}

div.menu-main ul li a{
    display: block;
    color: white;
    text-align: center;
    padding-top: 2px;
    font-weight: bold;
}

div.menu-main ul.navigation li a{
    background: url(../images/sprites/mainButtons.png) no-repeat;
    background-position: -2000px -2000px;
    display: block;
    width: 118px;
    height: 118px;
}
#contact { background-position: 0 0; width: 118px; height: 118px; }
#contact:hover { background-position: 0 -168px; width: 118px; height: 118px; }
#graphic { background-position: 0 -336px; width: 118px; height: 118px; }
#graphic:hover { background-position: 0 -504px; width: 118px; height: 118px; }
#it { background-position: 0 -672px; width: 118px; height: 118px; }
#it:hover { background-position: 0 -840px; width: 118px; height: 118px; }
#office { background-position: 0 -1008px; width: 118px; height: 118px; }
#office:hover { background-position: 0 -1176px; width: 118px; height: 118px; }
#voip { background-position: 0 -1344px; width: 118px; height: 118px; }
#voip:hover { background-position: 0 -1512px; width: 118px; height: 118px; }
#web { background-position: 0 -1680px; width: 118px; height: 118px; }
#web:hover { background-position: 0 -1848px; width: 118px; height: 118px; }