div.image-map
{
    width: 810px;
    position: relative;
}

img.image-map
{
    box-shadow: 0px 0px 10px rgba(0, 0, 0,0.5);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

div.map-section a#dock-section
{
    width: 415px;
    height: 58px;
    left: 194px;
    top: 0px;
}

div.map-section a#dock-section p.about-text
{
    margin-top: 10px;
}

div.map-section a#noun-section
{
    width: 204px;
    height: 41px;
    left: 362px;
    top: 84px;
}
div.map-section a#noun-section p.about-text
{
    margin-top: 2px;
}

div.map-section a#verb-section
{
    width: 161px;
    height: 38px;
    left: 241px;
    top: 289px;
}
div.map-section a#verb-section p.about-text
{
    margin-top: 2px;
}

div.map-section a#service-section
{
    width: 35px;
    height: 35px;
    left: 446px;
    top: 168px;
}
div.map-section a#service-section p.about-text
{
    margin-left: -45px;
}

div.map-section a#modifier-section
{
    width: 39px;
    height: 160px;
    left: 484px;
    top: 207px;
}
div.map-section a#modifier-section p.about-text
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 5px;
    margin-right: 3px;
}

div.map-section a#turrets-section
{
    width: 35px;
    height: 35px;
    left: 284px;
    top: 249px;
}
div.map-section a#turrets-section p.about-text
{
    margin-left: -45px;
}

div.map-section a#invaders-section
{
    width: 85px;
    height: 25px;
    left: 535px;
    top: 375px;
}
div.map-section a#invaders-section p.about-text
{
    margin-left: -30px;
    margin-top: -7px;
}

div.map-section a#levels-section
{
    width: 160px;
    height: 25px;
    left: 326px;
    top: 399px;
}
div.map-section a#levels-section p.about-text
{
    margin-top: -6px;
    margin-left: -2px;
}


div.map-section a
{
    background-color: rgba(43, 153, 216, 0);
    position: absolute;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: medium;
    border-color: #1a6c99;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5 ease;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5), 0px 0px 20px rgba(43, 153, 216, .7);
}

div.map-section a:hover
{
    background-color: rgba(43, 153, 216, .5);
}

div.map-section a div.about-pane#about-nouns
{
    left: -230px;
    top: -44px;
}

div.map-section a div.about-pane#about-dock
{
    left: 100px;
    top: 70px;
}

div.map-section a div.about-pane#about-verbs
{
    left: -230px;
    top: -100px;
}

div.map-section a div.about-pane#about-services
{
    left: 50px;
    top: -50px;
}

div.map-section a div#about-services.about-pane img.about-pane-header
{
    left: -7px;
}

div.map-section a div.about-pane#about-modifiers
{
    left: 50px;
    top: -30px;
}

div.map-section a div#about-modifiers.about-pane img.about-pane-header
{
    left: -18px;
}

div.map-section a div.about-pane#about-turrets
{
    left: -230px;
    top: -50px;
}

div.map-section a div#about-turrets.about-pane img.about-pane-header
{
    left: -3px;
}

div.map-section a div.about-pane#about-invasions
{
    left: -60px;
    top: -235px;
}

div.map-section a div#about-invasions.about-pane img.about-pane-header
{
    left: -18px;
}

div.map-section a div.about-pane#about-levels
{
    left: -30px;
    top: -240px;
}

div.map-section a div#about-levels.about-pane img.about-pane-header
{
    left: -19px;
}

div.map-section a div.about-pane
{
    background-image: url("images/about-panel.png");
    -webkit-transition: all .5s ease-in;
    -moz-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5 ease;
    opacity: 0;
    filter: alpha(opacity=0);
        width: 220px;
    height: 233px;
    position: relative;
    z-index: 100;
    visibility: collapse;
}

div.map-section a:hover div.about-pane
{
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

img.about-pane-header
{
    margin-bottom: -20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    top: -20px;
}

img.about-pane-icon
{
    margin-left: 15px;
    margin-right: 5px;
    margin-bottom: 0px;
    float: left;
    position: relative;
    top: -20px;
    width: 50px;
}

p.about-pane-text
{
    font-size: 13pt;
    padding: 0 15px 15px 15px;
    margin: 0;
    line-height: 100%;
    position: relative;
    top: -20px;
        color: White;
}