Hola
1) Defines la altura de 700px, en consecuencia eso obtienes.
2) Las imágenes no tienen el mismo tamaño. Fijate que Escuela tiene una altura de 122px, mientras que Trabajo... es de 114px. Además que Escuela tiene una sombra inferior, mientras que la otra solo es el recuadro verde, sin sombra. Verifica muy bien las imágenes, ya que al tener sombra una y la otra no nunca coincidirán.
3) Estas usando <img> que es un elemento de linea, con solo ponerle a su contenedor text-align:center, te debería centrar todas las imágenes. Con lo cual no haría falta el flotado de las imágenes, además que en este caso no aplicaría, ya que está pensado para que el texto fluya a su alrededor, y no veo texto alguno.
Tan solo deberías ajustar algún margen para que no queden pegadas.
Te diría que repienses la maquetación completa, que el logo no lo pongas como fondo ya que es una imagen importante (logo de la empresa), y/o que le agregues texto.
Que cabecera no tenga es padding de 600px, sino que el fondo (degradado, no el logo) lo pongas como fondo de "pagina" por ejemplo, así evitas eso que has hecho, quedando cabecera solo con tamaño aproximado de 300px (altura del logo).
Y el pie, no lo he mirado lo suficiente para sugerir algo.
Saludos