/**
 * navigation.css
 * 
 * Styles for the navigation menus
 *
 */

#mainNavLinks {
    position: absolute;
    top: 47px;
    left: 14px;
    width: 386px;
    height: 15px;
    background: url(/images/mainNavLinksBG.jpg) no-repeat left top;
}

.upperLink {
    display: block;
    position: absolute;
    top: 0px;
    height: 15px;
    text-indent: -9999px;
}

.upperLink:hover,
.upperLink:focus,
.upperLinkHot {
    background-position: 0 -15px;
}

#philosophyLink {
    left: 0px;
    width: 101px;
    background-image: url(/images/philosophyLink.gif);
}

#aboutLink {
    left: 123px;
    width: 72px;
    background-image: url(/images/aboutLink.gif);
}

#peopleLink {
    left: 217px;
    width: 71px;
    background-image: url(/images/peopleLink.gif);
}

#contactLink {
    left: 310px;
    width: 76px;
    background-image: url(/images/contactLink.gif);
}

#portfolioLinks {
    position: absolute;
    top: 175px;
    left: 630px;
}

.portfolioLink {
    display: block;
    height: 19px;
    width: 156px;
    padding-bottom: 3px;
    text-indent: -9999px;
}

.portfolioLink:hover,
.portfolioLink:focus,
.portfolioLinkHot {
    background-position: -156px 0;
}

#identityLink {
    margin-top: 28px;
    background-image: url(/images/portfolio/identityLink.gif);
}

#advertisingLink {
    background-image: url(/images/portfolio/advertisingLink.gif);
}

#broadcastLink {
    background-image: url(/images/portfolio/broadcastLink.gif);
}

#interactiveLink {
    background-image: url(/images/portfolio/interactiveLink.gif);
}

#packagingLink {
    background-image: url(/images/portfolio/packagingLink.gif);
}

#promotionLink {
    background-image: url(/images/portfolio/promotionLink.gif);
}