This is what I ended up with. I had to adjust the "alt" size in the tpl_header.php very large (450/150) to encompass the logo and position the #logo to left justified. Also reduced the #logoWrapper left margin to zero to move the alt to coincide with the logo.

I have 1 more problem tho (yeah right ), the link (' . HTTP_SERVER . DIR_WS_CATALOG . ') in the tpl_header.php alt is not working.

#logo {
width: 295px;
height: 150px;
float: left;
}


#logoWrapper {
float: left;
margin: 1em 0 0 0em; /*(top) (right) (bottom) (left) position logo*/
}


tpl_header.php

<div id="logo"><a href="' . HTTP_SERVER . DIR_WS_CATALOG . '"><img src="images/pixel_trans.gif" alt="" width="450" height="150" /></a></div>

Sweet