/*
980px grid system ~ Core CSS.
12 columns ~ margin: 20px

Based on the golden grid system - http://code.google.com/p/the-golden-grid/
by Vladimir Carrer

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

/*
 * Containers
 */
.main {
	margin-left: auto; margin-right: auto; width: 980px;
}

/*
 * Grid Global
 */
.gird_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-bottom: 20px; margin-left: 20px; position: relative;
}

/*
 * Grid 12 Columns
 */
.grid_1{width:60px;}
.grid_2{width:140px;}
.grid_3{width:220px;}
.grid_4{width:300px;}
.grid_5{width:380px;}
.grid_6{width:460px;}
.grid_7{width:540px;}
.grid_8{width:620px;}
.grid_9{width:700px;}
.grid_10{width:780px;}
.grid_11{width:860px;}
.grid_12{width:940px;}

/*
 * Grid 12 Columns - no left margin
 */
.ml80{margin-left:100px;}
.ml160{margin-left:180px;}
.ml240{margin-left:260px;}
.ml320{margin-left:340px;}
.ml400{margin-left:420px;}
.ml480{margin-left:500px;}
.ml560{margin-left:580px;}
.ml640{margin-left:660px;}
.ml720{margin-left:740px;}
.ml800{margin-left:820px;}
.ml880{margin-left:900px;}
.ml960{margin-left:980px;}

/*
 * Grid rows
 */
.row_1 {height: 270px;}
.row_2 {height: 540px}
.row_3 {height: 810px}
.row_4 {height: 1080px}
.row_5 {height: 1350px}
.row_6 {height: 1620px}

.row_1,.row_2,.row_3,.row_4,.row_5,.row_6{overflow: hidden;}

/*
 * Margin removal
 */
.outer {margin-bottom: 0;}
.inner {margin-left: 0;}

/*
 * Clear Floated Elements
 */
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
 * No longer uses syntax from here: http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack
 * Now uses this updated version: http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified
 */
.clearfix:before, .clearfix:after {
	content: ".";    
	display: block;    
	height: 0;    
	overflow: hidden;
}

.clearfix:after {
	clear:both;
}

/* IE < 8 */
.clearfix {
 zoom: 1;
}
