[class*="ch-g"] {
	float: left;
	vertical-align: top;
}

.ch-g1 {
	width: 100%;
}

.ch-g1-2,
.ch-g2-4 {
	width: 49%;
}

.ch-g1-3 {
	width: 33.334%;
}

.ch-g2-3 {
	width: 66.669%;
}

.ch-g1-4 {
	width: 24%;
}

.ch-g3-4 {
	width: 75%;
}

.ch-g1-5 {
	width: 20%;
}

.ch-g2-5 {
	width: 40%;
}

.ch-g3-5 {
	width: 60%;
}

.ch-g4-5 {
	width: 80%;
}

/* Gutters: You can use these on your inner elements */

[class^="ch-g"] .ch-rightcolumn,
[class^="ch-g"] .ch-centercolumn {
	margin-left: 5px;
}

[class^="ch-g"] .ch-leftcolumn,
[class^="ch-g"] .ch-centercolumn {
	margin-right: 5px;
}

/**
 * Clearfix
 */
.ch-clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* Mobile */
@media all and (max-width: 480px) {

	[class*="ch-g"] {
		width: 100%;
		float: none;
		clear: both;
	}

	[class*="ch-g"] .ch-rightcolumn,
	[class*="ch-g"] .ch-leftcolumn,
	[class*="ch-g"] .ch-centercolumn {
		margin-left: 0;
		margin-right: 0;
	}
}

/* IE7 */
*:first-child+html.ie7 .ch-clearfix {
	zoom: 1;
}

.ie7 .ch-g1-5 {
	width: 19.9%;
}