moving widgets

Does anyone know how I can move the widgets on the home page of the responsive theme to outside of the wrapper div?

Essentially I want the wrapper to contain the featured content and then have full width content underneath with the widgets, so that I can add a background and have it seamless with the footer.

Right now it looks like

<div id="main-wrapper">
<div id="wrapper" class="clearfix">
<div id="featured" class="grid col-940"></div>
<div id="widgets" class="home-widgets"></div>
</div>
</div>

but i need it to be

<div id="main-wrapper">
<div id="wrapper" class="clearfix">
<div id="featured" class="grid col-940"></div>
</div>
<div id="widgets" class="home-widgets"></div>
</div>

thanks for any suggestions