/* 	--------------------------------------------------
    CRUNCHee - Made by Crunch - GRID FLUID
    -------------------------------------------------- */


/* 	--------------------------------------------------
    TABLE OF CONTENTS 
    -------------------------------------------------- 

	GRID
	
*/

		

/*	--------------------------------------------------
	GRID 
	-------------------------------------------------- */
	
	/* 960 */
	.container { 
		margin:0 auto;
		width:960px;
		max-width:960px;
		position:relative;
		height:auto;
		}

	/* ROW */
	.row { 
		width: 940px; 
		margin:0 auto;
		padding-bottom:20px;
		position:relative;
		}
	.row:last-child {
		padding-bottom:0;
		}	
	.row.last {
		padding-bottom:0;
		}
	.row:after {
		clear:both;
		}
	.row .row {
		width:100%;
		}

	/* cols */
	.cols { 
		margin-left: 1%;
		margin-right: 1%;
		display:inline;
		float: left; 
		min-height: 1px; 
		position: relative; 
		}
	.cols:first-child {
		margin-left: 0;
		}
	.cols.first,
	.cols.bookend-left {
		margin-left: 0;
		}
	.cols:last-child {
		margin-right: 0;
		}
	.cols.last,
	.cols.bookend-right {
		margin-right: 0;
		}	

	.row .span1 			{ width:6.5%; 	}
	.row .span2 			{ width:15%; 	}
	.row .span3 			{ width:23.5%; 	}
	.row .span4 			{ width:32%; 	}
	.row .span5 			{ width:40.5%; 	}
	.row .span6 			{ width:49%; 	}
	.row .span7 			{ width:57.5%; 	}
	.row .span8 			{ width:66%; 	}
	.row .span9 			{ width:74.5%; 	}
	.row .span10  			{ width:83%; 	}
	.row .span11 			{ width:91.5%; 	}
	.row .span12 			{ width:100%; margin-left:auto; margin-right:auto; }

	.row .centered 			{ display:block; float:none; margin-left:auto; margin-right:auto; }

	.row .prefix1 			{ padding-left:8.5%;	}
	.row .prefix2 			{ padding-left:17%; 	}
	.row .prefix3 			{ padding-left:25.5%; 	}
	.row .prefix4 			{ padding-left:34%; 	}
	.row .prefix5 			{ padding-left:42.5%; 	}
	.row .prefix6 			{ padding-left:51%; 	}
	.row .prefix7 			{ padding-left:59.5%; 	}
	.row .prefix8 			{ padding-left:68%; 	} 
	.row .prefix9 			{ padding-left:76.5%; 	}
	.row .prefix10 			{ padding-left:85%; 	}
	.row .prefix11 			{ padding-left:93.5%; 	}

	.row .suffix1 			{ padding-right:8.5%;  	}
	.row .suffix2 			{ padding-right:17%; 	}
	.row .suffix3 			{ padding-right:25.5%; 	}
	.row .suffix4 			{ padding-right:34%; 	}
	.row .suffix5 			{ padding-right:42.5%; 	}
	.row .suffix6 			{ padding-right:51%; 	}
	.row .suffix7 			{ padding-right:59.5%; 	}
	.row .suffix8 			{ padding-right:68%; 	} 
	.row .suffix9 			{ padding-right:76.5%; 	}
	.row .suffix10 			{ padding-right:85%; 	}
	.row .suffix11			{ padding-right:93.5%; 	}
	
	.row .push1 			{ left:8.5%;  	}
	.row .push2 			{ left:17%; 	}
	.row .push3 			{ left:25.5%; 	}
	.row .push4 			{ left:34%; 	}
	.row .push5 			{ left:42.5%; 	}
	.row .push6 			{ left:51%; 	}
	.row .push7 			{ left:59.5%; 	}
	.row .push8 			{ left:68%; 	} 
	.row .push9 			{ left:76.5%; 	}
	.row .push10 			{ left:85%; 	}
	.row .push11 			{ left:93.5%; 	}
	
	.row .pull1 			{ right:8.5%;  	}
	.row .pull2 			{ right:17%; 	}
	.row .pull3 			{ right:25.5%; 	}
	.row .pull4 			{ right:34%; 	}
	.row .pull5 			{ right:42.5%; 	}
	.row .pull6 			{ right:51%; 	}
	.row .pull7 			{ right:59.5%; 	}
	.row .pull8 			{ right:68%; 	} 	
	.row .pull9 			{ right:76.5%; 	}
	.row .pull10 			{ right:85%; 	}
	.row .pull11 			{ right:93.5%; 	}


	/* Tablet */
	@media (min-width: 768px) and (max-width: 979px) {

	.container { 
		width:95%;
		}

	/* ROW */
	.row { 
		width:100%;
		}

	} 


	/* Mobile 320px */
	@media (max-width: 479px) {
		
	.container { 
		width:90%;
		overflow:hidden;
		height:100%;
		}
		
	}	


	/* Mobile 480px */
	@media (min-width:480px) and (max-width: 767px) {
		
	.container { 
		width:80%;
		overflow:hidden;
		height:100%;
		}	
	
	}	


	/* Mobile */
	@media (max-width: 767px) {

	/* ROW */
	.row { 
		overflow:hidden;
		width: 100%; 
		height:100%;
		}
	
	/* COLS */
	.cols { 
		margin-left: 0;
		margin-right: 0; 
		float:none!important;
		display:block!important;
		}
		
	.row .span1,
	.row .span2,
	.row .span3,
	.row .span4,
	.row .span5,
	.row .span6,
	.row .span7,
	.row .span8,
	.row .span9,
	.row .span10,
	.row .span11,
	.row .span12 { 
		width:100%; 
		}

	.row .prefix1 			{ padding-left:0; }
	.row .prefix2 			{ padding-left:0; }
	.row .prefix3 			{ padding-left:0; }
	.row .prefix4 			{ padding-left:0; }
	.row .prefix5 			{ padding-left:0; }
	.row .prefix6 			{ padding-left:0; }
	.row .prefix7 			{ padding-left:0; }
	.row .prefix8 			{ padding-left:0; } 
	.row .prefix9 			{ padding-left:0; }
	.row .prefix10 			{ padding-left:0; }
	.row .prefix11 			{ padding-left:0; }

	.row .suffix1 			{ padding-right:0; }
	.row .suffix2 			{ padding-right:0; }
	.row .suffix3 			{ padding-right:0; }
	.row .suffix4 			{ padding-right:0; }
	.row .suffix5 			{ padding-right:0; }
	.row .suffix6 			{ padding-right:0; }
	.row .suffix7 			{ padding-right:0; }
	.row .suffix8 			{ padding-right:0; } 
	.row .suffix9 			{ padding-right:0; }
	.row .suffix10 			{ padding-right:0; }
	.row .suffix11			{ padding-right:0; }

	.row .push1 			{ left:0; }
	.row .push2 			{ left:0; }
	.row .push3 			{ left:0; }
	.row .push4 			{ left:0; }
	.row .push5 			{ left:0; }
	.row .push6 			{ left:0; }
	.row .push7 			{ left:0; }
	.row .push8 			{ left:0; } 
	.row .push9 			{ left:0; }
	.row .push10 			{ left:0; }
	.row .push11 			{ left:0; }

	.row .pull1 			{ right:0; }
	.row .pull2 			{ right:0; }
	.row .pull3 			{ right:0; }
	.row .pull4 			{ right:0; }
	.row .pull5 			{ right:0; }
	.row .pull6 			{ right:0; }
	.row .pull7 			{ right:0; }
	.row .pull8 			{ right:0; } 
	.row .pull9 			{ right:0; }
	.row .pull10 			{ right:0; }
	.row .pull11 			{ right:0; }
		
	}


/*	--------------------------------------------------
	END
	-------------------------------------------------- */