Un poco el problema que tienes creo que radica en la estructura. Viendo tu pagina puedo ver que hay un vacio cuando termina la imagen principal, y lo que pienso que quieres hacer, es igualar el color de la parte inferior de la imagen principal, y que aparesca ese color con el texto que queda volando en el fondo azul marino. Si es asi prueba darle una altura de algo asi como 900px en el div #principal.