/* 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;}