[SOLVED] How to make header and page menu bar full width and take the white spacing o

Hi guys,

I hope some body can help me fix two issues, earlier I made my header a full width according to some helpful post I found on this forum, then I changed the page menu and cats bar to a full width to go along with the full header, I'm using layout width 100%.
The problem is, as you can see here http://www.onlinebizhunters.com I still have some white space on the left and right of the header and menu area, my question is how do I take that white space off and make the header and 2 menu bars to stretch all the way to the left and right (full width) with keeping my page menu and cats menu items aligned according to my content area as in this example here http://letusbuzz.com

Here is my css/html inserts:
div.wrapbody{
width: 1000px !important;
}

div#menu1 ul.rMenu
{background: red;
border: none;
width: 1000px;
margin-right: auto;
margin-left: auto;
}

ul.rMenu li a {width:100px; text-align:center;}

ul.rMenu,
div#menu1 {
height:25px;
margin-top:0px;
background-color:red;
repeat-x !important;
}