/*******************
 * Containers *
 *******************/

.grid_fluid, .grid {
	clear: left;
	display: table;
	width: 100%;
}

.clear {
	display: block;
	clear: both;
	float: none;
	height: 1px;
}


/*******************
 * Pictures *
 *******************/

img {
	max-width: 100%;
}

.grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, 
.grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, 
.grid_12 img {
	width: 100%;
	height: auto;
	vertical-align: top;
}


/*******************
 * Columns (12) *
 *******************/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9,
.grid_10, .grid_11, .grid_12 {
	float: left;
	clear: none;
}

.grid_12 {
	width: 99%;
}

.grid_11 {
	width: 90.6666%;
}

.grid_10 {
	width: 82.3334%;
}

.grid_9 {
	width: 73%;
}

.grid_8 {
	width: 65.6666%;
}

.grid_7 {
	width: 57.3336%;
}

.grid_6 {
	width: 50%;
}

.grid_5 {
	width: 40.6667%;
}

.grid_4 {
	width: 32.3333%;
}

.grid_3 {
	width: 27%;
}

.grid_2 {
	width: 15.6664%;
}

.grid_1 {
	width: 7.3332%;
}


/*******************
 * Offsets (12) *
 *******************/

.offset_1 {
	margin-left: 8.8332%;
}

.offset_2 {
	margin-left: 17.1664%;
}

.offset_3 {
	margin-left: 25.5%;
}

.offset_4 {
	margin-left: 33.8333%;
}

.offset_5 {
	margin-left: 42.1667%;
}

.offset_6 {
	margin-left: 50.5%;
}

.offset_7 {
	margin-left: 58.8336%;
}

.offset_8 {
	margin-left: 67.1666%;
}

.offset_9 {
	margin-left: 75.5%;
}

.offset_10 {
	margin-left: 83.8334%;
}

.offset_11 {
	margin-left: 92.1666%;
}

.offset_12 {
	margin-left: 100%;
}

/*******************
 * Media Queries *
 *******************/

@media screen and (min-width: 0px) {
	.grid_media_queries_tester {
		display: block !important;
		width: 1px !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}
}

/********************* 
 * max-width : 640px 
 *********************/

@media screen and (max-width: 640px) {
	.grid_fluid {
		width: 100%;
	}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, 
	.grid_9, .grid_10, .grid_11, .grid_12 {
		float: none;
		width: 100%;
	}

	.grid .grid_1, .grid .grid_2, .grid .grid_3, .grid .grid_4, .grid .grid_5, .grid .grid_6, .grid .grid_7, .grid .grid_8, 
	.grid .grid_9, .grid .grid_10, .grid .grid_11, .grid .grid_12 {
		margin-left: 0;
		margin-right: 0;
	}

	.offset_1, .offset_2, .offset_3, .offset_4, .offset_5, .offset_6, .offset_7,
	.offset_8, .offset_9, .offset_10, .offset_11, .offset_12 {
		margin-left: auto;
	}

	.grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, 
	.grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, 
	.grid_11 img, .grid_12 img {
		width: auto;
		height: auto;
	}
 }

.grid_640 .grid_1, .grid_640 .grid_2, .grid_640 .grid_3, .grid_640 .grid_4, 
.grid_640 .grid_5, .grid_640 .grid_6, .grid_640 .grid_7, .grid_640 .grid_8, 
.grid_640 .grid_9, .grid_640 .grid_10, .grid_640 .grid_11, .grid_640 .grid_12 {
	float: none;
	width: 100%;
}

.grid_640 .grid .grid_1, .grid_640 .grid .grid_2, .grid_640 .grid .grid_3, .grid_640 .grid .grid_4, 
.grid_640 .grid .grid_5, .grid_640 .grid .grid_6, .grid_640 .grid .grid_7, .grid_640 .grid .grid_8, 
.grid_640 .grid .grid_9, .grid_640 .grid .grid_10, .grid_640 .grid .grid_11, .grid_640 .grid .grid_12 {
	margin-left: 0;
	margin-right: 0;
}

.grid_640 .offset_1, .grid_640 .offset_2, .grid_640 .offset_3, 
.grid_640 .offset_4, .grid_640 .offset_5, .grid_640 .offset_6, 
.grid_640 .offset_7, .grid_640 .offset_8, .grid_640 .offset_9, 
.grid_640 .offset_10, .grid_640 .offset_11, .grid_640 .offset_12 {
	margin-left: auto;
}

.grid_640 .grid_1 img, .grid_640 .grid_2 img, .grid_640 .grid_3 img, 
.grid_640 .grid_4 img, .grid_640 .grid_5 img, .grid_640 .grid_6 img, 
.grid_640 .grid_7 img, .grid_640 .grid_8 img, .grid_640 .grid_9 img, 
.grid_640 .grid_10 img, .grid_640 .grid_11 img, .grid_640 .grid_12 img {
	width: auto;
	height: auto;
}


/*******************
 * Fluid Columns
 *******************/

.grid_fluid .grid_1, .grid_fluid .grid_2, .grid_fluid .grid_3, 
.grid_fluid .grid_4, .grid_fluid .grid_5, .grid_fluid .grid_6, 
.grid_fluid .grid_7, .grid_fluid .grid_8, .grid_fluid .grid_9, 
.grid_fluid .grid_10, .grid_fluid .grid_11, .grid_fluid .grid_12 {
	float: left !important;
	clear: none !important;
}

.grid_fluid .grid_12 {
	width: 99% !important;
}

.grid_fluid .grid_11 {
	width: 90.6666% !important;
}

.grid_fluid .grid_10 {
	width: 82.3334% !important;
}

.grid_fluid .grid_9 {
	width: 74% !important;
}

.grid_fluid .grid_8 {
	width: 65.6666% !important;
}

.grid_fluid .grid_7 {
	width: 57.3336% !important;
}

.grid_fluid .grid_6 {
	width: 49% !important;
}

.grid_fluid .grid_5 {
	width: 40.6667% !important;
}

.grid_fluid .grid_4 {
	width: 32.3333% !important;
}

.grid_fluid .grid_3 {
	width: 24% !important;
}

.grid_fluid .grid_2 {
	width: 15.6664% !important;
}

.grid_fluid .grid_1 {
	width: 7.3332% !important;
}


/*******************
 * Fluid Offsets
 *******************/


.grid_fluid .offset_1 {
	margin-left: 8.8332% !important;
}

.grid_fluid .offset_2 {
	margin-left: 17.1664% !important;
}

.grid_fluid .offset_3 {
	margin-left: 25.5% !important;
}

.grid_fluid .offset_4 {
	margin-left: 33.8333% !important;
}

.grid_fluid .offset_5 {
	margin-left: 42.1667% !important;
}

.grid_fluid .offset_6 {
	margin-left: 50.5% !important;
}

.grid_fluid .offset_7 {
	margin-left: 58.8336% !important;
}

.grid_fluid .offset_8 {
	margin-left: 67.1666% !important;
}

.grid_fluid .offset_9 {
	margin-left: 75.5% !important;
}

.grid_fluid .offset_10 {
	margin-left: 83.8334% !important;
}

.grid_fluid .offset_11 {
	margin-left: 92.1666% !important;
}

.grid_fluid .offset_12 {
	margin-left: 100% !important;
}