/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.row {
		width: 100%;
		max-width: 1140px;
		min-width: 710px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
		margin-right: 3.8%;
		float: left;
		min-height: 1px;
	}
	
	.row .onecol 		{ width: 4.85%; }	
	.row .twocol 		{ width: 13.45%; }	
	.row .threecol 		{ width: 22.05%; }	
	.row .fourcol 		{ width: 30.75%; }
	.row .fivecol 		{ width: 39.45%; }
	.row .sixcol 		{ width: 48%; }
	.row .sevencol 		{ width: 56.75%; }
	.row .eightcol 		{ width: 65.4%; }
	.row .ninecol 		{ width: 74.05%; }
	.row .tencol 		{ width: 82.7%; }
	.row .elevencol 	{ width: 91.35%; }
	.row .twelvecol {
		width: 100%;
		float: left;
	}
	
	.last {
		margin-right: 0px !important;
	}
	
	img, 
	object, 
	embed {
		max-width: 100%;
	}
	
	img {
		height: auto;
	}
	
	#map_canvas img, .map_canvas img { max-width: none!important; }
	
	/*	--------------------------------------------------
	:: Block grids
	
	/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	
	For IE7/8 compatibility block-grid items need to be
	the same height. You can optionally uncomment the
	lines below to support arbitrary height, but know
	that IE7/8 do not support :nth-child.
	-------------------------------------------------- */
	.block-grid { display: block; overflow: hidden; padding:0; }
	.block-grid > li { display: block; height: auto; float: left; }
	
	.block-grid.two-up { margin-left: -4%; }
	.block-grid.two-up > li { margin-left: 4%; width: 46%; margin-bottom: 4%;}
 	.block-grid.two-up > li:nth-child(2n+1) {clear: left;} 
	
	.block-grid.three-up { margin-left: -2%; }
	.block-grid.three-up > li { margin-left: 2%; width: 31.3%; margin-bottom: 2%;}
	.block-grid.three-up > li:nth-child(3n+1) {clear: left;} 
	
	.block-grid.four-up { margin-left: -2%; }
	.block-grid.four-up > li { margin-left: 2%; width: 23%; margin-bottom: 2%;}
 	.block-grid.four-up > li:nth-child(4n+1) {clear: left;} 
	
	.block-grid.five-up { margin: 0 -8px; }
	.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
	.block-grid.five-up > li:nth-child(5n+1) { clear: both; }

	.block-grid.six-up { margin: 0 -8px; }
	.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
	.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
	
	
	/* Smaller screens < 1023px */
	@media only screen and (max-width: 63.9375em) {
	
		body {
			font-size: 0.8em;
			line-height: 1.5em;
		}
		
	}
	
	
	/* Tablets < 767px  */
	@media only screen and (max-width: 47.9375em) {
		/* Mobile Block Grids --- */
		/*                 */
		.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
		.block-grid > li { clear: none; }
		
		.block-grid.mobile-one-up > li { width: 100%; }
		
		.block-grid.mobile-two-up > li { width: 50%; }
		.block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
		
		.block-grid.mobile-three-up > li { width: 33.33333%; }
		.block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both; }
		
		.block-grid.mobile-four-up > li { width: 25%; }
		.block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
	/*}*/
	
	
	/* Mobile < 600px  
	@media handheld, only screen and (max-width: 37.5em) {*/
	
		body {
			font-size: 16px;
			-webkit-text-size-adjust: none;
		}
		
		.row, body, .container {
			width: 100%;
			min-width: 0;
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
			width: auto;
			float: none;
			margin-left: 0px;
			margin-right: 0px;
			padding-left: 20px;
			padding-right: 20px;
		}
		
	}