bottom-teaser and bottom-wrapper are not the same as bottom-footer

www.teknon.com is my adaptation of the danland theme. I really like how this theme is laid out and it is working well for the infancy stages of my companies website. We are by no means anywhere I would like to be with this site because I am missing a LOT of content from the non-web developers... pictures, biographies, etc. Feel free to check it out though, because I have modified the .css a lot and might be able to help you with something that I am familiar with.

Here is my problem:
The footer wrapper will allow the background color to extend to the far horizontal reaches of the browser window. The content inside the footer is set at a 950px limit. The reason it can do this is because the footer-wrapper div and the footer div are separate, like this code from the page.tpl.php file:

<div style="clear:both"></div>
<div id="footer-wrapper">
<?php if($page['footer']): ?>
<div id="footer">
 <?php print render ($page['footer']); ?>
</div>
<?php endif; ?>
<?php if($secondary_menu) : ?>
<div id="subnav-wrapper">
<?php print theme('links__system_secondary_menu', array('links' => $secondary_menu, 'attributes' => array('id' => 'subnav', 'class' => array('links', 'clearfix')))); ?>
</div>
<?php endif; ?>
</div> <!-- end footer wrapper -->

Here is the .css in my local.css file that I used to make the footer look as it does.

#footer-wrapper {
width: auto;
margin: 0 auto;
position: relative;
border-top: 1px solid #bbb;
padding: 10px 0 0;
background: #000000;
color: #ffffff;
text-align: center;
}
#footer{
width: auto;
font-size: 12px;
}

I like this a lot and want to have this repeated on the bottom-wrapper and the bottom-teaser areas but I am unable to do so because they are only one div. I don't have the PHP knowledge to fix this problem. Here is the code in question from the page.tpl.php file.

<?php if($page['bottom_first'] || $page['bottom_middle'] || $page['bottom_last']) : ?>
    <div style="clear:both"></div>
    <div id="bottom-teaser" class="in<?php print (bool) $page['bottom_first'] + (bool) $page['bottom_middle'] + (bool) $page['bottom_last']; ?>">
          <?php if($page['bottom_first']) : ?>
          <div class="column A">
            <?php print render ($page['bottom_first']); ?>
          </div>
          <?php endif; ?>
          <?php if($page['bottom_middle']) : ?>
          <div class="column B">
            <?php print render ($page['bottom_middle']); ?>
          </div>
          <?php endif; ?>
          <?php if($page['bottom_last']) : ?>
          <div class="column C">
            <?php print render ($page['bottom_last']); ?>
          </div>
          <?php endif; ?>
      <div style="clear:both"></div>
    </div> <!-- end bottom first etc. -->
    <?php endif; ?>


 <?php if($page['bottom_1'] || $page['bottom_2'] || $page['bottom_3'] || $page['bottom_4']) : ?>
    <div style="clear:both"></div><!-- Do not touch -->
    <div id="bottom-wrapper" class="in<?php print (bool) $page['bottom_1'] + (bool) $page['bottom_2'] + (bool) $page['bottom_3'] + (bool) $page['bottom_4']; ?>">
          <?php if($page['bottom_1']) : ?>
          <div class="column A">
            <?php print render ($page['bottom_1']); ?>
          </div>
          <?php endif; ?>
          <?php if($page['bottom_2']) : ?>
          <div class="column B">
            <?php print render ($page['bottom_2']); ?>
          </div>
          <?php endif; ?>
          <?php if($page['bottom_3']) : ?>
          <div class="column C">
            <?php print render ($page['bottom_3']); ?>
          </div>
          <?php endif; ?>
          <?php if($page['bottom_4']) : ?>
          <div class="column D">
            <?php print render ($page['bottom_4']); ?>
          </div>
          <?php endif; ?>
      <div style="clear:both"></div>
    </div><!-- end bottom -->
    <?php endif; ?>

Can someone help by putting up the right PHP code that will allow for a second div inside both the bottom-teaser and bottom-wrapper that will allow the background color to extend to the horizontal reaches of the browser while the content inside the bottom-teaser (and bottom-wrapper) be fixed at 950px? Thank you very much! I hope this was an acceptable description of the problem and I can certainly provide more information if needed.