layout basics

... life would be much easier if you just move the code in the template around instead of taking days to figure out the CSS

In the Web Developer toolbar, under Tools there are buttons to validate things including CSS and HTML. As I posted earlier, the Information > Display element info button will do this, as will several other buttons. Look at them all and play around to see what they do.

The best way to edit code and avoid errors is to use a good programming text editor. I like Notepad++ (available free from Sourceforge); it displays different kinds of elements in different colors, and highlights many kinds of errors for you. You can have a half dozen files open at the same time and work back & forth.
Since you are working locally, as soon as you save an edit you can refresh your storefront screen and see the effect.

ok that works thanks again,
There are many id's around and i take it you just edit the specific 1 and not the wrapper . The nested id setup can confuse what to edit.

If you just change the code in the template around tpl_header.php I am just moving things around with the same information, and not really seeing how that is supposed to add new text,img and style. I don't understand what you mean by that in the complicated php code?