* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #a8d0b5;
background-image: -moz-linear-gradient(top, #e7efe0, #a8d0b5);
background-image: -webkit-gradient(linear, top, bottom, color-stop(0.00, #e7efe0), color-stop(1.00, #a8d0b5));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e7efe0, endColorstr=#a8d0b5);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#e7efe0, endColorstr=#a8d0b5)";
font-family: Arial, Helvetica, sans-serif;
font-size: 1.5em; 
text-align:center;
min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
}
#inner {
width: 552px;
height: 468px;
text-align: center;
margin-left:auto;
margin-right:auto;
}