/*  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%;}

}