Anita:


(BEFORE YOU START - BACKUP any php files first... !)


Get your modified LOGO here:
Code:
http://www.edutrade.co.uk/images/temp/logo.jpg
SAVE IT to the following on your server...

/includes/templates/custom/images/

You will see it's a JPG image, so you will need to modify the DEFINES for it in:

includes/languages/english/header.php

The settings you will need are:

Code:
// added defines for header alt and text

  define('HEADER_LOGO_WIDTH', '969px');
  define('HEADER_LOGO_HEIGHT', '240px');
  define('HEADER_LOGO_IMAGE', 'logo.jpg');
Then use this MAP code to create the image map in tpl_header.php as described in other postings.

Code:
<div id="headerWrapper">
<!--bof-branding display-->
    <div align="center"><img src="includes/templates/custom/images/logo.jpg" width="969" height="240" border="0" usemap="#Map">
   <map name="Map">
    <area href="http://anitastergioudesigns.com/shoppe" shape="rect" coords="81, 165, 182, 212">
    <area href="http://anitastergioudesigns.com/studio" shape="rect" coords="320, 165, 422, 212">
    <area href="http://anitastergioudesigns.com/chatter" shape="rect" coords="483, 165, 582, 212">
    <area href="http://anitastergioudesigns.com/blog" shape="rect" coords="688, 165, 787, 212">
    <area href="http://anitastergioudesigns.com/team" shape="rect" coords="852, 165, 950, 212">
   </map>
 </div>
(Naturally, you must check the hyperlinks - <a href=...> to make sure they point at the pages you want them to...)

YOU MAY ALSO HAVE TO alter wrapper widths in your stylesheet - I see you've been playing with these and seem to have deleted #logowrapper... In fact, I am sure you will have to adjust the stylesheet for wrapper widths.

To assist you here... The logo.jpg image (taken off your site, is 969px wide and 240px high)