body
{
	margin:0;
	padding:0;
	text-align:center;
	
}
body,html
{
	height: 100%;
	
}

#outer
{
	height: 100%; 
	overflow: hidden; 
	position: relative;
	width: 100%; 
	text-align:left;
}
#outer[id]
{
	display:table;
	position:static;
	
}
#middle 
{
	position: absolute; 
	top: 50%;
}
*html #middle 
{
	left:50%;
}
#middle[id]
{
	display:table-cell;
	vertical-align:middle;
	position:static;
}
div#container
{
	width:1000px;
	height:600px;
	margin:0 auto;
	padding:0;
	position: relative;
	top:-50%;
}
*html #container 
{
	left:-50%;
}

*+html #outer[id]{position: relative;}
*+html #middle[id]{position: absolute; }