/*
CSSGrid is a Responsive CSS Grid designed to work on web and mobile devices. (www.cssgrid.co)
Please don't steal. Support this grid and buy a license from: http://codecanyon.net/item/responsive-html5-css-grid/4928861

Columns Percentage (p)

*/


h1 {
	margin-left:10px;
	margin-right:10px;
}


/*
	Columns Percentage (p)
*/

.p1, /* set margins below all column wrappers, just for display purposes */
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8
{
	padding-bottom:1%;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	margin-left:10px;
	margin-right:10px;
}


.p1, /* outer div width */
.p2,
.p3,
.p4,
.p5,
.p6,
.p7,
.p8 {
	width:auto;
}


.p1 .one {
	width:100%;
}


.p2 .one {
	width:49.5%;
	float:left;
}
.p2 .two {
	width:49.5%;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 49.9 + 1 = 50.5
	*/
	margin-left:50.5%;
}


.p3 .one {
	width:32.5%;
	float:left;
}
.p3 .one-two {
	width:66.25%;
	margin-left:0px;
	float:left;
}
.p3 .two {
	width:32.5%;
	margin-left:1.25%;
	float:left;
}
.p3 .two-three {
	width:66.25%;
	margin-left:33.75%;
}
.p3 .three {
	width:32.5%;
	margin-left:67.5%;
}


.p4 .one {
	width:24.25%;
	float:left;
}
.p4 .one-two {
	width:49.5%;
	float:left;
}
.p4 .one-three {
	width:74.75%;
	float:left;
}
.p4 .two {
	width:24.25%;
	margin-left:1%;
	float:left;
}
.p4 .two-three {
	width:49.5%;
	margin-left:1%;
	float:left;
}
.p4 .two-four {
	width:74.75%;
	margin-left:25.25%;
}
.p4 .three {
	width:24.25%;
	margin-left:1%;
	float:left;
}
.p4 .three-four {
	width:49.5%;
	margin-left:50.5%;
}
.p4 .four {
	width:24.25%;
	/*
	To set the correct position for the last column, add up all columns to the left and add on the padding.
	In this case: 24.25 x 3 + 3 = 75.75
	*/
	margin-left:75.75%;
}


.p5 .one {
	width:19.2%;
	float:left;
}
.p5 .one-two {
	width:39.4%;
	float:left;
}
.p5 .one-three {
	width:59.6%;
	float:left;
}
.p5 .one-four {
	width:79.8%;
	float:left;
}
.p5 .two {
	width:19.2%;
	float:left;
	margin-left:1%;
}
.p5 .two-three {
	width:39.4%;
	float:left;
	margin-left:1%;
}
.p5 .two-four {
	width:59.6%;
	margin-left:1%;
	float:left;
}
.p5 .two-five {
	width:79.8%;
	margin-left:20.2%;
}
.p5 .three {
	width:19.2%;
	float:left;
	margin-left:1%;
}
.p5 .three-five {
	width:59.6%;
	margin-left:40.4%;
}
.p5 .four {
	width:19.2%;
	float:left;
	margin-left:1%;
}
.p5 .four-five {
	width:39.4%;
	margin-left:60.6%;
}
.p5 .five {
	width:19.2%;
	margin-left:80.8%;
}


.p6 .one {
	width:15.83%;
	float:left;
}
.p6 .one-two {
	width:32.66%;
	float:left;
}
.p6 .one-three {
	width:49.49%;
	float:left;
}
.p6 .one-four {
	width:66.32%;
	float:left;
}
.p6 .one-five {
	width:83.15%;
	float:left;
}
.p6 .two {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .two-three {
	width:32.66%;
	float:left;
	margin-left:1%;
}
.p6 .two-four {
	width:49.49%;
	float:left;
	margin-left:1%;
}
.p6 .two-five {
	width:66.32%;
	float:left;
	margin-left:1%;
}
.p6 .two-six {
	width:83.15%;
	margin-left:16.83%;
}
.p6 .three {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .three-four {
	width:32.66%;
	float:left;
	margin-left:1%;
}
.p6 .three-five {
	width:49.49%;
	float:left;
	margin-left:1%;
}
.p6 .three-six {
	width:66.32%;
	margin-left:33.66%;
}
.p6 .four {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .four-five {
	width:32.66%;
	float:left;
	margin-left:1%;
}
.p6 .four-six {
	width:49.49%;
	margin-left:50.49%;
}
.p6 .five {
	width:15.83%;
	float:left;
	margin-left:1%;
}
.p6 .five-six {
	width:32.66%;
	margin-left:67.32%;
}
.p6 .six {
	width:15.83%;
	margin-left:84.15%;
}


.p7 .one {
	width:13.43%;
	float:left;
}
.p7 .one-two {
	width:27.86%;
	float:left;
}
.p7 .one-three {
	width:42.29%;
	float:left;
}
.p7 .one-four {
	width:56.72%;
	float:left;
}
.p7 .one-five {
	width:71.15%;
	float:left;
}
.p7 .one-six {
	width:85.58%;
	float:left;
}
.p7 .two {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .two-three {
	width:27.86%;
	float:left;
	margin-left:1%;
}
.p7 .two-four {
	width:42.29%;
	float:left;
	margin-left:1%;
}
.p7 .two-five {
	width:56.72%;
	float:left;
	margin-left:1%;
}
.p7 .two-six {
	width:71.15%;
	float:left;
	margin-left:1%;
}
.p7 .two-seven {
	width:85.58%;
	margin-left:14.43%;
}
.p7 .three {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .three-four {
	width:27.86%;
	float:left;
	margin-left:1%;
}
.p7 .three-five {
	width:42.29%;
	float:left;
	margin-left:1%;
}
.p7 .three-six {
	width:56.72%;
	float:left;
	margin-left:1%;
}
.p7 .three-seven {
	width:71.15%;
	margin-left:28.86%;
}
.p7 .four {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .four-five {
	width:27.86%;
	float:left;
	margin-left:1%;
}
.p7 .four-seven {
	width:56.72%;
	margin-left:43.29%;
}
.p7 .five {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .five-seven {
	width:42.29%;
	margin-left:57.72%;
}
.p7 .six {
	width:13.43%;
	float:left;
	margin-left:1%;
}
.p7 .six-seven {
	width:27.86%;
	margin-left:72.15%;
}
.p7 .seven {
	width:13.43%;
	margin-left:86.57%;
}


.p8 .one {
	width:11.625%;
	float:left;
}
.p8 .one-two {
	width:24.25%;
	float:left;
}
.p8 .one-three {
	width:36.875%;
	float:left;
}
.p8 .one-four {
	width:49.5%;
	float:left;
}
.p8 .one-five {
	width:62.125%;
	float:left;
}
.p8 .one-six {
	width:74.75%;
	float:left;
}
.p8 .one-seven {
	width:87.375%;
	float:left;
}
.p8 .two {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .two-three {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .two-four {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .two-five {
	width:49.5%;
	float:left;
	margin-left:1%;
}
.p8 .two-six {
	width:62.125%;
	float:left;
	margin-left:1%;
}
.p8 .two-seven {
	width:74.75%;
	float:left;
	margin-left:1%;
}
.p8 .two-eight {
	width:87.375%;
	margin-left:12.625%;
}
.p8 .three {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .three-four {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .three-five {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .three-six {
	width:49.5%;
	float:left;
	margin-left:1%;
}
.p8 .three-seven {
	width:62.125%;
	float:left;
	margin-left:1%;
}
.p8 .three-eight {
	width:74.75%;
	margin-left:25.25%;
}
.p8 .four {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .four-five {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .four-six {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .four-seven {
	width:49.5%;
	float:left;
	margin-left:1%;
}
.p8 .four-eight {
	width:62.125%;
	margin-left:37.875%;
}
.p8 .five {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .five-six {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .five-seven {
	width:36.875%;
	float:left;
	margin-left:1%;
}
.p8 .five-eight {
	width:49.5%;
	margin-left:50.5%;
}
.p8 .six {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .six-seven {
	width:24.25%;
	float:left;
	margin-left:1%;
}
.p8 .six-eight {
	width:36.875%;
	margin-left:63.125%;
}
.p8 .seven {
	width:11.625%;
	float:left;
	margin-left:1%;
}
.p8 .seven-eight {
	width:24.25%;
	margin-left:75.75%;
}
.p8 .eight {
	width:11.625%;
	margin-left:88.375%;
}