* {
    font-family: "Lucida Grande", sans-serif;
}

html,body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#outer {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#outer[id] {
    display: table;
    position: static;
}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */

#inner {
    text-align: center;
}

img {
    border: none;
}

#four, #purple {
    position: absolute;
    top: 50%;
    left: 50%;
}

#purple {
    margin-top: -16px;
    margin-left: -16px;
}

#four {
    margin-left: -75px;
    margin-top: -80px;
}

#five {
    position: absolute;
    top: 100px;
    right: 100px;
}

#six img {
    vertical-align: middle;
}

.choose {
    position: absolute;
    width: 100%;
    
    color: #aaa;
}

#choose-1 {
    top: -100px;
    font-size: 4em;
}

#choose-2 {
    top: 0px;
    font-size: 1em;
}

#choose-3 {
    top: 200px;
    font-size: 2em;
}