body {
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}
.container {
	position:absolute; height:100%; width:100%;
	display: table;
	background:#808080;
	font-family:Verdana, Geneva, sans-serif;
}
.left{
	display: table-cell;
	vertical-align: middle;
	text-align:right;
	background:#111;
	color:white;
	width: 49.8%;
}
.right{
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	background:#eee;
	width: 49.8%;
}
.center{
	display: table-cell;
	vertical-align: middle;
	width:0.4%;
}
.left ul {
    list-style-type: none;
    margin-right: 5px;
}
.left li {
	margin-top: 5px;
}
.left a {
    color:#DFDFDF;
    text-decoration:none;   
}
.left a:hover {
	text-decoration:underline;
}
.right p {
	margin-left: 5px;
	width: 400px;
}
.right h1 {
	margin-left: 5px;
}
.right a {
    color:#202020;
    text-decoration:underline;   
}