I'm not sure if this is what you're asking, but here's how I'd probably set up the basic layout. Hopefully the names I've given to the ids and classes make sense as far as what they're supposed to do. Those aren't the names I would use in practice, but I tried to be somewhat description
HTML Code:
<div id="wrapper">
<div id="left-column">
<ul id="menu">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div id="right-column">
<div id="banner"></div>
<div id="content">
<h1>Title</h1>
<p class="floatleft">short summary</p>
<div class="floatright clearright">Home</div>
<div class="floatright clearright">Page 1</div>
<div class="floatright clearright">Part 2</div>
<p class="clearboth">copyright</p>
</div>
</div>
</div>
As far as adding the curved borders you have a couple of options.
If you don't care about internet explorer you can use the css border-radius property. In Mozilla based browsers you'd use -moz-border-radius and in webkit based browsers you'd use -webkit-border-radius
I'm guessing this needs to work in IE though. In that case you'd either need to make every curve an image, which is a pain or use JavaScript. If you look up 'jquery rounder corner' there's a jQuery plugin that makes it pretty easy to round borders. Ultimately it works like the css border radius, but uses javascript instead.
Usually with a website you aren't trying to be pixel perfect, because you can never control exactly how someone will view a web page. generally you want to be more flexible and not worry about a px here or there. There's no reason though why you can't get everything to line up the way you have it drawn.
For the layout think floats instead of positioning. To add space between the different blocks think margin. To add space inside a block think padding.
The way I see your layout (and the way I set up the html above) is:
A wrapper div around everything. This would also hold the background (color or image) you have behind everything.
2 columns - menu on left. Everything else on right
Inside the right column you have a div holding the banner followed by your title enclosed in an html heading tag. Below that you would float a paragraph or a div with several paragraphs to the left for your description. You would then have three blocks (all divs I think) that would be floated to the right and containing the home, page 1, and part 2 respectively. Each of these block would also use clear: right to clear floated elements on the right and not clear the floated element on the left.
I hope some of the above helps.
