/* Adapted from http://perishablepress.com/press/2007/09/25/absolute-horizontal-and-vertical-centering-via-css/ */

html, body {
    height: 100%;         /* required */
}
body {
    text-align: center;   /* horizontal centering hack for IE */
    padding: 0;           /* required to "hide" distance div */
    margin: 0;            /* required to "hide" distance div */
}
div#distance {
    margin-bottom: -275px; /* half of content height */
    background: red;      /* temporary - used to see div */
    width: 1px;           /* required to "hide" distance div */
    height: 50%;          /* required */
    float: left;          /* required */

}
div#wrapper {
    position: relative;   /* positions content on top of distance */
    text-align: left;     /* horizontal centering hack for IE */
    height: 550px;         /* required - desired height */
    width: 960px;          /* required - desired width */
    margin: 0 auto;       /* required */
    clear: left;          /* required */
}