Si alguna vez te preguntas como centrar el contenido de una página maquetandolo en css bueno acá está la solución es simple solo tenes que copiar este código de acá abajo y listo.
.contenedor {
position: absolute;
top: 50%;
left: 50%;
width: 800px;
height: 600px;
margin-left: -400px; /* 1/2 del elemento width */
margin-top: -300px; /* 1/2 del elemento height*/
background-color:#CCC;
}