* {margin:0;padding:0}
/* mac hide */
html,body{height:100%;width:100%;}
/* end hide */

body {
text-align:center;
margin: 0px;
padding: 0px;
}

#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}

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

#inner {
width: 770px;
background: #007DBA url(/middle.gif) repeat-y top left;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#header {
margin: 0px;
padding: 0px;
height: 36px;
background: #007DBA url(/top-curve.gif) repeat-y top left;
}

#footer {
position: relative;
clear: both;
height: 45px;
background: url(/bottom-curve.gif) repeat-y top left;
width: 770px;
padding: 0px;
}

#foot-con {
font-family: arial, sans-serif;
font-size: 0.7em;
position: absolute;
bottom:0px;
right: 20px;
}

#content {
position: relative;
padding: 30px;
height: 400px;
}