Problema con diseño líquido

[weissbier]

Vaya, con eso tengo una divertida tarea. Me gustará manejar algo nuevo... sólo que, ¿estaría correcto este planteamiento?.
Según me he informado, y buscando lo mostrado en la imagen inicial, he de crear tres hojas de estilo diferentes:
[Suponiendo, para facilitar cálculos, las columnas laterales (C1,C3) de 100px y el bloque central (C2) de 500px]

Hoja 1) Tres columnas, metidas en un contenedor de ancho 700px y centrado.
--C1: 100px y float left.
--C2: 500px y float left.
--C3: 100px y float left.
Hoja 2) Tres columnas, metidas en un contenedor de ancho 600px y centrado.
--C1: 100px y float left.
--C2: 500px y float left.
--C3: 600px y float left. (Abarcaría el ancho completo)
Hoja 3) Tres columnas, metidas en un contenedor de ancho 500px y centrado.
--C1: 500px y float left. (Esta se quedaría arriba)
--C2: 500px y float left.
--C3: 500px y float left.

Cargaría:
Hoja 3 si ancho visible es menor de 600px.
Hoja 2 si ancho visible es mayor que 600px y menor que 700px.
Hoja 1 si ancho visible es mayor que 700px.

Ahora bien, ¿cómo solucionar el hecho de que se quede arriba Hoja 3.C1?, ¿cómo debo hacer para llamar a cada hoja en cada caso establecido?. Saludos y gracias por el tiempo tomado.