#page {
    width:780px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#footer {
    width:770px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6em;
}

#enter-nav {
    /* border: 1px solid #bfbfbf;*/
    list-style-type: none;
    margin: 0;
    margin-top: 4em;
    padding: 0;
}

#enter-nav span {
    display: block;
    font-size: 2em;
    width: 180px;
}

#enter-nav li {
    float: left;
    border: 1px solid #E0E0E0;
    margin: 5px;
    padding: 1px;
}

#enter-nav-about a {
    display: block;
    background-image: url("/images/about");
    background-color: #0000B0;
    background-repeat: no-repeat;
    width: 180px;
    height: 180px;
    text-decoration: none;
    color: #0000B0;
    outline: none;
}

#enter-nav-about a:visited {
    color: #0000B0;
}

#enter-nav-about a:hover {
    background-color: #0000FF;
    color: #0000FF;
}

#enter-nav-about a span{
    position: relative;
    top: 190px;
}

#enter-nav-blog a {
    display: block;
    background-image: url("/images/blog");
    background-repeat: no-repeat;
    background-color: #00B000;
    width: 180px;
    height: 180px;
    text-decoration: none;
    color: #00B000;
    outline: none;
}

#enter-nav-blog a:visited {
    color: #00B000;
}

#enter-nav-blog a:hover {
    background-color: #00FF00;
    color: #00FF00;
}

#enter-nav-blog a span {
    position: relative;
    top: 190px;
}

#enter-nav-projects a {
    display: block;
    background-image: url("/images/projects");
    background-repeat: no-repeat;
    background-color: #FFAA00;
    width: 180px;
    height: 180px;
    text-decoration: none;
    color: #FFAA00;
    outline: none;
}

#enter-nav-projects a:visited {
    color: #FFAA00;
}

#enter-nav-projects a:hover {
    background-color: #FFEE00;
    color: #FFEE00;
}

#enter-nav-projects a span{
    position: relative;
    top: 190px;
}

#enter-nav-contact a {
    display: block;
    background-image: url("/images/contact");
    background-repeat: no-repeat;
    background-color: #BB0000;
    width: 180px;
    height: 180px;
    text-decoration: none;
    color: #B00000;
    outline: none;
}

#enter-nav-contact a:visited {
    color: #BB0000;
}

#enter-nav-contact a:hover {
    background-color: #FF0000;
    color: #FF0000;
}

#enter-nav-contact a span{
    position: relative;
    top: 190px;
}

#other-places {
    position: absolute;
    top: 0;
    right: 1em;
}

#other-places h2 {
    font-size: .85em;
    float:left;
    padding: 0;
    margin: 0;
    margin-top: .15em;
    margin-right: .25em;
    color: #702070
}

#other-places ul {
    padding: 0;
    margin: 0;
}

#other-places li {
    display: inline;
    margin-left: .2em;
}

#other-places a {
    font-size: .85em;
    text-decoration: none;
    color: #808080;
}

#other-places a:visited {
    color: #808080;
}

#other-places a:hover {
    color: #202020;
}