Well I was able to get the header to move down below the main wrapper by inserting {} in the stylesheet one in the beginning and one in the end. Below is what it looks like now.

Now my problem is that the cuts are no longer together in one piece but are seperated aligned to the left .

Also it has this hyper link centered at the top just past the header. It is the phrase that would show up when you put your mouse over the logo. When you put your mouse over the hyperlink it displays that message. I need that message to appear when you put your mouse over the header and it has a capital S after the coma which needs to be changed to lower case s.


{
<!-- ImageReady Styles (logo.psd) -->
<STYLE TYPE="text/css">
<!--

#logo-01 {
position:absolute;
left:0px;
top:0px;
width:18px;
height:165px;
}

#logo-02 {
position:absolute;
left:18px;
top:0px;
width:766px;
height:111px;
}

#logo-03 {
position:absolute;
left:784px;
top:0px;
width:16px;
height:165px;
}

#logo-04 {
position:absolute;
left:18px;
top:111px;
width:123px;
height:54px;
}

#logo-05 {
position:absolute;
left:141px;
top:111px;
width:96px;
height:43px;
}

#logo-06 {
position:absolute;
left:237px;
top:111px;
width:97px;
height:43px;
}

#logo-07 {
position:absolute;
left:334px;
top:111px;
width:99px;
height:43px;
}

#logo-08 {
position:absolute;
left:433px;
top:111px;
width:98px;
height:43px;
}

#logo-09 {
position:absolute;
left:531px;
top:111px;
width:99px;
height:43px;
}

#logo-10 {
position:absolute;
left:630px;
top:111px;
width:97px;
height:43px;
}

#logo-11 {
position:absolute;
left:727px;
top:111px;
width:57px;
height:54px;
}

#logo-12 {
position:absolute;
left:141px;
top:154px;
width:586px;
height:11px;
}

-->
</STYLE>
<!-- End ImageReady Styles -->
}