I am working on the http://www.legacyrealestate.net website. I have been asked to create a new menu, which is longer than the current one (more words) on the site now. I have decreased the font size, decreased the padding, messed around with the sizes of the Logo Container, but no matter what I do, when I try to institute the new menu, it pushes the Legacy Real Estate Logo (left of the menu) above the menu to the top left corner and leaves a big blank space.
Even when it appears there is enough room for the menu and the logo, the logo still pops up to the top above the menu. I am not sure what I am doing wrong. Does anyone know what area of the CSS I should edit to fix this? I'll copy and paste it below.
Thank you for ANY help with this, it is driving me batty.
[Excessive CSS removed - we need a link to your site only]