Alinear 4 capas

[gVenom]

Bueno, comencemos por lo básico y puntos de consideración.

Para que una caja se posicione a la derecha de otra, necesitas ponerle la propiedad float:left;, tanto a la primera caja como a la segunda.
Posibles problemas:
Si la caja se ba para abajo, puede ser porque no tiene el suficiente espacio para acomodarse al lado de la otra, ya sea porque ambas estan contenidas en otro DIV con un ancho menor al que ocupas, o bien por el ancho de la pagina.
Tu codigo le aplica a cada caja un margin-left:470px; , por lo que sumado con los 410px que le aplicas a la otra y , tomando los 102px de ancho de las cajas (51px + 51px), suman un total de 982px que deberias tener disponibles de ancho en la linea de las cajas, solamente para que se pongan en la misma fila.

toma eso en consederación y nos avisas.

Saludos,