Make logo placeholder larger in CSS

The logo height is fixed at 39px but I need it to be 198px. I have changed some lines in the stylesheet but it moves the carousel image down and the category menu bar stays in the same place (should just move down to make room for the logo). So when I make the logo height 198px, the logo goes over the category menu bar.

/* —————————————————————————————— header styles —————————————————————————————— */
div#header {height:57px;padding:149px 0 0 0;position:relative;z-index:100;}

h1#logo {position:absolute;left:-5px;top:80px;z-index:1;}
h1#logo a {width:236px;height:39px;display:block;}

div#header_right {}

Changing the above height to 198px does not work!

Here is a link to the template that I have used:

Edit [Moderator]: Link removed
Where you see Comfortline (Modern Contemporary Furniture) that is 39px. But I need it to be 198x. Basically be able to insert a larger logo.

Please help!!
Thanks