/* CSS GRID SYSTEEEM ENZO */

#container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* CONTAINER */

.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;
}


/* FIRST - LAST */

.first {
	margin-left: 0;
}

.last {
	margin-right: 0;
}

/* GRID COLUMNS */


#container .grid_1 {
	width:60px
}
#container .grid_2 {
	width:140px
}
#container .grid_3 {
	width:220px
}
#container .grid_4 {
	width:300px
}
#container .grid_5 {
	width:380px
}
#container .grid_6 {
	width:460px
}
#container .grid_7 {
	width:540px
}
#container .grid_8 {
	width:620px
}
#container .grid_9 {
	width:700px
}
#container .grid_10 {
	width:780px
}
#container .grid_11 {
	width:860px
}
#container .grid_12 {
	width:940px
}

/* PREFIX */


#container .prefix_1 {
	padding-left: 80px
}
#container .prefix_2 {
	padding-left: 160px
}
#container .prefix_3 {
	padding-left: 240px
}
#container .prefix_4 {
	padding-left: 320px
}
#container .prefix_5 {
	padding-left: 400px
}
#container .prefix_6 {
	padding-left: 480px
}
#container .prefix_7 {
	padding-left: 560px
}
#container .prefix_8 {
	padding-left: 640px
}
#container .prefix_9 {
	padding-left: 720px
}
#container .prefix_10 {
	padding-left: 800px
}
#container .prefix_11 {
	padding-left: 880px
}
#container .prefix_12 {
	padding-left: 960px
}


/* MIGHTY CLEAR FIX */

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

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

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

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

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}