@CHARSET "UTF-8";

/*----------------------------
    HOME NAV
-----------------------------*/

div.home {
    float: left;
    width: 131px;
    height: 20px;
    margin: 0 0 8px 0;
    background: url('../images/home-label.png') no-repeat -136px 0;
}

div.home a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/home-label.png') no-repeat left top;
}

div.home span {
    display: block;
    margin: 0;
    padding: 0;
}

div.home a:hover {
    background-image: none;
}

div.home a:active {
    background-image: none;
}


/*----------------------------
    JEWELRY NAV
-----------------------------*/

div.jewelry {
    float: left;
    width: 131px;
    height: 20px;
    margin: 0 0 8px 0;
    background: url('../images/jewelry-label.png') no-repeat -136px 0;
}

div.jewelry a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/jewelry-label.png') no-repeat left top;
}

div.jewelry span {
    display: block;
    margin: 0;
    padding: 0;
}

div.jewelry a:hover {
    background-image: none;
}

div.jewelry a:active {
    background-image: none;
}


/*----------------------------
    GEMSTONE COLLECTION NAV
-----------------------------*/

div.gemstone {
    float: left;
    width: 131px;
    height: 30px;
    margin: 0 0 8px 0;
    background: url('../images/gemstonecollection-label.png') no-repeat -136px 0;
}

div.gemstone a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/gemstonecollection-label.png') no-repeat left top;
}

div.gemstone span {
    display: block;
    margin: 0;
    padding: 0;
}

div.gemstone a:hover {
    background-image: none;
}

div.gemstone a:active {
    background-image: none;
}


/*----------------------------
    RING COLLECTION NAV
-----------------------------*/

div.ring {
    float: left;
    width: 131px;
    height: 30px;
    margin: 0 0 8px 0;
    background: url('../images/ringcollection-label.png') no-repeat -136px 0;
}

div.ring a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/ringcollection-label.png') no-repeat left top;
}

div.ring span {
    display: block;
    margin: 0;
    padding: 0;
}

div.ring a:hover {
    background-image: none;
}

div.ring a:active {
    background-image: none;
}


/*----------------------------
    CUSTOM DESIGN NAV
-----------------------------*/


div.custom {
    float: left;
    width: 131px;
    height: 20px;
    margin: 0 0 8px 0;
    background: url('../images/customdesigns-label.png') no-repeat -136px 0;
}

div.custom a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/customdesigns-label.png') no-repeat left top;
}

div.custom span {
    display: block;
    margin: 0;
    padding: 0;
}

div.custom a:hover {
    background-image: none;
}

div.custom a:active {
    background-image: none;
}


/*----------------------------
    LOCATIONS NAV
-----------------------------*/

div.locations {
    float: left;
    width: 131px;
    height: 20px;
    margin: 0 0 8px 0;
    background: url('../images/locations-label.png') no-repeat -136px 0;
}

div.locations a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/locations-label.png') no-repeat left top;
}

div.locations span {
    display: block;
    margin: 0;
    padding: 0;
}

div.locations a:hover {
    background-image: none;
}

div.locations a:active {
    background-image: none;
}


/*----------------------------
    ARTISTS NAV
-----------------------------*/

div.artists {
    float: left;
    width: 131px;
    height: 20px;
    margin: 0 0 8px 0;
    background: url('../images/artists-label.png') no-repeat -136px 0;
}

div.artists a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/artists-label.png') no-repeat left top;
}

div.artists span {
    display: block;
    margin: 0;
    padding: 0;
}

div.artists a:hover {
    background-image: none;
}

div.artists a:active {
    background-image: none;
}


/*----------------------------
    PROCESS NAV
-----------------------------*/

div.process {
    float: left;
    width: 131px;
    height: 20px;
    margin: 0 0 8px 0;
    background: url('../images/process-label.png') no-repeat -136px 0;
}

div.process a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/process-label.png') no-repeat left top;
}

div.process span {
    display: block;
    margin: 0;
    padding: 0;
}

div.process a:hover {
    background-image: none;
}

div.process a:active {
    background-image: none;
}


/*----------------------------
    CONTACT NAV
-----------------------------*/

div.contact {
    float: left;
    width: 131px;
    height: 20px;
    margin: 0 0 8px 0;
    background: url('../images/contact-label.png') no-repeat -136px 0;
}

div.contact a {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url('../images/contact-label.png') no-repeat left top;
}

div.contact span {
    display: block;
    margin: 0;
    padding: 0;
}

div.contact a:hover {
    background-image: none;
}

div.contact a:active {
    background-image: none;
}

div.deselected a {
    background-image: none;
}
