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

#wrapper {
    min-height: 100%;
    position: relative;
}

img {
        display: block;
        border: 0;
}

.navigation {
}

.navigation li {
        font: bold Times, "Times New Roman", serif;
        float: left;
        display: inline;
        padding-right: 20px;
}

#header {
    height: 4%;
    width: 100%;
    top: 0;
    position: fixed;

}

.logo {
        float: right;
        display: inline-block;
}

#footer {
        width:100%;
        height: 4%;
        position:absolute;
        bottom:0;
        left:0;
        text-align: center;
        font-size: smaller;
}

#footer .section {
        float: left;
}



#main {
/*    background-color: #a8a8a8; */
    position: absolute;
    width: 90%;
    height: 75%;
    top: 15%;
    left: 5%;
    right: 5%;
    align: center;
    margin-top:0;
    margin-right:auto;
    margin-bottom:0;
    margin-left:auto;
}