* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
background-color:#FAFFF4;
text-align:center;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/


}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:top;
}
#blueline
{
margin-top:15px;
width:770px;
height:13px;
padding-top:2px;
float:left;
padding-left:30px;
background-color:#39C;
margin-bottom:2px;
font-family:Verdana, Geneva, sans-serif;
font-variant:10px;
font-size:9px;
color:#FFF;
}
#largbox
{
width:800px;
height:400px;
background-color:#6299FF;
float:left;
margin-bottom:2px;
}
#greenbox
{
width:770px;
height:13px;
padding-top:2px;
float:left;
padding-left:30px;
background-color:#3C6;
margin-bottom:2px;
font-family:Verdana, Geneva, sans-serif;
font-variant:10px;
font-size:9px;
color:#FFF;
}
#red
{
width:800px;
height:15px;
background-color:#F90;
float:left;
}

#container {
text-align: center;
position:relative;
vertical-align:top;
display:table-cell;
height: 468px;
} 
#inner {
	width: 800px;
	height: 700px;
	background-color:#FFF;
	text-align: left;
	border:#CCC;
	border-style:solid;
	border-width:thin;
	margin-left:auto;
	margin-right:auto;
}
#header
{
width:800px;
height:70px;
float:left;
}
#logo
{
background-image:url(em.jpg);
width:263px;
height:30px;
margin-top:40px;
margin-left:10px;
float:left;
background-repeat:no-repeat;
}
#redbox
{
width:770px;
height:13px;
padding-top:2px;
float:left;
padding-left:30px;
background-color:#F60;
margin-bottom:2px;
font-family:Verdana, Geneva, sans-serif;
font-variant:10px;
font-size:9px;
color:#FFF;
}
#smallbox
{
width:100px;
height:100px;
border:#CCC;
border-width:thin;
border-style:solid;
float:left;
margin-left:27px;
margin-top:10px;
}




[if lte IE 8]>
#xouter{display:block}
#xcontainer{top:50%;display:block}
#xinner{top:-50%;position:relative}
<![endif]
[if IE 7]>
#xouter{
position:relative;
overflow:hidden;
}
<![endif]