/* SECTIONS */
.section {
	clear: both;
	padding: 0px;
	margin: 0 auto;
	height: 1%; /* IE6 */
	position: relative;
	overflow: hidden;
}

/* GRID COLUMN SETUP */
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
	*margin-left: 1%; /* IE7 */
	_margin-left: 1%; /* IE6 */
	_display: inline; /* IE6 */
	_height: 1%; /* IE6 */
	padding-bottom: 100%; /* make columns equal height */
	margin-bottom: -100%; /* make columns equal height */
}

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

/* GROUPING */
.group: before,
.group: after {
	content: "";
	display: table;
}

.group: after {
	clear: both;
}

/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
		padding-bottom: 0;
	}
}