Chi mi aiuta a impostare questo css?

[spiderman23]

Ciao a tutti,
premettendo che ho delle conoscenze limitatissime dei css qualcuno sa dirmi come posso impostare questo tipo di layout table-less visionabile a questo indirizzo:
http://www.cisiamotutti.netsons.org/modello.jpg

Il layout dovrà essere fluido...cioè adattabile in larghezza alla risoluzione del monitor.
Inoltre:

la parte fucsia dovrà avere una larghezza di 35%
la parte verde 40%
la parte blu 40%
gialla 40%
arancione 60%
azzurro 60%

Qualcuno può aiutarmi...?
io c'ho provato ma non riesco a capire perchè si sistemano correttamente le varie parti

Grazie in anticipo

[spiderman23]

ma è tanto complicato da impostare? oppure semplicemente nessuno mi vuole aiutare?

io cmq ci sto provando e sto lavorando su questo:

div#container{
height:100%;
width:100%;}
div#top{
position:relative;
height:15%;
    margin: 0em;
    padding: 0em;
    text-align: left;
    width: 100%;
}
div#top_left{
width:35%;
float:left;
}
div#top_right{
width:65%;
margin-left:35%;
}
div#left{
float:left;
width:40%;
}
div#left_top{
position:relative;
height:40%;
}
div#left_middle{
position:relative;
height:35%;
}
div#left_bottom{
height:5%;
}
div#right{
width:60%;
margin-left:40%;
height:85%;
}
div#right_media{
float:left;
    height:50%;
    margin-left:40%;
    width:100%;
}

div#right_bottom{
margin-left:40%;
height:35%;
width: 100%;
} 

quindi il tutto è inserito all'interno di un container di altezza e larghezza 100%
la parte in alto è "top"(left e right)

la parte a sinistra è "left" che contiene altri tre div

e la parte a destra è right che ne contiene invece due di div...

non so....se qualcuno può darci un occhiata...xke il risultato che mi viene fuori non è affatto accettabile