Weird black bar has appeared!

Hi, Ive just noticed a solid black bar that appears on top of my site over the header image. You can see it at www.ifishanywhere.com I have the following custom css already put in to reduce space top and bottom of header image: /* Margin above Logo */ #header .logo-wrap { margin-top: 10px; } /* Margin above Social Icons */ #header .social-search { margin-top: 67px; } /* Margin above Menu */ #header #mainmenu { margin-top: 10px; } Any help would be greatly appreciated.