Vertical content centering template

vcenter.css

* {margin:0;padding:0}
html,body{height:100%}
#wrapper{height:100%;width:100%;display:table;vertical-align:middle;}
#container{display:table-cell;vertical-align:middle;}
#inner{position:relative;left:50%;float:left;}
#content {position:relative;	text-align:right;left:-50%;}
<!--[if lt IE 8]>
#inner {top:50%}
<![endif]-->
<!--[if IE 7]>
#wrapper{position:relative;overflow:hidden;}
<![endif]-->

/*
<div id="outer">
<div id="container">
<div id="inner">
<div id="content">
...
<//div>
<//div>
<//div>
<//div>
*/