body {
    background: white;
    font: 10pt "Trebuchet MS", Arial, sans-serif;
    margin: 0;
    text-align: center;
}

h1 {
    color: #0099ff;
    font-size: 25pt;
    margin: 0;
    padding: 10px 0 0 0;
}

.clear {
    clear: both;
}

/**
 * navigation
 */
#navigation {
    margin: 5px 0;
    padding: 0;
}

#navigation li { 
    float: left;
    list-style: none;
    margin-right: 5px;
}

#navigation li a {
    background: #c11e4b;
    color: white;
    padding: 2px 5px;
    text-decoration: none;
    text-transform: uppercase;
}

#navigation li a:hover {
    background: #1f476c;
}

/**
 * content container
 */
.container {
    margin: 0 auto;
    padding-top: 60px;
    text-align: left;
    width: 488px;
}

/**
 * corners
 */
.corner-top {
    background: url('./images/top-right-corner.png') no-repeat top right;
    height: 356px;
    left: 0;
    min-width: 868px;
    overflow: hidden;
    position: fixed;
    top: 0;
    text-align: left;
    width: 100%;
    z-index: -20;
}

.corner-top .corner {
    background: url('./images/top-left-corner.png') no-repeat;
    height: 356px;
    min-width: 868px;
    padding: 60px 0;
}

.corner-bottom {
    background: url('./images/bottom-right-corner.png') no-repeat bottom right;
    bottom: 0;
    left: 0;
    height: 325px;
    min-width: 868px;
    overflow: hidden;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: -20;
}

.corner-bottom .corner {
    background: url('./images/bottom-left-corner.png') no-repeat;
    height: 325px;
    min-width: 868px;
}