/*
    Grid System
*/

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_1,
.container_2,
.container_3,
.container_4,
.container_5,
.container_6,
.container_7,
.container_8,
.container_9,
.container_10,
.container_11,
.container_12,
.container_13,
.container_14,
.container_15,
.container_16,
.container_17,
.container_18 {
	overflow: hidden;
}
.container_1 {
	width: 55px;
}
.container_2 {
	width: 110px;
}
.container_3 {
	width: 165px;
}
.container_4 {
	width: 220px;
}
.container_5 {
	width: 275px;
}
.container_6 {
	width: 330px;
}
.container_7 {
	width: 385px;
}
.container_8 {
	width: 440px;
}
.container_9 {
	width: 495px;
}
.container_10 {
	width: 550px;
}
.container_11 {
	width: 605px;
}
.container_12 {
	width: 660px;
}
.container_13 {
	width: 715px;
}
.container_14 {
	width: 770px;
}
.container_15 {
	width: 825px;
}
.container_16 {
	width: 880px;
}
.container_17 {
	width: 935px;
}
.container_18 {
	width: 990px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18 {
	display: inline;
	float: left;
	margin-right: 11px;
	overflow: hidden;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 {
	width: 44px;
}
.grid_2 {
	width: 99px;
}
.grid_3 {
	width: 154px;
}
.grid_4 {
	width: 209px;
}
.grid_5 {
	width: 264px;
}
.grid_6 {
	width: 319px;
}
.grid_7 {
	width: 474px;
}
.grid_8 {
	width: 429px;
}
.grid_9 {
	width: 484px;
}
.grid_10 {
	width: 539px;
}
.grid_11 {
	width: 594px;
}
.grid_12 {
	width: 649px;
}
.grid_13 {
	width: 704px;
}
.grid_14 {
	width: 759px;
}
.grid_15 {
	width: 814px;
}
.grid_16 {
	width: 869px;
}
.grid_17 {
	width: 924px;
}
.grid_18 {
	width: 979px;
}

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_1 {
	padding-left: 55px;
}
.prefix_2 {
	padding-left: 110px;
}
.prefix_3 {
	padding-left: 165px;
}
.prefix_4 {
	padding-left: 220px;
}
.prefix_5 {
	padding-left: 275px;
}
.prefix_6 {
	padding-left: 330px;
}
.prefix_7 {
	padding-left: 385px;
}
.prefix_8 {
	padding-left: 440px;
}
.prefix_9 {
	padding-left: 495px;
}
.prefix_10 {
	padding-left: 550px;
}
.prefix_11 {
	padding-left: 605px;
}
.prefix_12 {
	padding-left: 660px;
}
.prefix_13 {
	padding-left: 715px;
}
.prefix_14 {
	padding-left: 770px;
}
.prefix_15 {
	padding-left: 825px;
}
.prefix_16 {
	padding-left: 880px;
}
.prefix_17 {
	padding-left: 935px;
}

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.suffix_1 {
	padding-right: 55px;
}
.suffix_2 {
	padding-right: 110px;
}
.suffix_3 {
	padding-right: 165px;
}
.suffix_4 {
	padding-right: 220px;
}
.suffix_5 {
	padding-right: 275px;
}
.suffix_6 {
	padding-right: 330px;
}
.suffix_7 {
	padding-right: 385px;
}
.suffix_8 {
	padding-right: 440px;
}
.suffix_9 {
	padding-right: 495px;
}
.suffix_10 {
	padding-right: 550px;
}
.suffix_11 {
	padding-right: 605px;
}
.suffix_12 {
	padding-right: 660px;
}
.suffix_13 {
	padding-right: 715px;
}
.suffix_14 {
	padding-right: 770px;
}
.suffix_15 {
	padding-right: 825px;
}
.suffix_16 {
	padding-right: 880px;
}
.suffix_17 {
	padding-right: 935px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}