/* ==========================================================================
   Column & Row Setup
   ========================================================================== */

.col {
	display: block;
	float:left;
	margin: 0 0 0 1.6%;
}
/* 4% Column Width */
.col { margin: 0 0 0 4%; }
/* 5% Column Width
.col { margin: 0 0 0 5%; } */

/* Remove the margin on the first column. Works on all browsers incl. IE7+ */
.col:first-child { margin-left: 0; }

.row {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

.row:before,
.row:after {
	content: "";
	display: table;
}

.row:after { clear: both; }


/* ==========================================================================
   Twelve Column Grid
   ========================================================================== */

/* 4% Column Width*/
.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.15%; }
.grid_10_of_12 { width: 82.5%; }
.grid_9_of_12  { width: 73.85%; }
.grid_8_of_12  { width: 65.2%; }
.grid_7_of_12  { width: 56.55%; }
.grid_6_of_12  { width: 47.9%; }
.grid_5_of_12  { width: 39.25%; }
.grid_4_of_12  { width: 30.6%; }
.grid_3_of_12  { width: 21.95%; }
.grid_2_of_12  { width: 13.3%; }
.grid_1_of_12  { width: 4.65%; }


/* 5% Column Width
.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.25%; }
.grid_10_of_12 { width: 82.5%; }
.grid_9_of_12  { width: 73.75%; }
.grid_8_of_12  { width: 65%; }
.grid_7_of_12  { width: 56.25%; }
.grid_6_of_12  { width: 47.5%; }
.grid_5_of_12  { width: 38.75%; }
.grid_4_of_12  { width: 30%; }
.grid_3_of_12  { width: 21.25%; }
.grid_2_of_12  { width: 12.5%; }
.grid_1_of_12  { width: 3.75%; }
*/

/* STANDARD
.grid_12_of_12 { width: 100%; }
.grid_11_of_12 { width: 91.53%; }
.grid_10_of_12 { width: 83.06%; }
.grid_9_of_12  { width: 74.6%; }
.grid_8_of_12  { width: 66.13%; }
.grid_7_of_12  { width: 57.66%; }
.grid_6_of_12  { width: 49.2%; }
.grid_5_of_12  { width: 40.73%; }
.grid_4_of_12  { width: 32.26%; }
.grid_3_of_12  { width: 23.8%; }
.grid_2_of_12  { width: 15.33%; }
.grid_1_of_12  { width: 6.866%; }
*/