CSS layout issues

Here is the page i’m struggling with:

http://www.threecoaching.com/life-coaching-service/?preview=1&template=threecoaching2&stylesheet=threecoaching2

Here is how it’s supposed to look:
http://www.threecoaching.com/images/home-mockup.jpg

(Obviously the block of text will sit in the empty space).

I just can never get this right, so some pointers would be great.

– I have a div (#brandWrapper)which contains my logo, the little tag line and the girl.
– That sits in a 100% wide div called #header and aligns toward the left of it as you can see.
– Then I have the recurring problem. I need another div to occupy the same horizontal space (the block of bold text) but all of a sudden the whole page turns to crap. Even if i float right.
– That div also sits within #header.

Help?