.grid { 
	position: relative; 
	width: 100%; 
	margin: 0 auto; 
	padding: 0;
}

.grid .col, .grid .cols { 
	float: left; 
	display: inline; 
	margin-left: .25%; 
	margin-right: .25%;
	margin-top: .25%;
	margin-bottom: .25%;
}

.grid .col.header, .grid .cols.header {
	background-color: lightgray;
	padding-left: 5px;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	font-weight: bold;
	font-size: 18px;
}

.row { 
	margin-left: .25%; 
	margin-right: .25%; 
	margin-top: .25%;
	margin-bottom: .25%;
}

.grid .one.col, .grid .one.cols {
	width: 9.5%;
}

.grid .two.col, .grid .two.cols {
	width: 19.5%;
}

.grid .three.col, .grid .three.cols {
	width: 29.5%;
}

.grid .four.col, .grid .four.cols {
	width: 39.5%;
}

.grid .five.col, .grid .five.cols {
	width: 49.5%;
}

.grid .six.col, .grid .six.cols {
	width: 59.5%;
}

.grid .seven.col, .grid .seven.cols {
	width: 69.5%;
}

.grid .eight.col, .grid .eight.cols {
	width: 79.5%;
}

.grid .nine.col, .grid .nine.cols {
	width: 89.5%;
}

.grid .ten.col, .grid .ten.cols {
	width: 99.5%;
}

.grid .one-third.col, .grid .one-third.cols {
	width: 32.3334%;
}

.grid .two-thirds.col, .grid .two-thirds.cols {
	width: 65.6667%;
}

.grid .shift-one {
	padding-left: 10%;
}

.grid .shift-two {
	padding-left: 20%;
}

.grid .shift-three {
	padding-left: 30%;
}

.grid .shift-four {
	padding-left: 40%;
}

.grid .shift-five {
	padding-left: 50%;
}

.grid .shift-six {
	padding-left: 60%;
}

.grid .shift-seven {
	padding-left: 70%;
}

.grid .shift-eight {
	padding-left: 80%;
}

.grid .shift-nine {
	padding-left: 90%;
}