/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}


/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 3.2%;
}
.doublecol {
	display: block;
	float:left;
	margin: 1% 0 1% 6.4%;
}
.halfcol {
	display: block;
	float:left;
	margin: 1% 0 1% 3.2%;
}
.quartercol {
	display: block;
	float:left;
	margin: 1% 0 1% 3.2%;
}
.col:first-child { margin-left: 0; }
.doublecol:first-child { margin-left: 0; }
.halfcol:first-child { margin-left: 0; }
.quartercol:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }



/*  FUDGE FOR LARGE SCREEENS */

@media only screen and (min-width: 769px) {
.doublecol:nth-child(5n+1) { margin-left: 0; }
}


/*  FUDGE FOR IPAD VERTICAL */

@media only screen and (max-width: 768px) and (min-width: 481px) {
	
	.col { 
	margin: 1% 0 1% 3.2%;
	}
	.doublecol { 
	margin: 1% 0 3.2% 6.4%;
	}
	.doublecol:nth-child(5n+1) {
	margin-left: 0;
	}
	.halfcol { 
	margin: 1% 0 1% 3.2%;
	}
	.quartercol { 
	margin: 1% 0 1% 3.2%;
	}
	.halfcol:nth-child(3n) {
	margin-left: 0;
	}

}



/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) and (min-width: 0px) {
	.col { 
	margin: 1% 0 1% 0%;
	}
	.doublecol {
	margin: 1% 0 6.4% 9%;
	}
	.doublecol:first-child {
	margin-left: 0;
	}
	.doublecol:nth-child(3n+1) { 
	margin-left: 0; 
	}
	.halfcol {
	margin: 1% 0 1% 3.2%;
	}
	.halfcol:nth-child(3n) {
	margin-left: 0;
	}
	.quartercol:nth-child(3n) {
	margin-left: 0;
	}
	
}