/*
 Width: 1000px
 # Columns : 12 
 Column width: 65px
 Gutter : 20px 
 */


/* When setting flexible margin on an element, your context is the width of the element's container.
   When setting flexible padding on an element, your context is the width of the element itself. */

.grid_1 { width: 6.50%; } /*-- 65px --*/
.grid_2 { width: 15.00%; } /*-- 150px --*/
.grid_3 { width: 23.50%; } /*-- 235px --*/
.grid_4 { width: 32.00%; } /*-- 320px --*/
.grid_5 { width: 40.50%; } /*-- 405px --*/
.grid_6 { width: 49.00%; } /*-- 490px --*/
.grid_7 { width: 57.50%; } /*-- 575px --*/
.grid_8 { width: 66.00%; } /*-- 660px --*/
.grid_9 { width: 74.50%; } /*-- 745px --*/
.grid_10 { width: 83.00%; } /*-- 830px --*/
.grid_11 { width: 91.50%; } /*-- 915px --*/
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0;
	float: left;
	display: block;
}

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

.container{ 
	width: 100%; 
	max-width: 1000px; /*-- original container size: 1000px --*/
	margin: 0 auto;
}

.clear { 
	clear: both; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; 
	height: 0;
}
.clearfix:after { 
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
} 

* html .clearfix, *:first-child+html .clearfix { 
	zoom: 1;
}