I really appreciate the time everyone has spent on this for me.

I had just written a reply to paulm saying that I still could not get it to work with a status report etc. and was about to post it off, when I saw Kuroi Sans suggestion, which I hadn’t noticed when I resumed working on this this morning (Japan time).. So I put off that reply...

I have have just given Kuroi’s sans suggestion a try and now I can say I am almost, ALMOST there!!! The annimation and the goto-j.gif were in the wrong positions. The button on the left and the animation on the right... It seemed so strange to me as I used your code exactly... Anyway, I changed the order of the code both items in the stylesheet and tpl_header and that got them right! I wonder why this is so?

My last stumbling block is I cannot get the liquid section to fly? I have copied your code exactly, I believe... I tried changing its position to no avail...

Also, I am thinking that there is a little too much space below the logo and the main body of the page. Where do I go to reduce that?

(As for the 3px gaps on my main GPC homepage, of course I would love to get rid of them as well. After this store logo thing is done could you give me the lowdown on that?)

Below is my current coding... (I am including code before and after in case I may have messed up something...

(BTW. Once this is done and working I will post the css with a step by step explanation on the Zen site so everyone will benefit from this. I am sure that there are others who would like to do a similar designs, and if there are samples available, it will make it much easier for them. )

stylesheet.css

****************************************************
#mainWrapper {
/background-color: #ffffff;/ /*Peace Freak - turned the background-color off*/
text-align: left;
width: 100%;
vertical-align: top;
}

#logoWrapper, {

#logo {float:left; width:490px; height:115px}
#animation {float:right; width:60px; height:115px}
#nihongoSiteButton {float:right; width:25px; height:115px}
#line {background-image: url(http://english.globalpeace.jp/store/...ans-line.gif); background-repeat: repeat-x; margin:0 85px 0 490px; width:auto; height:115px}
} /*Peace Freak - GPC Logo Added*/

#headerWrapper,

*******************************************

tpl_header.php

<div id="headerWrapper">

<!--bof-branding display-->


<div id="logoWrapper">
<img id="logo" src="http://english.globalpeace.jp/store/includes/templates/my_template01/images/logo/GPCMainBanner-e.gif" alt="" width="490" height="115" />
<img id="animation" src="http://english.globalpeace.jp/store/includes/templates/my_template01/images/logo/GPCMainBanner-animation.gif" alt="" width="60" height="115" />
<img id="nihongoSiteButton" src="http://english.globalpeace.jp/store/includes/templates/my_template01/images/logo/goto-j.gif" alt="" width="25" height="115" />
<div id="line">&nbsp;</div>


</div>
<br class="clearBoth" />
<!--eof-branding display-->

<!--bof-navigation display-->