#wrapper {
    width: 475px; 
    margin-left: auto;    /* horizontally center */
    margin-right: auto;    
}

#inner_wrapper {
    height: 450px; 
    position: absolute;    /* vertically center */
    top: 50%; 
    margin-top: -225px; 
    text-align: center;
}

#splash {
    max-width: 328px; 
    float: left;
}

#navigation {
    list-style-type: none;
    float: right;
    margin: 0px 0px 0px 30px;
    padding: 0px;
}

/**
 * Padding, line-height, height and the link font size have each been carefully
 * chosen and hard-coded so that the spacing of the navigation links looks approximately 
 * consistent across the various browsers.  Although, I don't know how height works.
 */
#navigation li {
    padding: 1px 0px 21px 0px;
    height: 10px;
    line-height: 10px;
    text-align: left;
}

a:link,
a:active,
a:visited { color: #666666; font: bold 7.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; } 
a:hover   { color: #990000; font: bold 7.5pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: underline; }

#search {
    clear: both;
    padding-top: 20px;
}

img {
    display: block;
    border: none;
}