@import url(//fonts.googleapis.com/css?family=IM+Fell+Double+Pica:400italic,400);
.mapNav .items>ul>li .icon {
    width: 75px;
    height: 70px;
    display: block;
    background: url("images/mapStrip_icons.png") repeat-x 0 0;
    margin: 0 auto
}

.mapNav .items>ul>li#great-hall .icon,
.mapNav .items>ul>li#transfiguration .icon,
.mapNav .items>ul>li#library .icon,
.mapNav .items>ul>li#astronomy .icon {
    background-position: 0 0
}

.mapNav .items>ul>li#great-hall.active .icon,
.mapNav .items>ul>li#transfiguration.active .icon,
.mapNav .items>ul>li#library.active .icon,
.mapNav .items>ul>li#astronomy.active .icon {
    background-position: 0 -85px
}

body.gryffindor .mapNav .items>ul>li#common-room .icon {
    background-position: -75px 0
}

body.gryffindor .mapNav .items>ul>li#common-room.active .icon {
    background-position: -75px -85px
}

body.ravenclaw .mapNav .items>ul>li#common-room .icon {
    background-position: -750px 0
}

body.ravenclaw .mapNav .items>ul>li#common-room.active .icon {
    background-position: -750px -85px
}

body.hufflepuff .mapNav .items>ul>li#common-room .icon {
    background-position: -825px 0
}

body.hufflepuff .mapNav .items>ul>li#common-room.active .icon {
    background-position: -825px -85px
}

body.slytherin .mapNav .items>ul>li#common-room .icon {
    background-position: -900px 0
}

body.slytherin .mapNav .items>ul>li#common-room.active .icon {
    background-position: -900px -85px
}

.mapNav .items>ul>li#duelling-club .icon,
.mapNav .items>ul>li#patronus .icon {
    background-position: -150px 0
}

.mapNav .items>ul>li#duelling-club.active .icon,
.mapNav .items>ul>li#patronus.active .icon {
    background-position: -150px -85px
}

.mapNav .items>ul>li#potions-class .icon,
.mapNav .items>ul>li#herbology .icon,
.mapNav .items>ul>li#magical-creatures .icon,
.mapNav .items>ul>li#three-broomsticks .icon,
.mapNav .items>ul>li#degnoming .icon,
.mapNav .items>ul>li#hogs-head .icon {
    background-position: -225px 0
}

.mapNav .items>ul>li#potions-class.active .icon,
.mapNav .items>ul>li#herbology.active .icon,
.mapNav .items>ul>li#magical-creatures.active .icon,
.mapNav .items>ul>li#three-broomsticks.active .icon,
.mapNav .items>ul>li#degnoming.active .icon,
.mapNav .items>ul>li#hogs-head.active .icon {
    background-position: -225px -85px
}

.mapNav .items>ul>li#diagon-alley .icon {
    display: none
}

.mapNav .items>ul>li#ollivanders .icon {
    background-position: -300px 0
}

.mapNav .items>ul>li#ollivanders.active .icon {
    background-position: -300px -85px
}

.mapNav .items>ul>li#magical-menagerie .icon {
    background-position: -375px 0
}

.mapNav .items>ul>li#magical-menagerie.active .icon {
    background-position: -375px -85px
}

.mapNav .items>ul>li#gringotts .icon,
.mapNav .items>ul>li#platform-9-and-3-quarters .icon,
.mapNav .items>ul>li#st-mungos .icon,
.mapNav .items>ul>li#ministry-of-magic .icon {
    background-position: -450px 0
}

.mapNav .items>ul>li#gringotts.active .icon,
.mapNav .items>ul>li#platform-9-and-3-quarters.active .icon,
.mapNav .items>ul>li#st-mungos.active .icon,
.mapNav .items>ul>li#ministry-of-magic.active .icon {
    background-position: -450px -85px
}

.mapNav .items>ul>li#daily-prophet .icon,
.mapNav .items>ul>li#daily-prophet-office .icon {
    background-position: -975px 0
}

.mapNav .items>ul>li#daily-prophet.active .icon,
.mapNav .items>ul>li#daily-prophet-office.active .icon {
    background-position: -975px -80px
}

.mapNav .items>ul>li#timeline .icon {
    background-position: -1074px 0
}

.mapNav .items>ul>li#timeline.active .icon {
    background-position: -1074px -82px
}

.mapNav .items>ul>li#flourish-and-blotts .icon {
    background-position: -525px 0
}

.mapNav .items>ul>li#flourish-and-blotts.active .icon {
    background-position: -525px -85px
}

.mapNav .items>ul>li#potages-cauldron-shop .icon {
    background-position: -600px 0
}

.mapNav .items>ul>li#potages-cauldron-shop.active .icon {
    background-position: -600px -85px
}

.mapNav .items>ul>li#apothecary .icon {
    background-position: -675px 0
}

.mapNav .items>ul>li#apothecary.active .icon {
    background-position: -675px -85px
}

.mapNav .items>ul>li .label {
    line-height: 100%;
    display: block;
    position: relative;
    top: -7px;
    font-family: 'IM Fell Double Pica', serif;
    font-size: 14px;
    opacity: .6;
    letter-spacing: 120%;
    font-style: italic;
    font-weight: 400
}

.mapNav .items>ul>li#diagon-alley .label {
    top: 29px;
    font-size: 20px;
    left: 10px
}

.mapNav .items>ul>li.active .label {
    text-shadow: 2px 2px 1px #FFF
}