/* `Container
----------------------------------------------------------------------------------------------------*/

.container {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  background-color: white;
  border:1px solid #f9f9f9;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid-1, .grid-2, .grid-3 {display: inline; float: left; position: relative;}

.container .grid-1 {width: 300px; margin-left: 15px;}

.container .grid-2 {width: 615px; margin-left: 15px;}

.container .grid-3 {width: 930px; margin-left: 15px; margin-right: 15px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*
    The following zoom:1 rule is specifically for IE6 + IE7.
    Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
    zoom: 1;
}