/* Normal grid */
/* Margin all */
	.m1 {margin: 10px;}
	.m2 {margin: 20px;}
	.m3 {margin: 30px;}
	.m4 {margin: 40px;}
	.m5 {margin: 50px;}
	.m6 {margin: 60px;}
	.m7 {margin: 70px;}
	.m8 {margin: 80px;}
	.m9 {margin: 90px;}
	.m10 {margin: 100px;}
/* Margin top */
	.mt1 {margin-top: 10px;}
	.mt2 {margin-top: 20px;}
	.mt3 {margin-top: 30px;}
	.mt4 {margin-top: 40px;}
	.mt5 {margin-top: 50px;}
	.mt6 {margin-top: 60px;}
	.mt7 {margin-top: 70px;}
	.mt8 {margin-top: 80px;}
	.mt9 {margin-top: 90px;}
	.mt10 {margin-top: 100px;}
/* Margin right */
	.mr1 {margin-right: 10px;}
	.mr2 {margin-right: 20px;}
	.mr3 {margin-right: 30px;}
	.mr4 {margin-right: 40px;}
	.mr5 {margin-right: 50px;}
	.mr6 {margin-right: 60px;}
	.mr7 {margin-right: 70px;}
	.mr8 {margin-right: 80px;}
	.mr9 {margin-right: 90px;}
	.mr10 {margin-right: 100px;}
/* Margin bottom */
	.mb1 {margin-bottom: 10px;}
	.mb2 {margin-bottom: 20px;}
	.mb3 {margin-bottom: 30px;}
	.mb4 {margin-bottom: 40px;}
	.mb5 {margin-bottom: 50px;}
	.mb6 {margin-bottom: 60px;}
	.mb7 {margin-bottom: 70px;}
	.mb8 {margin-bottom: 80px;}
	.mb9 {margin-bottom: 90px;}
	.mb10 {margin-bottom: 100px;}
/* Margin left */
	.ml1 {margin-left: 10px;}
	.ml2 {margin-left: 20px;}
	.ml3 {margin-left: 30px;}
	.ml4 {margin-left: 40px;}
	.ml5 {margin-left: 50px;}
	.ml6 {margin-left: 60px;}
	.ml7 {margin-left: 70px;}
	.ml8 {margin-left: 80px;}
	.ml9 {margin-left: 90px;}
	.ml10 {margin-left: 100px;}

/* Padding all */
	.p1 {padding: 10px;}
	.p2 {padding: 20px;}
	.p3 {padding: 30px;}
	.p4 {padding: 40px;}
	.p5 {padding: 50px;}
	.p6 {padding: 60px;}
	.p7 {padding: 70px;}
	.p8 {padding: 80px;}
	.p9 {padding: 90px;}
	.p10 {padding: 100px;}
/* Padding top */
	.pt1 {padding-top: 10px;}
	.pt2 {padding-top: 20px;}
	.pt3 {padding-top: 30px;}
	.pt4 {padding-top: 40px;}
	.pt5 {padding-top: 50px;}
	.pt6 {padding-top: 60px;}
	.pt7 {padding-top: 70px;}
	.pt8 {padding-top: 80px;}
	.pt9 {padding-top: 90px;}
	.pt10 {padding-top: 100px;}
/* Padding right */
	.pr1 {padding-right: 10px;}
	.pr2 {padding-right: 20px;}
	.pr3 {padding-right: 30px;}
	.pr4 {padding-right: 40px;}
	.pr5 {padding-right: 50px;}
	.pr6 {padding-right: 60px;}
	.pr7 {padding-right: 70px;}
	.pr8 {padding-right: 80px;}
	.pr9 {padding-right: 90px;}
	.pr10 {padding-right: 100px;}
/* Padding bottom */
	.pb1 {padding-bottom: 10px;}
	.pb2 {padding-bottom: 20px;}
	.pb3 {padding-bottom: 30px;}
	.pb4 {padding-bottom: 40px;}
	.pb5 {padding-bottom: 50px;}
	.pb6 {padding-bottom: 60px;}
	.pb7 {padding-bottom: 70px;}
	.pb8 {padding-bottom: 80px;}
	.pb9 {padding-bottom: 90px;}
	.pb10 {padding-bottom: 100px;}
/* Padding left */
	.pl1 {padding-left: 10px;}
	.pl2 {padding-left: 20px;}
	.pl3 {padding-left: 30px;}
	.pl4 {padding-left: 40px;}
	.pl5 {padding-left: 50px;}
	.pl6 {padding-left: 60px;}
	.pl7 {padding-left: 70px;}
	.pl8 {padding-left: 80px;}
	.pl9 {padding-left: 90px;}
	.pl10 {padding-left: 100px;}




/* 8 pixel grid */
/* XGrid - Margin all */
	.xm15- {margin: -120px;}
	.xm14- {margin: -112px;}
	.xm13- {margin: -104px;}
	.xm12- {margin: -96px;}
	.xm11- {margin: -88px;}
	.xm10- {margin: -80px;}
	.xm9- {margin: -72px;}
	.xm8- {margin: -64px;}
	.xm7- {margin: -56px;}
	.xm6- {margin: -48px;}
	.xm5- {margin: -40px;}
	.xm4- {margin: -32px;} 
	.xm3- {margin: -24px;} 
	.xm2- {margin: -16px;} 
	.xm1- {margin: -8px;} 
	.xm1 {margin: 8px;}
	.xm2 {margin: 16px;}
	.xm3 {margin: 24px;}
	.xm4 {margin: 32px;}
	.xm5 {margin: 40px;}
	.xm6 {margin: 48px;}
	.xm7 {margin: 56px;}
	.xm8 {margin: 64px;}
	.xm9 {margin: 72px;}
	.xm10 {margin: 80px;}
	.xm11 {margin: 88px;}
	.xm12 {margin: 96px;}
	.xm13 {margin: 104px;}
	.xm14 {margin: 112px;}
	.xm15 {margin: 120px;}
/* XGrid - Margin top */
	.xmt15- {margin-top: -120px;}
	.xmt14- {margin-top: -112px;}
	.xmt13- {margin-top: -104px;}
	.xmt12- {margin-top: -96px;}
	.xmt11- {margin-top: -88px;}
	.xmt10- {margin-top: -80px;}
	.xmt9- {margin-top: -72px;}
	.xmt8- {margin-top: -64px;}
	.xmt7- {margin-top: -56px;}
	.xmt6- {margin-top: -48px;}
	.xmt5- {margin-top: -40px;}
	.xmt4- {margin-top: -32px;} 
	.xmt3- {margin-top: -24px;} 
	.xmt2- {margin-top: -16px;} 
	.xmt1- {margin-top: -8px;} 
	.xmt1 {margin-top: 8px;}
	.xmt2 {margin-top: 16px;}
	.xmt3 {margin-top: 24px;}
	.xmt4 {margin-top: 32px;}
	.xmt5 {margin-top: 40px;}
	.xmt6 {margin-top: 48px;}
	.xmt7 {margin-top: 56px;}
	.xmt8 {margin-top: 64px;}
	.xmt9 {margin-top: 72px;}
	.xmt10 {margin-top: 80px;}
	.xmt11 {margin-top: 88px;}
	.xmt12 {margin-top: 96px;}
	.xmt13 {margin-top: 104px;}
	.xmt14 {margin-top: 112px;}
	.xmt15 {margin-top: 120px;}
/* XGrid - Margin right */
	.xmr15- {margin-right: -120px;}
	.xmr14- {margin-right: -112px;}
	.xmr13- {margin-right: -104px;}
	.xmr12- {margin-right: -96px;}
	.xmr11- {margin-right: -88px;}
	.xmr10- {margin-right: -80px;}
	.xmr9- {margin-right: -72px;}
	.xmr8- {margin-right: -64px;}
	.xmr7- {margin-right: -56px;}
	.xmr6- {margin-right: -48px;}
	.xmr5- {margin-right: -40px;}
	.xmr4- {margin-right: -32px;} 
	.xmr3- {margin-right: -24px;} 
	.xmr2- {margin-right: -16px;} 
	.xmr1- {margin-right: -8px;} 
	.xmr1 {margin-right: 8px;}
	.xmr2 {margin-right: 16px;}
	.xmr3 {margin-right: 24px;}
	.xmr4 {margin-right: 32px;}
	.xmr5 {margin-right: 40px;}
	.xmr6 {margin-right: 48px;}
	.xmr7 {margin-right: 56px;}
	.xmr8 {margin-right: 64px;}
	.xmr9 {margin-right: 72px;}
	.xmr10 {margin-right: 80px;}
	.xmr11 {margin-right: 88px;}
	.xmr12 {margin-right: 96px;}
	.xmr13 {margin-right: 104px;}
	.xmr14 {margin-right: 112px;}
	.xmr15 {margin-right: 120px;}
/* XGrid - Margin bottom */
	.xmb15- {margin-bottom: -120px;}
	.xmb14- {margin-bottom: -112px;}
	.xmb13- {margin-bottom: -104px;}
	.xmb12- {margin-bottom: -96px;}
	.xmb11- {margin-bottom: -88px;}
	.xmb10- {margin-bottom: -80px;}
	.xmb9- {margin-bottom: -72px;}
	.xmb8- {margin-bottom: -64px;}
	.xmb7- {margin-bottom: -56px;}
	.xmb6- {margin-bottom: -48px;}
	.xmb5- {margin-bottom: -40px;}
	.xmb4- {margin-bottom: -32px;} 
	.xmb3- {margin-bottom: -24px;} 
	.xmb2- {margin-bottom: -16px;} 
	.xmb1- {margin-bottom: -8px;} 
	.xmb1 {margin-bottom: 8px;}
	.xmb2 {margin-bottom: 16px;}
	.xmb3 {margin-bottom: 24px;}
	.xmb4 {margin-bottom: 32px;}
	.xmb5 {margin-bottom: 40px;}
	.xmb6 {margin-bottom: 48px;}
	.xmb7 {margin-bottom: 56px;}
	.xmb8 {margin-bottom: 64px;}
	.xmb9 {margin-bottom: 72px;}
	.xmb10 {margin-bottom: 80px;}
	.xmb11 {margin-bottom: 88px;}
	.xmb12 {margin-bottom: 96px;}
	.xmb13 {margin-bottom: 104px;}
	.xmb14 {margin-bottom: 112px;}
	.xmb15 {margin-bottom: 120px;}
/* XGrid - Margin left */
	.xml15- {margin-left: -120px;}
	.xml14- {margin-left: -112px;}
	.xml13- {margin-left: -104px;}
	.xml12- {margin-left: -96px;}
	.xml11- {margin-left: -88px;}
	.xml10- {margin-left: -80px;}
	.xml9- {margin-left: -72px;}
	.xml8- {margin-left: -64px;}
	.xml7- {margin-left: -56px;}
	.xml6- {margin-left: -48px;}
	.xml5- {margin-left: -40px;}
	.xml4- {margin-left: -32px;} 
	.xml3- {margin-left: -24px;} 
	.xml2- {margin-left: -16px;} 
	.xml1- {margin-left: -8px;} 
	.xml1 {margin-left: 8px;}
	.xml2 {margin-left: 16px;}
	.xml3 {margin-left: 24px;}
	.xml4 {margin-left: 32px;}
	.xml5 {margin-left: 40px;}
	.xml6 {margin-left: 48px;}
	.xml7 {margin-left: 56px;}
	.xml8 {margin-left: 64px;}
	.xml9 {margin-left: 72px;}
	.xml10 {margin-left: 80px;}
	.xml11 {margin-left: 88px;}
	.xml12 {margin-left: 96px;}
	.xml13 {margin-left: 104px;}
	.xml14 {margin-left: 112px;}
	.xml15 {margin-left: 120px;}

/* XGrid - Padding all */
	.xp1 {padding: 8px;}
	.xp2 {padding: 16px;}
	.xp3 {padding: 24px;}
	.xp4 {padding: 32px;}
	.xp5 {padding: 40px;}
	.xp6 {padding: 48px;}
	.xp7 {padding: 56px;}
	.xp8 {padding: 64px;}
	.xp9 {padding: 72px;}
	.xp10 {padding: 80px;}
	.xp11 {padding: 88px;}
	.xp12 {padding: 96px;}
	.xp13 {padding: 104px;}
	.xp14 {padding: 112px;}
	.xp15 {padding: 120px;}
/* XGrid - Padding top */
	.xpt1 {padding-top: 8px;}
	.xpt2 {padding-top: 16px;}
	.xpt3 {padding-top: 24px;}
	.xpt4 {padding-top: 32px;}
	.xpt5 {padding-top: 40px;}
	.xpt6 {padding-top: 48px;}
	.xpt7 {padding-top: 56px;}
	.xpt8 {padding-top: 64px;}
	.xpt9 {padding-top: 72px;}
	.xpt10 {padding-top: 80px;}
	.xpt11 {padding-top: 88px;}
	.xpt12 {padding-top: 96px;}
	.xpt13 {padding-top: 104px;}
	.xpt14 {padding-top: 112px;}
	.xpt15 {padding-top: 120px;}
/* XGrid - Padding right */
	.xpr1 {padding-right: 8px;}
	.xpr2 {padding-right: 16px;}
	.xpr3 {padding-right: 24px;}
	.xpr4 {padding-right: 32px;}
	.xpr5 {padding-right: 40px;}
	.xpr6 {padding-right: 48px;}
	.xpr7 {padding-right: 56px;}
	.xpr8 {padding-right: 64px;}
	.xpr9 {padding-right: 72px;}
	.xpr10 {padding-right: 80px;}
	.xpr11 {padding-right: 88px;}
	.xpr12 {padding-right: 96px;}
	.xpr13 {padding-right: 104px;}
	.xpr14 {padding-right: 112px;}
	.xpr15 {padding-right: 120px;}
/* XGrid - Padding bottom */
	.xpb1 {padding-bottom: 8px;}
	.xpb2 {padding-bottom: 16px;}
	.xpb3 {padding-bottom: 24px;}
	.xpb4 {padding-bottom: 32px;}
	.xpb5 {padding-bottom: 40px;}
	.xpb6 {padding-bottom: 48px;}
	.xpb7 {padding-bottom: 56px;}
	.xpb8 {padding-bottom: 64px;}
	.xpb9 {padding-bottom: 72px;}
	.xpb10 {padding-bottom: 80px;}
	.xpb11 {padding-bottom: 88px;}
	.xpb12 {padding-bottom: 96px;}
	.xpb13 {padding-bottom: 104px;}
	.xpb14 {padding-bottom: 112px;}
	.xpb15 {padding-bottom: 120px;}
/* XGrid - Padding left */
	.xpl1 {padding-left: 8px;}
	.xpl2 {padding-left: 16px;}
	.xpl3 {padding-left: 24px;}
	.xpl4 {padding-left: 32px;}
	.xpl5 {padding-left: 40px;}
	.xpl6 {padding-left: 48px;}
	.xpl7 {padding-left: 56px;}
	.xpl8 {padding-left: 64px;}
	.xpl9 {padding-left: 72px;}
	.xpl10 {padding-left: 80px;}
	.xpl11 {padding-left: 88px;}
	.xpl12 {padding-left: 96px;}
	.xpl13 {padding-left: 104px;}
	.xpl14 {padding-left: 112px;}
	.xpl15 {padding-left: 120px;}


/* 16 pixel grid */
/* ZGrid - Margin all */
	.zm1 {margin: 16px;}
	.zm2 {margin: 32px;}
	.zm3 {margin: 48px;}
	.zm4 {margin: 64px;}
	.zm5 {margin: 80px;}
	.zm6 {margin: 96px;}
	.zm7 {margin: 112px;}
	.zm8 {margin: 128px;}
	.zm9 {margin: 144px;}
	.zm10 {margin: 160px;}
/* ZGrid - Margin top */
	.zmt1 {margin-top: 16px;}
	.zmt2 {margin-top: 32px;}
	.zmt3 {margin-top: 48px;}
	.zmt4 {margin-top: 64px;}
	.zmt5 {margin-top: 80px;}
	.zmt6 {margin-top: 96px;}
	.zmt7 {margin-top: 112px;}
	.zmt8 {margin-top: 128px;}
	.zmt9 {margin-top: 144px;}
	.zmt10 {margin-top: 160px;}
/* ZGrid - Margin right */
	.zmr1 {margin-right: 16px;}
	.zmr2 {margin-right: 32px;}
	.zmr3 {margin-right: 48px;}
	.zmr4 {margin-right: 64px;}
	.zmr5 {margin-right: 80px;}
	.zmr6 {margin-right: 96px;}
	.zmr7 {margin-right: 112px;}
	.zmr8 {margin-right: 128px;}
	.zmr9 {margin-right: 144px;}
	.zmr10 {margin-right: 160px;}
/* ZGrid - Margin bottom */
	.zmb1 {margin-bottom: 16px;}
	.zmb2 {margin-bottom: 32px;}
	.zmb3 {margin-bottom: 48px;}
	.zmb4 {margin-bottom: 64px;}
	.zmb5 {margin-bottom: 80px;}
	.zmb6 {margin-bottom: 96px;}
	.zmb7 {margin-bottom: 112px;}
	.zmb8 {margin-bottom: 128px;}
	.zmb9 {margin-bottom: 144px;}
	.zmb10 {margin-bottom: 160px;}
/* ZGrid - Margin left */
	.zml1 {margin-left: 16px;}
	.zml2 {margin-left: 32px;}
	.zml3 {margin-left: 48px;}
	.zml4 {margin-left: 64px;}
	.zml5 {margin-left: 80px;}
	.zml6 {margin-left: 96px;}
	.zml7 {margin-left: 112px;}
	.zml8 {margin-left: 128px;}
	.zml9 {margin-left: 144px;}
	.zml10 {margin-left: 160px;}

/* ZGrid - Padding all */
	.zp1 {padding: 16px;}
	.zp2 {padding: 32px;}
	.zp3 {padding: 48px;}
	.zp4 {padding: 64px;}
	.zp5 {padding: 80px;}
	.zp6 {padding: 96px;}
	.zp7 {padding: 112px;}
	.zp8 {padding: 128px;}
	.zp9 {padding: 144px;}
	.zp10 {padding: 160px;}
/* ZGrid - Padding top */
	.zpt1 {padding-top: 16px;}
	.zpt2 {padding-top: 32px;}
	.zpt3 {padding-top: 48px;}
	.zpt4 {padding-top: 64px;}
	.zpt5 {padding-top: 80px;}
	.zpt6 {padding-top: 96px;}
	.zpt7 {padding-top: 112px;}
	.zpt8 {padding-top: 128px;}
	.zpt9 {padding-top: 144px;}
	.zpt10 {padding-top: 160px;}
/* ZGrid - Padding right */
	.zpr1 {padding-right: 16px;}
	.zpr2 {padding-right: 32px;}
	.zpr3 {padding-right: 48px;}
	.zpr4 {padding-right: 64px;}
	.zpr5 {padding-right: 80px;}
	.zpr6 {padding-right: 96px;}
	.zpr7 {padding-right: 112px;}
	.zpr8 {padding-right: 128px;}
	.zpr9 {padding-right: 144px;}
	.zpr10 {padding-right: 160px;}
/* ZGrid - Padding bottom */
	.zpb1 {padding-bottom: 16px;}
	.zpb2 {padding-bottom: 32px;}
	.zpb3 {padding-bottom: 48px;}
	.zpb4 {padding-bottom: 64px;}
	.zpb5 {padding-bottom: 80px;}
	.zpb6 {padding-bottom: 96px;}
	.zpb7 {padding-bottom: 112px;}
	.zpb8 {padding-bottom: 128px;}
	.zpb9 {padding-bottom: 144px;}
	.zpb10 {padding-bottom: 160px;}
/* ZGrid - Padding left */
	.zpl1 {padding-left: 16px;}
	.zpl2 {padding-left: 32px;}
	.zpl3 {padding-left: 48px;}
	.zpl4 {padding-left: 64px;}
	.zpl5 {padding-left: 80px;}
	.zpl6 {padding-left: 96px;}
	.zpl7 {padding-left: 112px;}
	.zpl8 {padding-left: 128px;}
	.zpl9 {padding-left: 144px;}
	.zpl10 {padding-left: 160px;}