/* ------------------------------------------------------------------ */
/* Maximus 6 Zone Grid */
/* ------------------------------------------------------------------ */

/* Clamp the entire content of the page to a fixed width, and center it.  */
div#gridClamp {
  width: 980px;
  margin: 0 auto;
}

/* Main content div, below the navigation. Here basically to provide a background color.  */
div#gridMain {
  position: relative;
  width: 980px;
    /* We need to float this element because it contains only floated 
    * elements. If we didn't, the computed height would be 0, because
    * floated elements are not usually part of the computed height of
    * the containing block. Making this element float ensures that the
    * floated child elements are part of the computed height.
    * See the CSS 2.1 spec, sections 10.6.6 and 10.6.7.
    */
  float: left;
}

div#gridFullWidth {width:980px;}

div#gridFrame {
  margin:0;
  float: left;
  width: 980px;
}
  div#gridRightColumn {
    float:right;
    width:300px;
    margin:0 0 0 10px;
    padding:0;
  }
  div#gridWideLeftTop {
    float:left;
    width:670px;
    margin:0;
    padding:0;
  }
  div#gridWideLeftBottom {
    float:left;
    width:670px;
    margin:0;
    padding:0;
  }

div#gridColumnContainer {
  float:left;
  width:670px;
  margin:0;
  padding:0;
}
  div#gridMainColumn1  {
    float: left;
    width: 330px;
  }
  div#gridMainColumn2 {
    float: right;
  	width: 330px;
  }