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

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

.hCategories { text-align:center; }
	.hCategories h4 { text-transform:uppercase;	font-family:'Gill Sans MT', 'Gill Sans', Futura, Calibri, 'Helvetica Neue', Arial, Helvetica, sans-serif; border-bottom:0px #ccc solid; padding:0.5em 0 0.3em 0; margin:0 0 0.5em 0; font-size:1.4em;  } 
	.hCategories p {  }
	.hCategories a img:hover { opacity:0.8; }

@media screen and (max-width: 820px)
{

	.hCategories { padding-top:1em; }
	.hCategories .col { width:48.6%; }
	.hCategories .col:nth-child(odd) { margin-left:0; }
		
}

@media screen and (max-width: 600px)
{
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5,
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, 
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, 
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8,
	.hCategories .col {
	width: 100%; margin:0 0 1em 0;
	}	
}