How do i adjust the height of nav bar after I resizing the header?

I reduced the size of the header on https://www.healthy-diet-solutions.com.

Now i need to adjust the height of the nav bar so that moves up accordingly, but I’m not sure where i do this.

Any suggestions?

This is a copy of the style.css header portion:

/* Header – Menu */

#header #header-menu {
position: absolute;
top: 419px;
left: 0;
height: 37px;
}

#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 37px;
}

#header #header-menu ul li {
height: 37px;
font: normal 18px/32px Arial;
color: #ffffff;
float: left;
text-transform: lowercase;
padding: 0 18px;
}

#header #header-menu ul li a {
color: #ffffff;
text-decoration: none;
display: block;
height: 37px;
}

#header #header-menu ul li a:hover {
background: url(“images/header_menu.gif”) no-repeat bottom

center;
}

#header #header-menu ul li ul {
display: none;
}

#header #header-menu ul li.current_page_item a {
background: url(“images/header_menu.gif”) no-repeat bottom

center;
}

/* Header – Search */

#header #header-search {
position: absolute;
top: 7px;
left: 108px;
width: 130px;
height: 22px;
}

#header #header-search #searchform {
margin: 0;
padding: 0;
width: 130px;
height: 22px;
}

#header #header-search #s {
width: 129px;
height: 22px;
padding: 0;
border: 0;
font: normal 17px Arial;
color: #ffffff;
background: transparent;
float: left;
}

#header #header-search #searchsubmit {
background: transparent;
border: none;
width: 0;
height: 22px;
padding: 0;
float: right;
}

Any help would be greatly appreciated!