/**
 * Simple Fluid Grid, 96%, 12 and 16 columns
 * 
 * @author 	Evgeny Samsonov (bitniks@bitniks.ru)
 * @link 	http://bitniks.ru
 * @date 	2010/02/20
 * @version 0.1.0
 * 
 * http://bitniks.ru/works/simple-fluid-grid/
 * 
 */

html,body{padding:0;margin:0;border:0;}

.grid-wrap-12{width:8%;left:-4%;margin:0 auto;position:relative;}	
.grid-wrap-16{width:6%;left:-3%;margin:0 auto;position:relative;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16{width:100%;float:left;clear:right;margin-right:-100%;position:relative;}

.grid-wrap-12 .grid-1{left:-500%;}
.grid-wrap-12 .grid-2{left:-400%;}
.grid-wrap-12 .grid-3{left:-300%;}
.grid-wrap-12 .grid-4{left:-200%;}
.grid-wrap-12 .grid-5{left:-100%;}
.grid-wrap-12 .grid-6, .grid-content{left:0%;}
.grid-wrap-12 .grid-7{right:-100%;}
.grid-wrap-12 .grid-8{right:-200%;}
.grid-wrap-12 .grid-9{right:-300%;}
.grid-wrap-12 .grid-10{right:-400%;}
.grid-wrap-12 .grid-11{right:-500%;}
.grid-wrap-12 .grid-12{right:-600%;}

.grid-wrap-16 .grid-1{left:-700%;}
.grid-wrap-16 .grid-2{left:-600%;}
.grid-wrap-16 .grid-3{left:-500%;}
.grid-wrap-16 .grid-4{left:-400%;}
.grid-wrap-16 .grid-5{left:-300%;}
.grid-wrap-16 .grid-6{left:-200%;}
.grid-wrap-16 .grid-7{left:-100%;}
.grid-wrap-16 .grid-8, .grid-content{left:0%;}
.grid-wrap-16 .grid-9{right:-100%;}
.grid-wrap-16 .grid-10{right:-200%;}
.grid-wrap-16 .grid-11{right:-300%;}
.grid-wrap-16 .grid-12{right:-400%;}
.grid-wrap-16 .grid-13{right:-500%;}
.grid-wrap-16 .grid-14{right:-600%;}
.grid-wrap-16 .grid-15{right:-700%;}
.grid-wrap-16 .grid-16{right:-800%;}

.fill-1{width:100%;margin-right:-100%;}
.fill-2{width:200%;margin-right:-200%;}
.fill-3{width:300%;margin-right:-300%;}
.fill-4{width:400%;margin-right:-400%;}
.fill-5{width:500%;margin-right:-500%;}
.fill-6{width:600%;margin-right:-600%;}
.fill-7{width:700%;margin-right:-700%;}
.fill-8{width:800%;margin-right:-800%;}
.fill-9{width:900%;margin-right:-900%;}
.fill-10{width:1000%;margin-right:-1000%;}
.fill-11{width:1100%;margin-right:-1100%;}
.fill-12{width:1200%;margin-right:-1200%;}
.fill-13{width:1300%;margin-right:-1300%;}
.fill-14{width:1400%;margin-right:-1400%;}
.fill-15{width:1500%;margin-right:-1500%;}
.fill-16{width:1600%;margin-right:-1600%;}

.grid-content{z-index:1;}