//http://www.gridsystemgenerator.com/gs01.php?GridWidth=1020&GridColumns=12&GridMarginLeft=10&GridMarginRight=10
//1020 - 12 - 10 - 10
/*
1020px grid system ~ Core CSS.
12 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.04
Learn more ~ http://www.gridsystemgenerator.com/
*/

/*
Forces backgrounds to span full width,
even if there is horizontal scrolling.
Increase this if your layout is wider.

Note: IE6 works fine without this fix.
*/
body {
	min-width: 960px;
}

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 1020px;
}

.grid_1 , .grid_2 , .grid_3 , .grid_4 , .grid_5 , .grid_6 , .grid_7 , .grid_8 , .grid_9 , .grid_10 , .grid_11 , .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1 , .pull_1 , .push_2 , .pull_2 , .push_3 , .pull_3 , .push_4 , .pull_4 , .push_5 , .pull_5 , .push_6 , .pull_6 , .push_7 , .pull_7 , .push_8 , .pull_8 , .push_9 , .pull_9 , .push_10 , .pull_10 , .push_11 , .pull_11 {
	position: relative;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

.container_12 .grid_1 {
	width: 65px;
}

.container_12 .grid_2 {
	width: 150px;
}

.container_12 .grid_3 {
	width: 235px;
}

.container_12 .grid_4 {
	width: 320px;
}

.container_12 .grid_5 {
	width: 405px;
}

.container_12 .grid_6 {
	width: 490px;
}

.container_12 .grid_7 {
	width: 575px;
}

.container_12 .grid_8 {
	width: 660px;
}

.container_12 .grid_9 {
	width: 745px;
}

.container_12 .grid_10 {
	width: 830px;
}

.container_12 .grid_11 {
	width: 915px;
}

.container_12 .grid_12 {
	width: 1000px;
}

.container_12 .prefix_1 {
	padding-left: 85px;
}

.container_12 .prefix_2 {
	padding-left: 170px;
}

.container_12 .prefix_3 {
	padding-left: 255px;
}

.container_12 .prefix_4 {
	padding-left: 340px;
}

.container_12 .prefix_5 {
	padding-left: 425px;
}

.container_12 .prefix_6 {
	padding-left: 510px;
}

.container_12 .prefix_7 {
	padding-left: 595px;
}

.container_12 .prefix_8 {
	padding-left: 680px;
}

.container_12 .prefix_9 {
	padding-left: 765px;
}

.container_12 .prefix_10 {
	padding-left: 850px;
}

.container_12 .prefix_11 {
	padding-left: 935px;
}

.container_12 .suffix_1 {
	padding-right: 85px;
}

.container_12 .suffix_2 {
	padding-right: 170px;
}

.container_12 .suffix_3 {
	padding-right: 255px;
}

.container_12 .suffix_4 {
	padding-right: 340px;
}

.container_12 .suffix_5 {
	padding-right: 425px;
}

.container_12 .suffix_6 {
	padding-right: 510px;
}

.container_12 .suffix_7 {
	padding-right: 595px;
}

.container_12 .suffix_8 {
	padding-right: 680px;
}

.container_12 .suffix_9 {
	padding-right: 765px;
}

.container_12 .suffix_10 {
	padding-right: 850px;
}

.container_12 .suffix_11 {
	padding-right: 935px;
}

.container_12 .push_1 {
	left: 85px;
}

.container_12 .push_2 {
	left: 170px;
}

.container_12 .push_3 {
	left: 255px;
}

.container_12 .push_4 {
	left: 340px;
}

.container_12 .push_5 {
	left: 425px;
}

.container_12 .push_6 {
	left: 510px;
}

.container_12 .push_7 {
	left: 595px;
}

.container_12 .push_8 {
	left: 680px;
}

.container_12 .push_9 {
	left: 765px;
}

.container_12 .push_10 {
	left: 850px;
}

.container_12 .push_11 {
	left: 935px;
}

.container_12 .pull_1 {
	left: -85px;
}

.container_12 .pull_2 {
	left: -170px;
}

.container_12 .pull_3 {
	left: -255px;
}

.container_12 .pull_4 {
	left: -340px;
}

.container_12 .pull_5 {
	left: -425px;
}

.container_12 .pull_6 {
	left: -510px;
}

.container_12 .pull_7 {
	left: -595px;
}

.container_12 .pull_8 {
	left: -680px;
}

.container_12 .pull_9 {
	left: -765px;
}

.container_12 .pull_10 {
	left: -850px;
}

.container_12 .pull_11 {
	left: -935px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:before , .clearfix:after {
	content: "\0020";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}