/* columns: 12, column-width: 66px, gutter-width: 18px */

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 1008px;
}
.container_12_real {
  margin-left: auto;
  margin-right: auto;
  width: 756px;
}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:66px;
}

.container_12 .grid_2 {
	width:150px;
}

.container_12 .grid_3 {
	width:234px;
}

.container_12 .grid_4 {
	width:318px;
}

.container_12 .grid_5 {
	width:402px;
}

.container_12 .grid_6 {
	width:486px;
}

.container_12 .grid_7 {
	width:570px;
}

.container_12 .grid_8 {
	width:654px;
}

.container_12 .grid_9 {
	width:738px;
}

.container_12 .grid_10 {
	width:822px;
}

.container_12 .grid_11 {
	width:906px;
}

.container_12 .grid_12 {
	width:990px;
}
/* a 12 column container with width as if it were grid_12 inside a container_16, mainly for overlay */
.container_12_real .grid_1 { width: 45px; }
.container_12_real .grid_2 { width: 108px; }
.container_12_real .grid_3 { width: 171px; }
.container_12_real .grid_4 { width: 234px; }
.container_12_real .grid_5 { width: 297px; }
.container_12_real .grid_6 { width: 360px; }
.container_12_real .grid_7 { width: 423px; }
.container_12_real .grid_8 { width: 486px; }
.container_12_real .grid_9 { width: 549px; }
.container_12_real .grid_10 { width: 612px; }
.container_12_real .grid_11 { width: 675px; }
.container_12_real .grid_12 { width: 738px; }