/* MAIN NAV (ENGLISH) -----------------------------------------*/

#mainnav {
    position:relative; float:left;
    height:17px; width:580px;
    margin-top:18px;
}

#mainnav li {
    float: left;
}

#mainnav a,
#mainnav a:hover {
    position:absolute; display:block;
    height:17px;
    font-size:0; line-height:0; text-align:left; text-decoration:none; text-indent:-900%; text-transform:capitalize;
    outline:none;
}

    #mainnav a#about {
        left:0;
        width:72px;
        background:transparent url(../images/mainnav.png) no-repeat left top;
    }
    #mainnav a#about:hover {
        background:transparent url(../images/mainnav.png) no-repeat left bottom;
    }

    #mainnav a#stories {
        left:92px;
        width:88px;
        background:transparent url(../images/mainnav.png) no-repeat -82px top;
    }
    #mainnav a#stories:hover {
        background:transparent url(../images/mainnav.png) no-repeat -82px bottom;
    }

    #mainnav a#protect {
        left:200px;
        width:57px;
        background:transparent url(../images/mainnav.png) no-repeat -180px top;
    }
    #mainnav a#protect:hover {
        background:transparent url(../images/mainnav.png) no-repeat -180px bottom;
    }

    #mainnav a#adopt {
        left:277px;
        width:47px;
        background:transparent url(../images/mainnav.png) no-repeat -247px top;
    }
    #mainnav a#adopt:hover {
        background:transparent url(../images/mainnav.png) no-repeat -247px bottom;
    }

    #mainnav a#foster {
        left:344px;
        width:48px;
        background:transparent url(../images/mainnav.png) no-repeat -305px top;
    }
    #mainnav a#foster:hover {
        background:transparent url(../images/mainnav.png) no-repeat -305px bottom;
    }

    #mainnav a#volunteer {
        left:412px;
        width:78px;
        background:transparent url(../images/mainnav.png) no-repeat -361px top;
    }
    #mainnav a#volunteer:hover {
        background:transparent url(../images/mainnav.png) no-repeat -361px bottom;
    }

    #mainnav a#work {
        left:510px;
        width:41px;
        background:transparent url(../images/mainnav.png) no-repeat -448px top;
    }
    #mainnav a#work:hover {
        background:transparent url(../images/mainnav.png) no-repeat -448px bottom;
    }

    #mainnav a#donate {
        left:571px;
        width:58px;
        background:transparent url(../images/mainnav.png) no-repeat -500px top;
    }
    #mainnav a#donate:hover {
        background:transparent url(../images/mainnav.png) no-repeat -500px bottom;
    }

    div#header a#donate {
        position:absolute; top:14px; left:601px;
        text-decoration:none;
    }
        div#header a#donate img {
            display:block;
            border:none;
        }