body {padding: 0; margin: 0;}
body,html{height: 100%;}
#outer {
	width: 100%; 
	height: 100%; 
	overflow: hidden; 
	position: relative;
	background:#333;
	display:table;
}

#outer[id] {
	/* for Firefox */
	display: table; 
	position: static;
	
	/* for IE7 */
	*position:relative;
	 
	 /* for IE6 */
	_position: static;
}
#middle {
	position: absolute; 
	top: 50%;
	left: 0;
	vertical-align:middle;
	display:table-cell;
	width:100%;
	
	*vertical-align:middle;
	*display:table-cell;
	*width:100%;
	
	_vertical-align:;
	_display:;
	_width:;
} /* for explorer only*/

#middle[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
	top:50%;
	left:0; 
	width:100%;

	*position:absolute; 
	
	_position: ;
}

#inner {
	position: relative; 
	top: -50%; 
	margin: 0 auto;
	text-align:center;
	} /* for explorer only */