/* custom grid builder */
/* taken from: https://zurb.com/playground/css-grid-builder */

/*	--------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container {
    position: relative;
    width: 1198px;
    margin: 0 auto;
    padding: 0;
}

/*	--------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row {
    margin: 0 0 18px -50px;
}

/* added - start */
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
    /* added - end */
.column, .columns {
    float: left;
    display: inline;
    margin: 0 0 0 50px;
}

.col-1 {
    width: 106px;
}

/* was .one */
.col-2 {
    width: 262px;
}

/* was .two ... */
.col-3 {
    width: 418px;
}

.col-4 {
    width: 574px;
}

.col-5 {
    width: 730px;
}

.col-6 {
    width: 886px;
}

.col-7 {
    width: 1042px;
}

.col-8 {
    width: 1198px;
}

/* changed names */
.offset-half {
    margin-left: 78px;
}

.offset-1 {
    margin-left: 156px;
}

.offset-2 {
    margin-left: 312px;
}

.offset-3 {
    margin-left: 468px;
}

.offset-4 {
    margin-left: 624px;
}

.offset-5 {
    margin-left: 780px;
}

.offset-6 {
    margin-left: 936px;
}

/* added */
.minus-half {
    margin-left: -78px;
}

.minus-1 {
    margin-left: -156px;
}

.minus-2 {
    margin-left: -312px;
}

.minus-3 {
    margin-left: -468px;
}

.minus-4 {
    margin-left: -624px;
}

.minus-5 {
    margin-left: -780px;
}

.minus-6 {
    margin-left: -936px;
}

/* Clear the columns automagically, thanks @kneath */
.column-row:after, .row:after, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .column-row, * html .row, * html .clearfix {
    height: 1%;
}

.column-row, .row, .clearfix {
    display: inline-block;
}

.column-row, .row, .clearfix {
    display: block;
}

/*	IE6 Problems ---------- */
body.ie .column-row {
    width: 1248px;
}

body.ie .two-thirds .column-row {
    width: 1298px;
}

/* what happens when we have only one line */


