/*
	SCREEN A20 > grid-light.css
*/

@media screen {/* SCREEN */
	/*** WRAP ***/
	.gridWrap { 
		width: 100%;
		clear: both;
	}
	ul.gridWrap {
		margin-top: 0;margin-bottom: 0;
		padding-left: 0;
		list-style: none;
	}
		.gridWrap:after {
			clear: both;
			display: table;
			line-height: 0;
			content: "";
		}

	/*** GRID ***/
	.grid {
		float: left;
		width: 100%;
	}
	li.grid {
		position: inherit;padding-left: 0;background: none;/* List reset */
		display: block;
	}
		li.grid:before {/* List reset */
			position: inherit;
			top: inherit;right: inherit;bottom: inherit;left: inherit;
			display: inherit;
			width: inherit;height: inherit;
			margin: auto;
			border: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			background: none transparent;
			content: "";content: none;
			text-align: inherit;
			font-style: inherit;font-weight: inherit;font-size: inherit;line-height: inherit;font-family: inherit;
			color: inherit;
			-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			-ms-transform: none;
			transform: none;
		}

	/*** POSITION ***/
	.grid.gridLeft {
		float: left !important;
	}
	.grid.gridRight {
		float: right !important;
	}

	/*** STEP ***/
	.gridWrap .grid5 { width: 5%; }
	.gridWrap .grid10 { width: 10%; }
	.gridWrap .grid12 { width: 12.5%; }
	.gridWrap .grid15 { width: 15%; }
	.gridWrap .grid16 { width: 16.6666%; }
	.gridWrap .grid20 { width: 20%; }
	.gridWrap .grid25 { width: 25%; }
	.gridWrap .grid30 { width: 30%; }
	.gridWrap .grid33 { width: 33.3333%; }
	.gridWrap .grid35 { width: 35%; }
	.gridWrap .grid38 { width: 38%; }
	.gridWrap .grid40 { width: 40%; }
	.gridWrap .grid45 { width: 45%; }
	.gridWrap .grid50 { width: 50%; }
	.gridWrap .grid55 { width: 55%; }
	.gridWrap .grid60 { width: 60%; }
	.gridWrap .grid62 { width: 62%; }
	.gridWrap .grid65 { width: 65%; }
	.gridWrap .grid66 { width: 66.6666%; }
	.gridWrap .grid70 { width: 70%; }
	.gridWrap .grid75 { width: 75%; }
	.gridWrap .grid80 { width: 80%; }
	.gridWrap .grid85 { width: 85%; }
	.gridWrap .grid90 { width: 90%; }
	.gridWrap .grid95 { width: 95%; }
	.gridWrap .grid100 { width: 100%; }

	/*** GUT ***/
	.gut1 {
		width: 101%;
		margin-right: -0.5%;margin-left: -0.5%;
	}
		.gut1 > .grid {
			padding-right: 0.5%;padding-left: 0.5%;
		}
	.gut2 {
		width: 102%;
		margin-right: -1%;margin-left: -1%;
	}
		.gut2 > .grid {
			padding-right: 1%;padding-left: 1%;
		}
	.gut3 {
		width: 103%;
		margin-right: -1.5%;margin-left: -1.5%;
	}
		.gut3 > .grid {
			padding-right: 1.5%;padding-left: 1.5%;
		}
	.gut4 {
		width: 104%;
		margin-right: -2%;margin-left: -2%;
	}
		.gut4 > .grid {
			padding-right: 2%;padding-left: 2%;
		}
	.gut5 {
		width: 105%;
		margin-right: -2.5%;margin-left: -2.5%;
	}
		.gut5 > .grid {
			padding-right: 2.5%;padding-left: 2.5%;
		}

	/*** DIVIDER ***/
	.divider > .grid {
		border-left-width: 1px;border-left-style: solid;
	}
	.grid.divider {
		border-left-width: 1px !important;border-left-style: solid !important;
	}
	.divider > .grid:first-child {
		border-left: none !important;
	}
}/* /SCREEN */