.grid:before,
.grid:after {
	content: "";
	display: table;
}

.grid:after {
	clear: both;
}

.grid {
	zoom: 1;
}

.unit {
	float: left;
	clear: none !important; 
	text-overflow: ellipsis;
}

.unit-alt {
	float: right;
}

.size1of1	{ float: none;}
.size1of2	{ width: 50%;}
.size2of2	{ width: 100%;}
.size1of3	{ width: 33.33%;}
.size2of3	{ width: 66.666%;}
.size3of3	{ width: 100%;}
.size1of4	{ width: 25%;}
.size2of4	{ width: 50%;}
.size3of4	{ width: 75%;}
.size4of4	{ width: 100%;}
.size1of5	{ width: 19.99%;}
.size2of5	{ width: 40%;}
.size3of5	{ width: 60%;}
.size4of5	{ width: 80%;}
.size5of5	{ width: 100%;}
.size1of6	{ width: 16.66%;}
.size2of6	{ width: 33.33%;}
.size3of6	{ width: 50%;}
.size4of6	{ width: 66.666%;}
.size5of6	{ width: 83.333%;}
.size6of6	{ width: 100%;}
.size1of7	{ width: 14.28%;}
.size2of7	{ width: 28.5705%;}
.size3of7	{ width: 42.857%;}
.size4of7	{ width: 57.142%;}
.size5of7	{ width: 71.428%;}
.size6of7	{ width: 85.714%;}
.size7of7	{ width: 100%;}
.size1of8	{ width: 12.5%;}
.size2of8	{ width: 25%;}
.size3of8	{ width: 37.5%;}
.size4of8	{ width: 50%;}
.size5of8	{ width: 62.5%;}
.size6of8	{ width: 75%;}
.size7of8	{ width: 87.5%;}
.size8of8	{ width: 100%;}
.size1of9	{ width: 11.105%;}
.size2of9	{ width: 22.2205%;}
.size3of9	{ width: 33.33%;}
.size4of9	{ width: 44.444%;}
.size5of9	{ width: 55.555%;}
.size6of9	{ width: 66.666%;}
.size7of9	{ width: 77.777%;}
.size8of9	{ width: 88.888%;}
.size9of9	{ width: 100%;}
.size1of10	{ width: 9.9973%;}
.size2of10	{ width: 19.99%;}
.size3of10	{ width: 29.99%;}
.size4of10	{ width: 40%;}
.size5of10	{ width: 50%;}
.size6of10	{ width: 60%;}
.size7of10	{ width: 70%;}
.size8of10	{ width: 80%;}
.size9of10	{ width: 90%;}
.size10of10	{ width: 100%;}
.size1of11	{ width: 9.088%;}
.size2of11	{ width: 18.175%;}
.size3of11	{ width: 27.272%;}
.size4of11	{ width: 36.362%;}
.size5of11	{ width: 45.454%;}
.size6of11	{ width: 54.545%;}
.size7of11	{ width: 63.636%;}
.size8of11	{ width: 72.727%;}
.size9of11	{ width: 81.818%;}
.size10of11	{ width: 90.909%;}
.size11of11	{ width: 100%;}
.size1of12	{ width: 8.3315%;}
.size2of12	{ width: 16.665%;}
.size3of12	{ width: 25%;}
.size4of12	{ width: 33.3315%;}
.size5of12	{ width: 41.666%;}
.size6of12	{ width: 50%;}
.size7of12	{ width: 58.333%;}
.size8of12	{ width: 66.666%;}
.size9of12	{ width: 75%;}
.size10of12	{ width: 83.333%;}
.size11of12	{ width: 91.666%;}
.size12of12	{ width: 100%;}

.size1of1,
.size2of2,
.size3of3,
.size4of4,
.size5of5,
.size6of6
.size7of7,
.size8of8,
.size9of9,
.size10of10,
.size11of11,
.size12of12 {
	clear: both !important;
}

.gutters {
	margin-left: -3%;
}

.gutters .unit {
	margin-left: 3%;
}

.gutters .size1of1	{ width: 97%;}
.gutters .size1of2	{ width: 46.99%;}
.gutters .size2of2	{ width: 97%;}
.gutters .size1of3	{ width: 30.328%;}
.gutters .size2of3	{ width: 63.666%;}
.gutters .size3of3	{ width: 97%;}
.gutters .size1of4	{ width: 21.99%;}
.gutters .size2of4	{ width: 46.99%;}
.gutters .size3of4	{ width: 72%;}
.gutters .size4of4	{ width: 97%;}
.gutters .size1of5	{ width: 16.994%;}
.gutters .size2of5	{ width: 36.997%;}
.gutters .size3of5	{ width: 56.99%;}
.gutters .size4of5	{ width: 76.99%;}
.gutters .size5of5	{ width: 97%;}
.gutters .size1of6	{ width: 13.661%;}
.gutters .size2of6	{ width: 30.328%;}
.gutters .size3of6	{ width: 46.99%;}
.gutters .size4of6	{ width: 63.666%;}
.gutters .size5of6	{ width: 80.333%;}
.gutters .size6of6	{ width: 97%;}
.gutters .size1of7	{ width: 11.279%;}
.gutters .size2of7	{ width: 25.567%;}
.gutters .size3of7	{ width: 39.854%;}
.gutters .size4of7	{ width: 54.139%;}
.gutters .size5of7	{ width: 68.426%;}
.gutters .size6of7	{ width: 82.714%;}
.gutters .size7of7	{ width: 97%;}
.gutters .size1of8	{ width: 9.49%;}
.gutters .size2of8	{ width: 21.99%;}
.gutters .size3of8	{ width: 34.49%;}
.gutters .size4of8	{ width: 46.99%;}
.gutters .size5of8	{ width: 59.5%;}
.gutters .size6of8	{ width: 72%;}
.gutters .size7of8	{ width: 84.5%;}
.gutters .size8of8	{ width: 97%;}
.gutters .size1of9	{ width: 8.102%;}
.gutters .size2of9	{ width: 19.218%;}
.gutters .size3of9	{ width: 30.328%;}
.gutters .size4of9	{ width: 41.443%;}
.gutters .size5of9	{ width: 52.552%;}
.gutters .size6of9	{ width: 63.666%;}
.gutters .size7of9	{ width: 74.776%;}
.gutters .size8of9	{ width: 85.888%;}
.gutters .size9of9	{ width: 97%;}
.gutters .size1of10	{ width: 6.99%;}
.gutters .size2of10	{ width: 16.994%;}
.gutters .size3of10	{ width: 26.99%;}
.gutters .size4of10	{ width: 36.997%;}
.gutters .size5of10	{ width: 46.99%;}
.gutters .size6of10	{ width: 56.99%;}
.gutters .size7of10	{ width: 67%;}
.gutters .size8of10	{ width: 76.99%;}
.gutters .size9of10	{ width: 87%;}
.gutters .size10of10{ width: 97%;}
.gutters .size1of11	{ width: 6.08%;}
.gutters .size2of11	{ width: 15.175%;}
.gutters .size3of11	{ width: 24.265%;}
.gutters .size4of11	{ width: 33.362%;}
.gutters .size5of11	{ width: 42.454%;}
.gutters .size6of11	{ width: 51.541%;}
.gutters .size7of11	{ width: 60.634%;}
.gutters .size8of11	{ width: 69.727%;}
.gutters .size9of11	{ width: 78.818%;}
.gutters .size10of11{ width: 87.909%;}
.gutters .size11of11{ width: 97%;}
.gutters .size1of12	{ width: 5.329%;}
.gutters .size2of12	{ width: 13.661%;}
.gutters .size3of12	{ width: 21.99%;}
.gutters .size4of12	{ width: 30.328%;}
.gutters .size5of12	{ width: 38.66%;}
.gutters .size6of12	{ width: 46.99%;}
.gutters .size7of12	{ width: 55.333%;}
.gutters .size8of12	{ width: 63.666%;}
.gutters .size9of12	{ width: 72%;}
.gutters .size10of12{ width: 80.333%;}
.gutters .size11of12{ width: 88.666%;}
.gutters .size12of12{ width: 97%;}

/* ####################################### */
/* ############## =PADDING ############### */
/* ####################################### */

.gutters-20 {
	margin-left: -20px;
}

.gutters-20.gutters-both {
	margin-right: 20px;
}

.gutters-20 .unit {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 20px;
}

/* 30px gutters
-------------------------------------------*/

.gutters-30 {
	margin-left: -30px;
}

.gutters-30.gutters-both {
	margin-right: 30px;
}

.gutters-30 .unit {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 30px;
}

/* 40px gutters
-------------------------------------------*/

.gutters-40 {
	margin-left: -40px;
}

.gutters-40.gutters-both {
	margin-right: 40px;
}

.gutters-40 .unit {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding-left: 40px;
}

.show-grid .unit {
	background: #E9E9E9;
	line-height: 30px;
	border-radius: 4px;
	margin-bottom: 10px;
}