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

.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%;
	}
	h1 {
		font-size: 1.95em; 
	}
}


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

@media only screen and (max-width: 705px) {
	.menuitem {
		width: 100%; 
		padding: 0;
		background: #6f6f6d;
		margin-right: 0;
	}
	.menuopen {
		width: 100%; 
		padding: 0;
		background: #6f6f6d;
		border-bottom: solid 6px #000;
		margin-right: 0;
	}
}