div.one-column-middle-nav-left-layout {
	>div.column {
		float: left;
		margin: 0;
		min-height: 400px;
		&:first-child {
			width: 100px;
		}
		&:last-child {
			width: 390px;
		}
	}
}
div.two-column-layout {
	>div.column {
		float: left;
		width: 48%;
		margin-left: 4%;
		&:first-child {
			margin-left: 0;
		}
	}
}
div.two-column-offset-left-layout {
	>div.column {
		float: left;
		width: 83%;
		margin-left: 0%;
		&:first-child {
			width: 17%;
			margin-left: 0;
		}
		&:nth-of-type(2) {
			padding-left: 50px;
		}
		div.two-column-offset-left-layout {
			>div.column {
				float: left;
				width: 70%;
				margin-left: 0%;
				padding-bottom: 50px;
				&:first-child {
					width: 25%;
					margin-right: 5%;
				}
			}
		}
	}
}
div.two-column-offset-right-layout {
	>div.column {
		float: left;
		width: 25%;
		margin-left: 2.5%;
		height: 100%;
		&:first-child {
			width: 70%;
			margin-left: -1px;
			border-right: solid 1px #eee;
			padding-right: 2.5%;
			min-height: 400px;
		}
	}
}
div.three-column-layout {
	>div.column {
		float: left;
		width: 32%;
		margin-left: 1%;
		&:first-child {
			margin-left: 0;
		}
	}
}
div.three-column-offset-middle-layout {
	>div.column {
		float: left;
		width: 24%;
		margin-left: 0;
		&:nth-of-type(2) {
			width: 36%;
			margin-left: 5%;
			margin-right: 5%;
		}
	}
}
div.three-column-offset-left-layout {
	>div.column {
		float: left;
		width: 40%;
		margin-left: 0%;
		&:first-child {
			margin-left: 0;
			width: 20%;
		}
	}
}
div.four-column-layout {
	>div.column {
		float: left;
		width: 24%;
		margin-left: 1%;
		&:first-child {
			margin-left: 0;
			width: 25%;
		}
	}
}
div.five-column-layout {
	>div.column {
		float: left;
		width: 19%;
		margin-right: 1%;
		&:first-child {
			margin-left: 0;
		}
	}
}
footer {
	div.five-column-layout {
		>div.column {
			float: left;
			width: 20%;
			margin-right: 2%;
			&:first-child {
				margin-left: 0;
			}
			&:nth-of-type(5) {
				width: 10%;
			}
		}
	}
}
div.six-column-layout {
	>div.column {
		float: left;
		width: 15%;
		margin-right: 2%;
		&:first-child {
			margin-left: 0;
		}
	}
}
div.column.white {
	background: #fff;
	h3 {
		color: #666666;
		font-size: 16px;
		text-transform: uppercase;
	}
	h4 {
		color: #fcb123;
	}
}
.white {
	background: #fff;
}
div.column.dark {
	background: #2e2c2c;
	color: #cccccc;
	min-height: 347px;
	a {
		color: #0091d4;
	}
	div.hr {
		clear: both;
		border-bottom: solid 1px #4e4a4a;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	ul.navigation {
		li {
			font-size: 11px;
			line-height: 20px;
			border-bottom: solid 1px #999999;
			padding: 5px;
			padding-left: 25px;
			background: url('../images/icon-arrow.png') left 4px no-repeat;
			a {
				color: #999999;
			}
		}
		li.on {
			a {
				color: #fff;
			}
		}
	}
}
div.column.scrollable {
	overflow-y: auto;
	height: 4800px;
}
div.column {
	div.inset {
		padding: 20px;
	}
}