Adjust Top Menu Width for Large Logo

Hello, I have a logo that is 300px in width and when I adjusted the logo width in the template_css.php file it dropped the top menu below the logo as opposed to its original position beside it. I've tried floating it to the right and that didn't make much of a difference. Could you please suggest how to maintain the look of the template with a logo that is 300px in width. Please bear in mind that the font size for the top menu will be much small than is currently set in the demo version. Thank you.

link: winifredsmith.co.uk/ (I know its a bit skewed, I have the original code and can easily restore the original settings but still need guidance on how to adjust the code to suit a logo 300px in width)

You don't have any property setting that width. Logo container (comes from template_css.php) has:


#logo {
height:96px;
width:159px;
}

to hit image use:

#logo IMG {
height:...;
width:...;
}

you can add that at the end of template_css.css