maquetear web con divs

[KnowDemon]

Mmmm, pues no se. Aunque tienes una hoja de estilos especificada, hay una gran cantidad de reglas de estilo en las etiquetas mismas, y creo que eso no ayuda mucho a separar "el contenido de la presentación". Además hay mucha redundancia en las mismas.

Hay partes de tu código que tiene demasiados "no-breaking spaces". Ignoro el porque, aunque me temo que eso es obra del DreamWaver.

Existen demasiados div's vacios. Me hace pensar que los estas utilizando para crear líneas. Soy de la idea que esas líneas las podrías crear aplicando bordes a capas estrategicamente colocadas (que además tengan parte del contenido). Por ejemplo, el menú. La línea vertical gris se podría crear aplicando border-right: 1px solid Grey; a una hipotética capa que tuviera como contenido al menú mismo.

¿Cómo saber si realmente estoy separando el contenido de la presentación y uso correctamente las CSS?

Cuando puedas cambiar por completo el diseño de tu sitio SIN TOCAR el HTML...

... y esto implíca otra cosa...

Es mejor empezar por la estructura lógica del sitio y despúes maquetar...

Bueno esa es mi humilde opinión.