Gap between logo and menu at top of page

I've been trying to figure this one out and frankly, I'm about ready to give up! Ok, I like the basic layout of Forest Floor, but in developing a client site using the theme, I've run into a problem that I simply can't figure out. The client wanted a black background and while I'm not CSS expert I was able to figure that part out, but after I changed the background color, I was left with a white gap between the menu at the very top and the logo picture. Looking at the source code of the page it appears that the only thing between these two objects is the 'Header-Region' div. I've tried to change the background color of the 'Header-Region' div in the styles.css file, I've tried to use a background image for the div, I've tried to set the height to 0px, I tried to set the display:none, I even went to the page.tpl.php file and deleted the section that created the 'Header-Region' div when the page is generated. I'm obviously missing something, but only time I can change that area in anyway is when I change the background-color of #wrapper in the css. The site is http://www.goforthforest.com and is very much still under construction, so there's not much there. Any help would be appreciated.

Thanks!