* {margin:0;padding:0}

html,body{
 height: 100%;
 width: 100%;
 overflow: auto;
}

/* body
--------------------------------------------------*/
body{
 background-color: #E2E2E2;
 background-position: bottom;
 background-repeat: repeat-x;
 text-align: center;
 min-width: 709px;
 min-height: 467px;
}

/* container
--------------------------------------------------*/
#outer{
 height: 100%;
 width: 100%;
 display: table; 
}

#container{
 text-align: center;
 position: relative;
 vertical-align: middle;
 display: table-cell;
 height: 500px;
}

#inner{
 width: 709px;
 height: 500px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 border: 0px;
}

/* content
--------------------------------------------------*/
#mainlayout{
 width: 709px;
 height: 500px;
}

#top{
 width: 709px;
 height: 68px;
}

#contentbg{
 width: 451px;
 height: 450px;
 background-color: #747981;
}

#content{
 padding: 30px; 
}

#middleright{
 width: 258px;
 height: 450px;
 float: right;
}

#bottom{
 width: 709px;
 height: 20px;
}