﻿.grid_container { width: 100%; }

.grid_5,	
.grid_10,
.grid_15,
.grid_20,
.grid_25,
.grid_30,
.grid_35,
.grid_40,
.grid_45,
.grid_50,
.grid_55,
.grid_60,
.grid_65,
.grid_70,
.grid_75,
.grid_80,
.grid_85,
.grid_90,
.grid_95,
.grid_100 
{
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.grid_container .grid_5 { width: 3%; } /*min-width: 30px; }	*/
.grid_container .grid_10 { width: 8%; } /*min-width: 60px; }	*/
.grid_container .grid_15 { width: 13%; } /*min-width: 90px; }	*/
.grid_container .grid_20 { width: 18%; } /*min-width: 120px; }	*/
.grid_container .grid_25 { width: 23%; } /*min-width: 150px; }	*/
.grid_container .grid_30 { width: 28%; } /*min-width: 180px; }	*/
.grid_container .grid_35 { width: 33%; } /*min-width: 210px; }	*/
.grid_container .grid_40 { width: 38%; } /*min-width: 240px; }	*/
.grid_container .grid_45 { width: 43%; } /*min-width: 270px; }	*/
.grid_container .grid_50 { width: 48%; } /*min-width: 300px; }	*/
.grid_container .grid_55 { width: 53%; } /*min-width: 330px; }	*/
.grid_container .grid_60 { width: 58%; } /*min-width: 360px; }	*/
.grid_container .grid_65 { width: 63%; } /*min-width: 390px; }	*/
.grid_container .grid_70 { width: 68%; } /*min-width: 420px; }	*/
.grid_container .grid_75 { width: 73%; } /*min-width: 450px; }	*/
.grid_container .grid_80 { width: 78%; } /*min-width: 480px; }	*/
.grid_container .grid_85 { width: 83%; } /*min-width: 510px; }	*/
.grid_container .grid_90 { width: 88%; } /*min-width: 540px; }	*/
.grid_container .grid_95 { width: 93%; } /*min-width: 570px; }	*/
.grid_container .grid_100 { width: 98%; } /*min-width: 600px; }	*/
	
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.grid_container .prefix_5 { padding-left: 5%; }	
.grid_container .prefix_10 { padding-left: 10%; }
.grid_container .prefix_15 { padding-left: 15%; }
.grid_container .prefix_20 { padding-left: 20%; }
.grid_container .prefix_25 { padding-left: 25%; }
.grid_container .prefix_30 { padding-left: 30%; }
.grid_container .prefix_35 { padding-left: 35%; }
.grid_container .prefix_40 { padding-left: 40%; }
.grid_container .prefix_45 { padding-left: 45%; }
.grid_container .prefix_50 { padding-left: 50%; }
.grid_container .prefix_55 { padding-left: 55%; }
.grid_container .prefix_60 { padding-left: 60%; }
.grid_container .prefix_65 { padding-left: 65%; }
.grid_container .prefix_70 { padding-left: 70%; }
.grid_container .prefix_75 { padding-left: 75%; }
.grid_container .prefix_80 { padding-left: 80%; }
.grid_container .prefix_85 { padding-left: 85%; }
.grid_container .prefix_90 { padding-left: 90%; }
.grid_container .prefix_95 { padding-left: 95%; }

.grid_container .suffix_5 { padding-right: 4%; }
.grid_container .suffix_10 { padding-right: 9%; }
.grid_container .suffix_15 { padding-right: 14%; }
.grid_container .suffix_20 { padding-right: 19%; }
.grid_container .suffix_25 { padding-right: 24%; }
.grid_container .suffix_30 { padding-right: 29%; }
.grid_container .suffix_35 { padding-right: 34%; }
.grid_container .suffix_40 { padding-right: 39%; }
.grid_container .suffix_45 { padding-right: 44%; }
.grid_container .suffix_50 { padding-right: 49%; }
.grid_container .suffix_55 { padding-right: 54%; }
.grid_container .suffix_60 { padding-right: 59%; }
.grid_container .suffix_65 { padding-right: 64%; }
.grid_container .suffix_70 { padding-right: 69%; }
.grid_container .suffix_75 { padding-right: 74%; }
.grid_container .suffix_80 { padding-right: 79%; }
.grid_container .suffix_85 { padding-right: 84%; }
.grid_container .suffix_90 { padding-right: 89%; }
.grid_container .suffix_95 { padding-right: 94%; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.grid_container:before,
.grid_container:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}


.clearfix:after,
.grid_container:after {
  clear: both;
}

.clearfix,
.grid_container {
  zoom: 1;
}