Mate i tried your suggestions and there not working. For example cant get the header image to load, the path is correct and matches the file name

the tagline writing is black and too big it wont go small.

the page stays at 100% even when i turn main wrapper to 80% here is some of the stylesheet

PHP Code:
/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #FFFFFF;
    text-align: left;
    width: 80% ; 
    vertical-align: top;
    border: 1px solid #9a9a9a;
    } 

PHP Code:
#logoWrapper{
    background-image: url(../images/logo_tile_back.jpg);
    background-repeat: repeat-x;
    background-color: #ededed;
    height:250px;
    }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    } 
#navColumnOneWrapper, #navColumnTwoWrapper {
    margin-left: 0.5em;
    margin-right: 0.5em;
    }
    
#tagline {
    color:#ffffff;
                  font-size: 0.2em;
                  font-weight:normal;
                  text-align : center;
                  vertical-align: middle;
                  padding-top:50px;

    }

#logo {
              float:left;
              padding-top:120px;
              padding-left:50px;
             }

#taglineWrapper {
             float:right;
             width:320px;
             color:#ededed;
              } 

I made some changes to what you said only because yours made the layout how it is now, my changes havent effected the layout at all.

Its doing my head in changing the stylesheet isnt doing anything.