html { 

}

body {
background: #111111 url(http://realitydesign.com/v9/images/black-bg.jpg) repeat-x top;
font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
}

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

.page {
margin: 0 auto;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
background: #111111 url(http://realitydesign.com/v9/images/black-bg.jpg) repeat-x top;
}

.blue {
height: 295px;
background: #16284a url(http://realitydesign.com/v9/images/blue-bg.jpg) repeat-x;
}

.blue-middle {
height: 295px;
background: url(http://realitydesign.com/v9/images/blue-middle.jpg) no-repeat center;
}

.blue-content {
width: 980px;
height: 295px;
padding-left: 2px;
}

.blue-item {
width: 216px;
height: 295px;
margin-right: 38px;
float: left;
}

.blue-item2 {
width: 216px;
height: 295px;
float: left;
}