CSS Layout Help Needed Please !!!

Please view the attached file. I want to design a div based CSS layout but dont know how to make that layout. Somebody plz help. Any live example

Are the small areas in the bottom left supposed to be separate elements?

I would do something like:

<div id="top_pane">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="bottom_pane">
<div id="bottom_left"></div>
<div id="bottom_right"></div>
</div>

Then CSS:


div#top_pane div#top_left {
display: inline;
float: left;
width: /*WIDTH ENTERED HERE*/
}
div#top_pane div#top_right {
display: inline;
float: left;
width: /*WIDTH ENTERED HERE*/
}

and the same for the bottom.
You could float the div top_right to the right if desired.

Hope this helps to get you started.

D.