/* Grid 12 Columns >> Base 960 Grid
   ========================================================================== */

.container_12 {
    margin-right: auto;
    margin-left: auto;
    width: 960px;
}

.row  { margin-bottom: 20px; }

/* Grids */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.container_12 .grid_1   { width: 60px;  }
.container_12 .grid_2   { width: 140px; }
.container_12 .grid_3   { width: 220px; }
.container_12 .grid_4   { width: 300px; }
.container_12 .grid_5   { width: 380px; }
.container_12 .grid_6   { width: 460px; }
.container_12 .grid_7   { width: 540px; }
.container_12 .grid_8   { width: 620px; }
.container_12 .grid_9   { width: 700px; }
.container_12 .grid_10  { width: 780px; }
.container_12 .grid_11  { width: 860px; }
.container_12 .grid_12  { width: 940px; }

/* Nested */

.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Offsets */

.container_12 .pre_1 { padding-left: 80px; }
.container_12 .pre_2 { padding-left: 160px; }
.container_12 .pre_3 { padding-left: 240px; }
.container_12 .pre_4 { padding-left: 320px; }
.container_12 .pre_5 { padding-left: 400px; }
.container_12 .pre_6 { padding-left: 480px; }
.container_12 .pre_7 { padding-left: 560px; }
.container_12 .pre_8 { padding-left: 640px; }
.container_12 .pre_9 { padding-left: 720px; }
.container_12 .pre_10 { padding-left: 800px; }
.container_12 .pre_11 { padding-left: 880px; }


/* 720 Grid >> Tablet (Portrait)
   ========================================================================== */

@media only screen and (min-width: 760px) and (max-width: 980px) {


.container_12 {
  width: 720px;
}

/* Grids */

.container_12 .grid_1   { width: 40px;  }
.container_12 .grid_2   { width: 100px; }
.container_12 .grid_3   { width: 160px; }
.container_12 .grid_4   { width: 220px; }
.container_12 .grid_5   { width: 280px; }
.container_12 .grid_6   { width: 340px; }
.container_12 .grid_7   { width: 400px; }
.container_12 .grid_8   { width: 460px; }
.container_12 .grid_9   { width: 520px; }
.container_12 .grid_10  { width: 580px; }
.container_12 .grid_11  { width: 640px; }
.container_12 .grid_12  { width: 700px; }


/* Offsets */

.container_12 .pre_1 { padding-left: 60px; }
.container_12 .pre_2 { padding-left: 120px; }
.container_12 .pre_3 { padding-left: 180px; }
.container_12 .pre_4 { padding-left: 240px; }
.container_12 .pre_5 { padding-left: 300px; }
.container_12 .pre_6 { padding-left: 360px; }
.container_12 .pre_7 { padding-left: 420px; }
.container_12 .pre_8 { padding-left: 480px; }
.container_12 .pre_9 { padding-left: 540px; }
.container_12 .pre_10 { padding-left: 600px; }
.container_12 .pre_11 { padding-left: 660px; }

}


/* 420 Grid >> Mobile (Landscape)
   ========================================================================== */

@media only screen and (max-width: 759px) {


.container_12 {
    width: 280px;
}

/* Grids */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    margin-right: 0;
    margin-left: 0;
}

.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12 { width: 280px; }

.container_12 .pre_1,
.container_12 .pre_2,
.container_12 .pre_3,
.container_12 .pre_4,
.container_12 .pre_5,
.container_12 .pre_6,
.container_12 .pre_7,
.container_12 .pre_8,
.container_12 .pre_9,
.container_12 .pre_10,
.container_12 .pre_11 { padding-left: 0; }

.hire { opacity: 0; }

}

/* 420 Grid >> Mobile (Landscape)
   ========================================================================== */

@media only screen and (min-width: 480px) and (max-width: 759px) {


.container_12 {
    width: 420px;
}

/* Grids */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
    margin-right: 0;
    margin-left: 0;
}

.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12 { width: 420px; }


}



/* Clearing
================================================== */

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

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    content: '.';
    font-size: 0;
    line-height: 0;
}

.clearfix:after,
.container_12:after {
    clear: both;
}

.clearfix,
.container_12 {
    zoom: 1;
}