no me doy cuenta bien sin ver todo el conjunto, pero supongo que centras una capa horizontal y verticalmente con
Código CSS:
Ver original#capa_centrada {
position:absolute;
top: 50%;
left: 50%;
width:350px;
height:300px;
margin-top: -150px; /*valor negativo mitad del alto*/
margin-left: -175px; /*valor negativo mitad del ancho*/
border: 2px solid #2982C6;
background-color: #FFF;
text-align: center;
}
y dentro de esa capa poner los elemento de la animación con posiciones relativas a la misma, debería funcionar.
a propósito, te dejo una sugerencia, temas como este sería mejor postearlos en un foro más generico, ya que no es específico de html5
Saludos