@CHARSET "UTF-8";

/*----------------------------
    PRINT NAV
-----------------------------*/

div.print {
    width: 90px;
    height: 18px;
    margin: 0 0 8px 0;
}

div.print a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/print-menu.gif') no-repeat 20px -3px;
}

div.print span {
    display: block;
    margin: 0;
    padding: 0;
}

div.print a:hover {
    background: url('../images/print-menu.gif') no-repeat -72px -3px;
}

div.print a:active {
    background-image: none;
}


/*----------------------------
    IDENTITY NAV
-----------------------------*/

div.identity {
    width: 90px;
    height: 18px;
    margin: 0 0 8px 0;
}

div.identity a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/identity-menu.gif') no-repeat 20px -3px;
}

div.identity span {
    display: block;
    margin: 0;
    padding: 0;
}

div.identity a:hover {
    background: url('../images/identity-menu.gif') no-repeat -72px -3px;
}

div.identity a:active {
    background-image: none;
}


/*----------------------------
    WEB NAV
-----------------------------*/

div.web {
    width: 90px;
    height: 18px;
    margin: 0 0 8px 0;
}

div.web a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/web-menu.gif') no-repeat 20px -3px;
}

div.web span {
    display: block;
    margin: 0;
    padding: 0;
}

div.web a:hover {
    background: url('../images/web-menu.gif') no-repeat -72px -3px;
}

div.web a:active {
    background-image: none;
}



/*----------------------------
    PORTFOLIO NAV
-----------------------------*/

div.portfolio {
    float: left;
    width: 101px;
    height: 23px;
    margin: 0 0 8px 0;
}

div.portfolio a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/portfolio-menu.gif') no-repeat 0 0;
}

div.portfolio span {
    display: block;
    margin: 0;
    padding: 0;
}

div.portfolio a:hover {
    background: url('../images/portfolio-menu.gif') no-repeat 0 -30px;
}

div.portfolio a:active {
    background-image: none;
}


/*----------------------------
    BIO NAV
-----------------------------*/

div.bio {
    float: left;
    width: 55px;
    height: 23px;
    margin: 0 0 8px 0;
}

div.bio a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/bio-menu.gif') no-repeat 0 0;
}

div.bio span {
    display: block;
    margin: 0;
    padding: 0;
}

div.bio a:hover {
    background: url('../images/bio-menu.gif') no-repeat 0 -30px;
}

div.bio a:active {
    background-image: none;
}


/*----------------------------
    TESTIMONIALS NAV
-----------------------------*/

div.testimonials {
    float: left;
    width: 130px;
    height: 23px;
    margin: 0 0 8px 0;
}

div.testimonials a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/testimonials-menu.gif') no-repeat 0 0;
}

div.testimonials span {
    display: block;
    margin: 0;
    padding: 0;
}

div.testimonials a:hover {
    background: url('../images/testimonials-menu.gif') no-repeat 0 -30px;
}

div.testimonials a:active {
    background-image: none;
}


/*----------------------------
    RESUME NAV
-----------------------------*/

div.resume {
    float: left;
    width: 85px;
    height: 23px;
    margin: 0 0 8px 0;
}

div.resume a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/resume-menu.gif') no-repeat 0 0;
}

div.resume span {
    display: block;
    margin: 0;
    padding: 0;
}

div.resume a:hover {
    background: url('../images/resume-menu.gif') no-repeat 0 -30px;
}

div.resume a:active {
    background-image: none;
}

/*----------------------------
    CONTACT NAV
-----------------------------*/

div.contact {
    float: left;
    width: 85px;
    height: 23px;
    margin: 0 0 8px 0;
}

div.contact a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/contact-menu.gif') no-repeat 0 0;
}

div.contact span {
    display: block;
    margin: 0;
    padding: 0;
}

div.contact a:hover {
    background: url('../images/contact-menu.gif') no-repeat 0 -30px;
}

div.contact a:active {
    background-image: none;
}

/*----------------------------
    HOME NAV
-----------------------------*/

div.home {
    float: left;
    width: 85px;
    height: 23px;
    margin: 0 0 8px 0;
}

div.home a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/home-menu.gif') no-repeat 0 0;
}

div.home span {
    display: block;
    margin: 0;
    padding: 0;
}

div.home a:hover {
    background: url('../images/home-menu.gif') no-repeat 0 -30px;
}

div.home a:active {
    background-image: none;
}

div.deselected1 a {
    background-position: -72px -3px;
}

div.deselected2 a {
    background-position: 0 -30px;
}