/* 
	24 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	LICENSED UNDER GPL & MIT
*/

/* MAIN CONTAINER */
.container						{ margin: 0 auto; }

/* SELF CLEARING FLOATS - CLEARFIX METHOD
----------------------------------------------------------------------------------------------------*/
.row:after,
.clr:after,
.group:after	 				{ content: ""; 
								  display: block; 
								  height: 0; 
								  clear: both; 
  								  visibility: hidden; }

/* DEFAULT ROW STYLES */
.row							{ margin-bottom: 20px; } /* set according to preference*/
								  
/* DEFAULT COLUMN STYLES */
.col 							{ display: block;
								  float:left;
								  margin-left: 2%; }

/* RESET MARGINS */
.col:first-child 				{ margin-left: 0; } /* all browsers except IE6 and lower */

/* COLUMN WIDTHS*/
.span_1 						{ width: 2.25%; }
.span_2 						{ width: 6.5%; }
.span_3 						{ width: 10.75%; }
.span_4 						{ width: 15.0%; }
.span_5 						{ width: 19.25%; }
.span_6 						{ width: 23.5%; }
.span_7 						{ width: 27.75%; }
.span_8 						{ width: 32.0%; }
.span_9 						{ width: 36.25%; }
.span_10 						{ width: 40.5%; }
.span_11 						{ width: 44.75%; }
.span_12 						{ width: 49.0%; }
.span_13 						{ width: 53.25%; }
.span_14 						{ width: 57.5%; }
.span_15 						{ width: 61.75%; }
.span_16 						{ width: 66.0%; }
.span_17 						{ width: 70.25%; }
.span_18 						{ width: 74.5%; }
.span_19 						{ width: 78.75%; }
.span_20 						{ width: 83.0%; }
.span_21 						{ width: 87.25%; }
.span_22 						{ width: 91.5%; }
.span_23 						{ width: 95.75%; }
.span_24 						{ width: 100%; }