Bootstrap... Hide Column then Center Column
===

Using Bootstrap Responsive - html appears like...

    <div class="row-fluid Center">
      <div id="divMapCanvas" class="span6">
         <div id="map_canvas">
         </div>
       </div>
       <div id="divMapPanel" class="span6">
         <div id="map_panel">
         </div>
        </div>
      </div>

Test Webpage... [http://gfw.yyyz.net/Contact][1]

What I would like to do is initially hide the divMapPanel div and have the divMapCanvas div centered on the page. Then after the directions button is pressed, the divMapCanvas would move to the left and the divMapPanel would appear. I have tried merely hiding the divMapPanel, but I can't get the divMapCanval centered.

Thanks in advance for any suggestions? 


  [1]: http://gfw.yyyz.net/Contact