/* Fluid grid - based on INUIT.CSS(inuitcss.com) */

.wrapper {
    clear: both;
    position: relative;
    max-width: 949px;
    margin: 0 auto;
    padding: 0 20px;
}

.grids {
    overflow: hidden;
    clear: both;
    max-width: 960px;
    margin: 0 0 0 -1.146%;
    list-style: none;
}

.grids .grids {
    margin: 0;
}

[class^="grid_"] {
    float: left;
    position: relative;
    margin: 0 0 0 1.146%;
}

.grid_1 {
    width: 5.104%;
}

.grid_2 {
    width: 11.354%;
}

.grid_3 {
    width: 17.604%;
}

.grid_4 {
    width: 23.854%;
}

.grid_5 {
    width: 30.104%;
}

.grid_6 {
    width: 36.354%;
}

.grid_7 {
    width: 42.604%;
}

.grid_8 {
    width: 48.854%;
}

.grid_9 {
    width: 55.104%;
}

.grid_10 {
    width: 61.354%;
}

.grid_11 {
    width: 67.604%;
}

.grid_12 {
    width: 73.854%;
}

.grid_13 {
    width: 80.104%;
}

.grid_14 {
    width: 86.354%;
}

.grid_15 {
    width: 92.604%;
}

.grid_16 {
    margin: 0;
    width: 98.854%;
}

.push_1 {
    margin-left: 6.25%;
}

.push_2 {
    margin-left: 12.5%;
}

.push_3 {
    margin-left: 18.75%;
}

.push_4 {
    margin-left: 25%;
}

.push_5 {
    margin-left: 31.25%;
}

.push_6 {
    margin-left: 37.5%;
}

.push_7 {
    margin-left: 43.75%;
}

.push_8 {
    margin-left: 50%;
}

.push_9 {
    margin-left: 56.25%;
}

.push_10 {
    margin-left: 62.5%;
}

.push_11 {
    margin-left: 68.75%;
}

.push_12 {
    margin-left: 75%;
}

.push_13 {
    margin-left: 81.25%;
}

.push_14 {
    margin-left: 87.5%;
}

.push_15 {
    margin-left: 93.75%;
}

.pull_1 {
    margin-left: -6.25%;
}

.pull_2 {
    margin-left: -12.5%;
}

.pull_3 {
    margin-left: -18.75%;
}

.pull_4 {
    margin-left: -25%;
}

.pull_5 {
    margin-left: -31.25%;
}

.pull_6 {
    margin-left: -37.5%;
}

.pull_7 {
    margin-left: -43.75%;
}

.pull_8 {
    margin-left: -50%;
}

.pull_9 {
    margin-left: -56.25%;
}

.pull_10 {
    margin-left: -62.5%;
}

.pull_11 {
    margin-left: -68.75%;
}

.pull_12 {
    margin-left: -75%;
}

.pull_13 {
    margin-left: -81.25%;
}

.pull_14 {
    margin-left: -87.5%;
}

.pull_15 {
    margin-left: -93.75%;
}

@media handheld, only screen and (max-width: 767px) {

    [class^="grid_"] {
        width: auto;
        float: none;
        margin-left: 0;
        left: 0 !important;
    }

    [class^="push_"],
    [class^="push_"] {
        margin-left: 0;
    }
}