/* ==================== */
/* = The 1Kb CSS Grid = */
/* ==================== */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.grid_21 {width:125px;height:116px;}
.grid_22 {width:124px;height:116px;}
.grid_23 {width:124px;height:116px;}
.grid_24 {width:125px;height:116px;}
.grid_25 {width:124px;height:116px;}
.grid_26 {width:124px;height:116px;}
.grid_27 {width:188px;height:188px;}
.grid_28 {width:189px;height:188px;}
.grid_29 {width:188px;height:189px}
.grid_30 {width:188px;height:189px}
.grid_31 {width:188px;height:190px}
.grid_32 {width:188px;height:190px}
.grid_33 { width:569px;
 	display:inline;

}

.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
	margin: 0 2px;
	margin-bottom:2px;
	margin-left:5px;
	margin-right:-2px;
	overflow: hidden;
	float: left;
}
.column2 {
margin: 0;
margin-bottom:-2px;
	margin-left:5px;
	margin-right:0px;
	overflow: hidden;
	float: left;
}
.column3 { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
	margin: 0 2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:0px;
	overflow: hidden;
	float: left;
}
.column4 {
	margin: 0 2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:0px;
	overflow: hidden;
	float: left;
}
.column5 {
margin: 0;
margin-bottom:-2px;
	margin-left:2px;
	margin-right:0px;
	overflow: hidden;
	float: left;
}
.column6 {
margin: 0;
margin-bottom:-2px;
	margin-left:2px;
	margin-right:-2px;
	overflow: hidden;
	float: left;
}
.row { /* center the row on the page, clear the interior contents with overflow:hidden hack */
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 auto;
	width: auto;
}