/*	author: Simon Hellin
			webFizz.be
			simon@webfizz.be
*/
/*********************************************
				GRID 16 COL
/*********************************************/

.maingrid{width: 960px;}

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12,.g13,.g14,.g15,.g16{
	padding: 10px;
	margin-bottom: 10px;
	/*background: #ffffaa;*/
}
/* if .gx is a menu then we don't want a margin bottom, we set this to the div id */
/* we do want a padding left so it aligns with the grid */
.gmenu{
	margin-bottom: 0;
	padding: 0 0 0 10px;
	background: #cccccc;
}

/** THE GRID ITSELF **/
/*********************************************/

.g1{width: 40px; word-wrap: break-word; _overflow: hidden; }
.g2{width: 100px;}
.g3{width: 160px;}
.g4{width: 220px;}
.g5{width: 280px;}
.g6{width: 340px;}
.g7{width: 400px;}
.g8{width: 460px;}
.g9{width: 520px;}
.g10{width: 580px;}
.g11{width: 640px;}
.g12{width: 700px;}
.g13{width: 760px;}
.g14{width: 820px;}
.g15{width: 880px;}
.g16{width: 940px;}

/** THE MARGINS LEFTS **/
/*********************************************/

.m1{margin-left: 60px;}
.m2{margin-left: 120px;}
.m3{margin-left: 180px;}
.m4{margin-left: 240px;}
.m5{margin-left: 300px;}
.m6{margin-left: 360px;}
.m7{margin-left: 420px;}
.m8{margin-left: 480px;}
.m9{margin-left: 540px;}
.m10{margin-left: 600px;}
.m11{margin-left: 660px;}
.m12{margin-left: 720px;}
.m13{margin-left: 780px;}
.m14{margin-left: 840px;}
.m15{margin-left: 900px;}