#mainnav
{
    width: 973px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
}
#mainnav li
{
    list-style: none;
    list-style-position: outside;
    float: left;
    position: relative;
}
#mainnav a
{
    display: block;
    width: 120px;
    height: 35px;
    float: left;
    text-indent: -9000px;
    outline: 0;
    background: transparent url(/images/bg-mainnav.png) no-repeat 0 bottom;
}
#mainnav .home a
{
    width: 122px;
}

#mainnav .home a:hover
{
    background-position: 0 -40px;
}

#mainnav .home a.selected
{
    background-position: 0 0px;
}

#mainnav .about_us a
{
    background-position: -122px bottom;
}

#mainnav .about_us a:hover
{
    background-position: -122px -40px;
}

#mainnav .about_us a.selected
{
    background-position: -122px 0px;
}

#mainnav .services a
{
    background-position: -362px bottom;
}

#mainnav .services a:hover, #mainnav .products:hover a
{
    background-position: -362px -40px;
}

#mainnav .services a.selected
{
    background-position: -362px 0px;
}


#mainnav .portfolio a
{
    background-position: -482px bottom;
}

#mainnav .portfolio a:hover
{
    background-position: -482px -40px;
}

#mainnav .portfolio a.selected
{
    background-position: -482px 0px;
}

#mainnav .hosting a
{
    background-position: -602px bottom;
}

#mainnav .hosting a:hover
{
    background-position: -602px -40px;
}

#mainnav .hosting a.selected
{
    background-position: -602px 0px;
}

#mainnav .news a
{
    background-position: -242px bottom;
}

#mainnav .news a:hover
{
    background-position: -242px -40px;
}

#mainnav .news a.selected
{
    background-position: -242px 0px;
}

#mainnav .careers a
{
    background-position: -722px bottom;
}

#mainnav .careers a:hover
{
    background-position: -722px -40px;
}

#mainnav .careers a.selected
{
    background-position: -722px 0px;
}

#mainnav .contact a
{
    background-position: -842px bottom;
    width: 131px;
}

#mainnav .contact a:hover
{
    background-position: -842px -40px;
}

#mainnav .contact a.selected
{
    background-position: -842px 0px;
}







#mainnav .home a.active, #mainnav .home a.active:hover
{
    background-position: 0 0;
}
#mainnav .about_us a.active, #mainnav .about_us a.active:hover
{
    background-position: -122px 0;
}
#mainnav .products a.active, #mainnav .products a.active:hover
{
    background-position: -242px 0;
}
#mainnav .customers a.active, #mainnav .customers a.active:hover
{
    background-position: -362px 0;
}
#mainnav .news a.active, #mainnav .news a.active:hover
{
    background-position: -482px 0;
}
#mainnav .community a.active, #mainnav .community a.active:hover
{
    background-position: -602px 0;
}
#mainnav .career a.active, #mainnav .career a.active:hover
{
    background-position: -722px -0;
}
#mainnav .contact a.active, #mainnav .contact a.active:hover
{
    background-position: -842px 0;
}
#mainnav .contact a.active2
{
    background-position: -842px 0;
}


#mainnav div
{
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    background: transparent url(/images/bg-subnav-bottom.png) no-repeat 0 bottom;
    padding: 0 0 5px;
    opacity: 0.98;
    filter: alpha(opacity=98);
}

#mainnav .services div
{
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    background: transparent url(/images/bg-services-subnav-bottom.png) no-repeat 0 bottom;
    padding: 0 0 5px;
    opacity: 0.98;
    filter: alpha(opacity=98);
}

#mainnav ul
{
    margin: 0;
    background: #EEEEEE url(/images/bg-subnav.png) repeat-x;
    padding: 5px 5px 0;
}


#mainnav .services ul
{
    background: #FAFAFA url(/images/bg-services-subnav.png) repeat-x;
}

#mainnav li:hover div
{
    display: block;
}
#mainnav ul li
{
    float: none;
    display: inline;
}

#header #mainnav ul a
{
    text-indent: 0;
    padding: 0 10px;
    height: 30px;
    color: #666;
    font-weight: bold;
    line-height: 30px;
    width: 150px;
    background: url('/images/bg-subnav-a.jpg') repeat-x -99px;
    border-top: 1px solid #eee;
    float: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
}

#header #mainnav .services ul a
{
    width: 250px;
    background: url('/images/bg-subnav-a.jpg') repeat-x -99px;
}

#header #mainnav ul a.first, #header #mainnav .services ul a
{
    border: 0px;
}

#header #mainnav .products ul .ckfinder a
{
    background-position: 15px -310px;
}
#header #mainnav ul .first a
{
    border: none;
}
#header #mainnav ul .active a
{
    font-weight: bold;
}
#header #mainnav ul a:hover
{
    background-position: 0 0;
    color: #fff;
    text-decoration: none;
    background-color: #666;
}
#header #mainnav .services ul a:hover
{
    background-position: -225px -252px;
}
#header #mainnav .services ul .ckfinder a:hover
{
    background-position: -225px -310px;
}