El único que desfasa es "servicios"
Y tienes en el enlace:
Cita: href="#servicios">Servicios</a>
y en el que debería ser su destino:
Cita: <div id="titulos">
<h1>Servicios</h1>
</div>
Y por una cuestión de los floats y de que está vacio de contenidos, el div id="servicio" está posicionado junto a "trabajos" es por lo que ahí se dirige el 'ancla'. Ponle un borde y lo verás.
Añade a .servicios un "clear:both" (entre otras varias soluciones posibles y quizás más semánticas)
Lo suyo sería que lo cierres cuando acaben sus contenidos (esto es, que id=servicios englobe
Cita: <div id="titulos">
<h1>Servicios</h1>
</div>
<div id="text-servicios1">
</div>
<div id="text-servicios2">
Un saludo