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

/* SELF CLEARING FLOATS - Micro clearfix
----------------------------------------------------------------------------------------------------*/ 
/* For modern browsers */
.row:before, .row:after, .clr:before, .clr:after, .group:before, .group:after { content:""; display:table; }
.row:after, .clr:after, .group:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.row, .clr, .group { zoom:1; }					  


/* 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: 6.5%; }
.span_2 						{ width: 15.0%; }
.span_3 						{ width: 23.5%; }
.span_4 						{ width: 32.0%; }
.span_5 						{ width: 40.5%; }
.span_6 						{ width: 49.0%; }
.span_7 						{ width: 57.5%; }
.span_8 						{ width: 66.0%; }
.span_9 						{ width: 74.5%; }
.span_10 						{ width: 83.0%; }
.span_11 						{ width: 91.5%; }
.span_12 						{ width: 100%; }

@media only screen and (min-width: 768px) {
/* DEFAULT COLUMN STYLES */
.col 							{ margin-left: 20px; }

/* RESET MARGINS */
.col:first-child 				{ margin-left: 0; }

/* COLUMN WIDTHS*/
.span_1 						{ width: 60px; }
.span_2 						{ width: 140px; }
.span_3 						{ width: 220px; }
.span_4 						{ width: 300px; }
.span_5 						{ width: 380px; }
.span_6 						{ width: 460px; }
.span_7 						{ width: 540px; }
.span_8 						{ width: 620px; }
.span_9 						{ width: 700px; }
.span_10 						{ width: 780px; }
.span_11 						{ width: 860px; }
.span_12 						{ width: 940px; }
}

/* IE6 */
* html .col.first-child { /*IE-expression (first-child) */
	margin-left: 0;
}
* html .col { /* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}