@charset "utf-8";

/* CSS Document */
* {
    margin: 0;
    padding: 0;
    font-family: Arial;
}

body {
    background-image: url(bg.jpg);
    background-size: 100%;
}

.site {
    width: 5%;
    height: 5%;
    float: left;
    border: 1px solid #C1C1C1;
    position: absolute;
}

.site:hover {
    z-index: 100;
}

.lnk {
    color: white;
    font-size: 80%;
}

.align {
    text-align: center;
}

.img:hover {
    width: 400%;
    height: 400%;
    margin-top: -100%;
    margin-left: -150%;
    z-index: 2;
}

a:hover {
    color: red;
}

.pos1 {
    left: 7%;
    top: 15%;
}

.pos2 {
    left: 17%;
    top: 15%;
}

.pos3 {
    left: 27%;
    top: 15%;
}

.pos4 {
    left: 7%;
    top: 40%;
}

.pos5 {
    left: 17%;
    top: 40%;
}

.pos6 {
    left: 27%;
    top: 40%;
}

.pos7 {
    left: 7%;
    top: 60%;
}

.pos8 {
    left: 17%;
    top: 60%;
}

.pos9 {
    left: 27%;
    top: 60%;
}

.pos10 {
    left: 67%;
    top: 15%;
}

.pos11 {
    left: 77%;
    top: 15%;
}

.pos12 {
    left: 87%;
    top: 15%;
}

.pos13 {
    left: 67%;
    top: 40%;
}

.pos14 {
    left: 77%;
    top: 40%;
}

.pos15 {
    left: 87%;
    top: 40%;
}

.pos16 {
    left: 67%;
    top: 60%;
}

.pos17 {
    left: 77%;
    top: 60%;
}

.pos18 {
    left: 87%;
    top: 60%;
}

.pos19 {
    left: 37%;
    top: 82%;
}

.pos20 {
    left: 47%;
    top: 82%;
}

.pos21 {
    left: 57%;
    top: 82%;
}
