/* 24 COLUMN FIXED WIDTH 960px */

/* GRIDS MAIN */
.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12,
.g13, .g14, .g15, .g16, .g17, .g18, .g19, .g20, .g21, .g22, .g23, .g24 {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}

/* GRIDS */
.g1 {width: 30px;}
.g2 {width: 70px;}
.g3 {width: 110px;}
.g4 {width: 150px;}
.g5 {width: 190px;}
.g6 {width: 230px;}
.g7 {width: 270px;}
.g8 {width: 310px;}
.g9 {width: 350px;}
.g10 {width: 390px;}
.g11 {width: 430px;}
.g12 {width: 470px;}
.g13 {width: 510px;}
.g14 {width: 550px;}
.g15 {width: 590px;}
.g16 {width: 630px;}
.g17 {width: 670px;}
.g18 {width: 710px;}
.g19 {width: 750px;}
.g20 {width: 790px;}
.g21 {width: 830px;}
.g22 {width: 870px;}
.g23 {width: 910px;}
.g24 {width: 950px;}

/* PREFIX */
.p1 {padding-left: 40px;}
.p2 {padding-left: 80px;}
.p3 {padding-left: 120px;}
.p4 {padding-left: 160px;}
.p5 {padding-left: 200px;}
.p6 {padding-left: 240px;}
.p7 {padding-left: 280px;}
.p8 {padding-left: 320px;}
.p9 {padding-left: 360px;}
.p10 {padding-left: 400px;}
.p11 {padding-left: 440px;}
.p12 {padding-left: 480px;}
.p13 {padding-left: 520px;}
.p14 {padding-left: 560px;}
.p15 {padding-left: 600px;}
.p16 {padding-left: 640px;}
.p17 {padding-left: 680px;}
.p18 {padding-left: 720px;}
.p19 {padding-left: 760px;}
.p20 {padding-left: 800px;}
.p21 {padding-left: 840px;}
.p22 {padding-left: 880px;}
.p23 {padding-left: 920px;}

/* SUFFIX */
.s1 {padding-right: 40px;}
.s2 {padding-right: 80px;}
.s3 {padding-right: 120px;}
.s4 {padding-right: 160px;}
.s5 {padding-right: 200px;}
.s6 {padding-right: 240px;}
.s7 {padding-right: 280px;}
.s8 {padding-right: 320px;}
.s9 {padding-right: 360px;}
.s10 {padding-right: 400px;}
.s11 {padding-right: 440px;}
.s12 {padding-right: 480px;}
.s13 {padding-right: 520px;}
.s14 {padding-right: 560px;}
.s15 {padding-right: 600px;}
.s16 {padding-right: 640px;}
.s17 {padding-right: 680px;}
.s18 {padding-right: 720px;}
.s19 {padding-right: 760px;}
.s20 {padding-right: 800px;}
.s21 {padding-right: 840px;}
.s22 {padding-right: 880px;}
.s23 {padding-right: 920px;}

/* PUSH*/
.push1 {left: 40px;}
.push2 {left: 80px;}
.push3 {left: 120px;}
.push4 {left: 160px;}
.push5 {left: 200px;}
.push6 {left: 240px;}
.push7 {left: 280px;}
.push8 {left: 320px;}
.push9 {left: 360px;}
.push10 {left: 400px;}
.push11 {left: 440px;}
.push12 {left: 480px;}
.push13 {left: 520px;}
.push14 {left: 560px;}
.push15 {left: 600px;}
.push16 {left: 640px;}
.push17 {left: 680px;}
.push18 {left: 720px;}
.push19 {left: 760px;}
.push20 {left: 800px;}
.push21 {left: 840px;}
.push22 {left: 880px;}
.push23 {left: 920px;}

/* PULL */
.pull1 {left: -40px;}
.pull2 {left: -80px;}
.pull3 {left: -120px;}
.pull4 {left: -160px;}
.pull5 {left: -200px;}
.pull6 {left: -240px;}
.pull7 {left: -280px;}
.pull8 {left: -320px;}
.pull9 {left: -360px;}
.pull10 {left: -400px;}
.pull11 {left: -440px;}
.pull12 {left: -480px;}
.pull13 {left: -520px;}
.pull14 {left: -560px;}
.pull15 {left: -600px;}
.pull16 {left: -640px;}
.pull17 {left: -680px;}
.pull18 {left: -720px;}
.pull19 {left: -760px;}
.pull20 {left: -800px;}
.pull21 {left: -840px;}
.pull22 {left: -880px;}
.pull23 {left: -920px;}