/* ================ */
/* = The Grid = */     /* 6 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:140px; }
.grid_2 { width:300px; }
.grid_3 { width:460px; }
.grid_4 { width:620px; }
.grid_5 { width:780px; }
.grid_6 { width:940px; }


.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear { clear: both;display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
	
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block;}

* html .clearfix { height: 1%;}
.clearfix { display: block;}