@charset "utf-8";
/* CSS Document */

/*
	BOX SIZING
		*
		*:before
		*:after 
	
	CLEARFIX																											
		.clearfix:before
		.clearfix:after
		.clearfix:after 
		.clearfix 
		
	COLUMN
		.column-1 2 3 4 5 6 7 8 9 10 11 12
	
	LEFT - RIGHT
		column-[n].right
		column-[n].left
		
	FIX	HEIGHT														                       
		row.fixed-height-100 150 200 250 300 350 400 450 500 550 600
	
	ROW
		.row
		
	TABLE
		.table-wrapper
		

*/

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* BOX SIZING																									    */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* CLEARFIX																											*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* COLUMN AND (LEFT-RIGHT FOR USE WITH 'table-wrapper' TABLE LAYOUT)														*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

div[class*="column-"].right{
	float:right;
}

div[class*="column-"].left{
	float:left;
}

.column-1{width:8.333333333333334%}
.column-2{width:16.666666666666668%}
.column-3{width:25%}
.column-4{width:33.333333333333333%}
.column-5{width:41.66666666666667%}
.column-6{width:50%}
.column-7{width:58.333333333333336%}
.column-8{width:66.66666666666667%}
.column-9{width:75%}
.column-10{width:83.33333333333334%}
.column-11{width:91.66666666666667%}
.column-12{width:100%}

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12{
	height:100%;
	float:left;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ROW COLUMN																									    */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.row{
	margin-left:auto;
    margin-right:auto; 
	height:100%;
	width:960px;
}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* FIX HEIGHT TO BE USED WITH ROWS															                        */
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.fixed-height-100{height:100px}
.fixed-height-150{height:150px}
.fixed-height-200{height:200px}
.fixed-height-250{height:250px}
.fixed-height-300{height:300px}
.fixed-height-350{height:350px}
.fixed-height-400{height:400px}
.fixed-height-450{height:450px}
.fixed-height-500{height:500px}
.fixed-height-550{height:550px}
.fixed-height-600{height:600px}

/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/* TABLE																										*/
/* ---------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

.table-wrapper{
	display:table;
}