New header text widget not spanning page

I'm trying to add a new text widget to the header area. I've tried it on a local version of my site (I'll go live with it when I get it to span the page).

This new widget area is number 1 of 3 widgets. It's text content is:

<div style="color: #505050; font-size: 14px; font-weight: bold; letter-spacing: 5px;">Doug Coe | Bay Area Architect</div>

I've attached images of what it looks like and what I want it to look like (spanning the whole web page)...from a mockup.

Any tips or clues on what to try to fix this layout problem?

Thank you,
Doug