Extending content to the left and right edges

Well it looks as though the image attachment was too large. So here is a direct link to it. Once again thank you for your help!
http://i246.photobucket.com/albums/gg96/teambpn/Extendpage.jpg

Once again to clarify what we are trying to do we want fluid widths that will adjust based on the clients resolution and browser choice...just want that fluid width to be the FULL width extent of the page. We want to be able to nuzzle those little boxes real close to the left and right edge of the screen without cutting off the boxes and without having any horizontal scroll. Thanks again in advance.

P.S. If you need anymore info on this just let me know or feel free to shoot me an email at Schlup@bulletproofnerds.com

Also, in case it is needed here is a copy of my style.css...I have played with it but still can't figure out how to make this happen. Thanks again!

body a,
body a:link,
body a:visited {
text-decoration: none;
}

body a:hover {
text-decoration: underline;
}

/* layout */
body {
font-family: Helvetica;
font-size: 83%;
line-height: 125%;
margin: 0;
padding: 0;
min-width: 1024px;
}

#page {
margin: 0 auto;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
}

body.bothsidebars,
body.leftsidebar,
body.rightsidebar,
body.nosidebars {
}

#middlecontainer {
margin: 0;
}

.regions {
display: block;
float: none;
}

#maincontent {
float: left;
width: 100%;
}

body.bothsidebars #maincontent {
margin: 0 -260px;
}

body.leftsidebar #maincontent{
margin-left: -260px;
}

body.rightsidebar #maincontent{
margin-right: -260px;
}

#squeeze {
position: relative;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

body.leftsidebar #squeeze {
margin-left: 260px;
}

body.rightsidebar #squeeze {
margin-right: 260px;
}

body.bothsidebars #squeeze {
margin: 0 260px;
}

#middlecontainer .sidebar {
margin: 0 0 5em;
width: 260px;
float: left;
z-index: 2;
position: relative;
}

.regions {
width: 100%;
}

#topregion {
width: 100%;
}

#footer {
float: none;
clear: both;
}

/* override Drupal */
tbody {
border: none;
}

tbody th {
border: none;
}

/* spacing */

p {
margin-top: 10px;
margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
padding-bottom: 5px;
margin: 10px 0;
}

h1 {
font-size: 160%;
}

div#header h1 { display:none; }

h2 {
font-size: 125%;
}

h3 {
font-size: 110%;
}

h4 {
font-size: 100%;
}

div#header {
text-align: center;
clear: both;
}

div#header,
div#header p,
div#header p.img {
display: inline;
}

#leftsidebar .block, #rightsidebar .block {
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 10px;
}

#middlecontainer {
padding:0px 10px 10px 10px;
}

#footer {
text-align: center;
margin:0;
font-size: 75%;
padding: 1em;
}

#footer a {
font-weight:bold;
}

#footer a:hover {
}

div#breadcrumb {
padding-left:14px;
clear: both;
font-size: 75%;
}

/* topregion */
div#topregion .region {
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 10px;
}

/* bottomregion */
div#bottomregion.region {
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 10px;
}

div#user1 {
float: left;
}

div#user2 {
display: inline;
}

div#user3 {
float: right;
}

/* Primary and Secondary links */

#primary {
line-height: 30px;
}

#primary ul {
padding:0;
margin:0;
list-style:none;
}

#primary li {
display:inline;
}

#primary a {
font-weight:bold;
display:block;
float:left;
padding:0px 14px 0px 14px;
margin: 0px 1px 0px 0px;
font-size: 95%;
}

#primary a {
background-position:0% 0px;
}

#primary a:hover {
text-decoration: none;
background-position:0% -42px;
}

#primary a.active {
background-position: 0% -84px;
}

#secondary {
}

#secondary ul {
margin:0;
padding:0;
list-style:none;
}
#secondary li {
margin:0;
padding:0;
display:inline;
}

#secondary li a {
float:left;
display:block;
font-size: 90%;
padding:0px 14px 0px 14px;
}

#secondary a:hover {
text-decoration: none;
}

#secondary a.active {
font-weight:bold;
}

a.readon,
a:hover.readon {
margin-top: 15px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;

font-weight: bold;
text-decoration: none;
text-align: center;
}

/* utility stuff */

.clear-block {
display: block;
}

/* clearing & floating */
.clearingfix:after {
content: ".";
display: block;
line-height: 0px;
clear: both;
visibility: hidden;
}

.floatbox { overflow: hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width50 { width: 49.999%; }
.width66 { width: 66.666%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }

#masthead {
float: none;
clear: both;
line-height: normal;
}

#logo-title {
display: inline;
}

#name-and-slogan {
display: inline;
}

#site-name {
display: inline;
}

#site-name a, #site-name a:hover {
font-weight: normal;
color: white;
font-size: 140%;
margin: 0;
padding: 0;
}

#site-slogan {
color: #aaa;
margin: 0;
font-size: 85%;
display: inline;
}

#logo-title {
margin: 0px 0px 0 0px;
position: Static;
}

#logo{
vertical-align: baseline;
}

img#logo {
position: center;
top: 10px;
width: 940px;
height: 250px;
}

img#roopletheme {
width: 0px;
height: 0px;
}

#search {
padding-top: 25px;
padding-right: 20px;
float: right;
}

#mission {
font-weight: bold;
padding: 2em;
margin-top: 20px;
margin-bottom: 20px;
font-size: 85%;
border: solid 1px #B5C9D8;
}

/* demo content */
#downloadjazz {
width: 100px;
height: 100px;
float: right;
position: relative;
display: inline;
margin-top: -20px;
}

#configscreen {
width: 200px;
height: 177px;
float: right;
position: relative;
display: inline;
margin-top: -40px;
}

#configmagglass {
width: 200px;
height: 239px;
float: right;
position: relative;
display: inline;
margin-top: -40px;
}

/* table stuff */

table.regions {
width: 100%;
}

td.region {
padding: 0px 10px;
}

div#topregion {
}

div#topregion td.region {
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 10px;
}

div#bottomregion {
}

div#bottomregion td.region {
padding-top: 10px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 10px;
}