Adjust logo postion

Hello...

I could use some help adjusting my logo and site name in the header-wrapper. I have tried all sorts of adjustments in the header-wrapper, header-first, header-first #logo. I am trying to center my logo and site name in the header-wrapper. As you can see the image is too low and the name is not centered with the logo. http://www.texasfisher.com. I read that the image size should be 284W x 84H, but didn't realize they are different for each theme and the original logo is way to small for my picture and currently the 284w x 84H distorts the picture but since the white bar is a acquia slate standard png file i just made my image fit to it. Please point me in the right direction.

Thanks,
Fisher

I am currently using
Drupal 6.17
Acquia Slate 6.x-2.0

#header-wrapper {
background: #fff url('images/header.png') no-repeat left top;
height: 33px;
margin-bottom: 30px;
overflow: hidden;
padding: 26px 20px 32px 20px;
position: relative;
}

#header-first {
float: left;
margin: 0px 0px 0 0px;
}

#header-first #logo { /* logo postion. default image replaced if you upload your own */
display: inline;
margin: 0px 30px 30px 0px;
}

#header-first h1 {
border-right: 1px solid #DDDDDD;
color: #525252;
display: inline;
font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
font-size: 2.1em;
font-weight: normal;
letter-spacing: 3px;
padding-right: 15px;
position: relative;
text-transform: uppercase;
top: -7px;
white-space: nowrap;
}

#header-first h1 a { /* site name link */
color: #525252;
text-decoration: none;
}

#header-middle {
color: #555555;
display: inline;
padding: 0;
position: relative;