﻿/* --------------------------------------------------------------------------------------------- */
/* 1056px Grid System */
/* --------------------------------------------------------------------------------------------- */

.nogrid {
    position: relative;
    clear: both;
    width: 1026px;
    margin: 0 auto;
}

.row {
    position: relative;
    overflow: hidden;
    clear: both;
    width: 1056px;
    margin: 0 auto;
}

.column {
    display: inline;
    float: left;
    margin: 0 15px;
}

.withmargin {
    margin-bottom: 24px;
}

.withlessmargin {
    margin-bottom: 8px;
}

.withnomargin {
    margin-bottom: 0px;
}

/* Basic column widths (1/3, 2/3, 1/4, 1/2, 3/4 and Full) */

.onethird {
    width: 322px;
}

.twothird, .twothirds {
    width: 674px;
}

.onequart, .onequarter {
    width: 234px;
}

.onehalf {
    width: 498px;
}

.threequart, .threequarters {
    width: 762px;
}

.full, .fullwidth {
    width: 1026px;
}

/* Advanced column widths (1 to 12 grid columns) */

.grid_1 {
    width: 58px;
}

.grid_2 {
    width: 146px;
}

.grid_3 {
    width: 234px;
}

.grid_4 {
    width: 322px;
}

.grid_5 {
    width: 410px;
}

.grid_6 {
    width: 498px;
}

.grid_7 {
    width: 586px;
}

.grid_8 {
    width: 674px;
}

.grid_9 {
    width: 762px;
}

.grid_10 {
    width: 850px;
}

.grid_11 {
    width: 938px;
}

.grid_12 {
    width: 1026px;
}