Getting an odd gap between two editable regions.

Hello,

I am currently working on a site for a client. It is a fairly simple straightforward layout. I have created a template page with two editable regions. The top region is called banner, the second is underneath it called content.

The content region I am having an issue with is for the pages named Home, About Us, Services and Q&A. For those pages, an area of approximately 8px shows through to the wrapper.

So, it creates a white gap of 8px between the banner region and the content region.

These two regions are also present in the last three pages, Gallery, Info and Location, but the white gap does not show on these pages. This is how the other pages should look.

I have checked for margin, padding and other settings but cannot figure out which selector is giving me the gap between the regions.

I could really use a fresh eye as I am out of ideas.

I have posted the unfinished site to this link.

http://black-cardinal.com/test/website/index.html

Any help would be greatly appreciated.

Thank you so much. This worked just like you described. You have helped me several times for different problems. I want you to know I really appreciate it. :)