/*  SECTIONS  ============================================================================= */

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


/*  GROUPING  ============================================================================= */

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


/*  GRID COLUMN SETUP   ==================================================================== */

.col { display: block; float:left; margin: 1% 0 1% 1.6%; }
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


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

@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%; }
}