@CHARSET "ISO-8859-1";

/*
 * Grid layouts: for building the structure of a page.
 * Use in combinations to layout a grid framework - the way the ancients did with tables,
 * but using css techiques instead.
 *
 * NOTE1: DO NOT PUT MARGINS on any of your grid elements - the layout will blow up.
 *        Padding is fine though.
 *
 * NOTE2: For non-standard grid elements, use .grid and define your own width.
 *
 */

.grid,
.grid100,
.grid90,
.grid80,
.grid70,
.grid60,
.grid50,
.grid40,
.grid33,
.grid30,
.grid25,
.grid20,
.grid10,
.grid5 {
	-webkit-box-sizing: border-box;    
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	*display: inline;
	margin:0;
	padding:0;
	vertical-align: top;
	zoom: 1;
}

.grid5 {
	width:5%;
}

.grid25 {
	width:25%;
}

.grid33 {
	width:33.3%;
}

.grid100 {
	width:100%;
}
.grid50 {
	width:50%;
}
.grid10 {
	width:10%;
}
.grid90 {
	width:90%;
}
.grid20 {
	width:20%;
}
.grid80 {
	width:80%;
}
.grid30 {
	width:30%;
}
.grid70 {
	width:70%;
}
.grid40 {
	width:40%;
}
.grid60 {
	width:60%;
}