Fiddling with CMS CSS whitespace

Question

I have a logo wrapped in a div with class="title-logo-wrapper fl"

I am trying to remove (or decrease) whitespace between my logo and the main nav.

The div contains the a and img elements but looking at "inspect element" these do not appear to be the problem. It is the div.

I cannot figure out how to remove the whitespace between the bottom of the logo and top of the main navigation.

Since I am using a CMS, there is quite a chunk of HTML code between the two elements. I am reluctant to add it to the question.

Would anyone mind taking a quick peek here: http://tinyurl.com/ovstqug

Answer 1

Try this:

#header hgroup {
    margin-bottom: 0;
}