* {
margin: 0;
padding: 0;
}


/* -------------- G R I D -------------- */

.grid_1 {
width: 40px;
}

.grid_2 {
width: 80px;
}

.grid_3 {
width: 120px;
}

.grid_4 {
width: 160px;
}

.grid_5 {
width: 200px;
}

.grid_6 {
width: 240px;
}

.grid_7 {
width: 280px;
}

.grid_8 {
width: 320px;
}

.grid_9 {
width: 360px;
}

.grid_10 {
width: 400px;
}

.grid_11 {
width: 440px;
}

.grid_12 {
width: 480px;
}

.grid_13 {
width: 520px;
}

.grid_14 {
width: 560px;
}

.grid_15 {
width: 600px;
}

grid_5 {
width: 200px;
}

.grid_6 {
width: 240px;
}

.grid_7 {
width: 280px;
}

.grid_8 {
width: 320px;
}

.grid_9 {
width: 360px;
}

.grid_11 {
width: 400px;
}

.grid_12 {
width: 440px;
}

.grid_13 {
width: 480px;
}

.grid_13 {
width: 520px;
}

.grid_14 {
width: 560px;
}

.grid_15 {
width: 600px;
}

grid_16 {
width: 640px;
}

.grid_17 {
width: 680px;
}


.grid_18 {
width: 720px;
}

.grid_19 {
width: 760px;
}

.grid_20 {
width: 800px;
}

.grid_21 {
width: 840px;
}

.grid_22 {
width: 880px;
}

.grid_23 {
width: 920px;
}

.grid_24 {
width: 960px;
}

/* -------------- G R I D_P A D -------------- */

.grid_pad10_1 {
width: 20px;
padding: 10px;
}

.grid_pad10_2 {
width: 60px;
padding: 10px;
}

.grid_pad10_3 {
width: 100px;
padding: 10px;
}

.grid_pad10_4 {
width: 140px;
padding: 10px;
}

.grid_pad10_5 {
width: 180px;
padding: 10px;
}

.grid_pad10_6 {
width: 220px;
padding: 10px;
}

.grid_pad10_7 {
width: 260px;
padding: 10px;
}

.grid_pad10_8 {
width: 300px;
padding: 10px;
}

.grid_pad10_9 {
width: 340px;
padding: 10px;
}

.grid_pad10_10 {
width: 380px;
padding: 10px;
}

.grid_pad10_11 {
width: 420px;
padding: 10px;
}

.grid_pad10_12 {
width: 460px;
padding: 10px;
}

.grid_pad10_13 {
width: 500px;
padding: 10px;
}

.grid_pad10_14 {
width: 540px;
padding: 10px;
}

.grid_pad10_15 {
width: 580px;
padding: 10px;
}

.grid_pad10_16 {
width: 620px;
padding: 10px;
}

.grid_pad10_17 {
width: 660px;
padding: 10px;
}

.grid_pad10_18 {
width: 700px;
padding: 10px;
}

.grid_pad10_19 {
width: 740px;
padding: 10px;
}

.grid_pad10_20 {
width: 780px;
padding: 10px;
}

.grid_pad10_21 {
width: 820px;
padding: 10px;
}

.grid_pad10_22 {
width: 860px;
padding: 10px;
}

.grid_pad10_23 {
width: 900px;
padding: 10px;
}

.grid_pad10_24 {
width: 940px;
padding: 10px;
}







/* -------------- H O R I Z O N T A L   S K I P S --------------  */

.skip_half {
width: 20px;
height: 1px;
}


.skip_1 {
width: 40px;
height: 1px;
}

.skip_2 {
width: 80px;
height: 1px;
}

.skip_3 {
width: 120px;
height: 1px;
}

.skip_4 {
width: 160px;
height: 1px;
}

.skip_5 {
width: 200px;
height: 1px;
}

.skip_6 {
width: 240px;
height: 1px;
}

.skip_7 {
width: 280px;
height: 1px;
}

.skip_8 {
width: 320px;
height: 1px;
}

.skip_9 {
width: 360px;
height: 1px;
}

.skip_10 {
width: 400px;
height: 1px;
}

.skip_11 {
width: 440px;
height: 1px;
}

.skip_12 {
width: 480px;
height: 1px;
}

.skip_13 {
width: 520px;
height: 1px;
}

.skip_14 {
width: 560px;
height: 1px;
}

.skip_15 {
width: 600px;
height: 1px;
}

.skip_16 {
width: 640px;
height: 1px;
}

.skip_17 {
width: 680px;
height: 1px;
}

.skip_18 {
width: 720px;
height: 1px;
}

.skip_19 {
width: 760px;
height: 1px;
}

.skip_20 {
width: 800px;
height: 1px;
}

.skip_21 {
width: 840px;
height: 1px;
}

.skip_22 {
width: 880px;
height: 1px;
}

.skip_23 {
width: 920px;
height: 1px;
}

.skip_24 {
width: 960px;
height: 1px;
}



/* -------------- V E R T I C A L   S K I P S --------------  */

.vskip_12{
height: 12px;
}

.vskip_20{
height: 20px;
}


.vskip_24{
height: 24px;
}

.vskip_40{
height: 40px;
}


/* -------------- H E I G H T S --------------  */

.height_40{
height: 40px;
}

.height_80{
height: 80px;
}

.height_120{
height: 120px;
}




/* -------------- C O L O U R S --------------  */

.bg_black {
background-color: #000000;
}

.bg_white {
background-color: #aaaaaa;
}

.bg_grey {
background-color: #aaaaaa;
}

.bg_red {
background-color: #e3706a;
}

.bg_brown {
background-color: #7e6718;
}

.bg_cream {
background-color: #ede2be;
}


.black {
color: #000000;
}

.grey {
color: #aaaaaa;
}

.bg_red {
color: #e3706a;
}

.white {
color: #FFFFFF;
}

.black {
color: #000000;
}

.red {
color: #e3706a;
}

.cream {
color: #ede2be;
}

.taupe1 {
color: #e5e5bd;
}

.taupe2 {
color: #c2c29c;
}

.taupe3 {
color: #9e9e75;
}

.green1 {
color: #a5ff00;
}

.green2 {
color: #246244;
}

.green3 {
color: #242417;
}

.bg_taupe1 {
background-color: #e5e5bd;
}

bg.taupe2 {
background-color: #c2c29c;
}

.bg_taupe3 {
background-color: #9e9e75;
}

.bg_green1 {
background-color: #a5ff00;
}

.bg_green2 {
background-color: #246244;
}

.bg_green3 {
background-color: #242417;
}


.turquoise {
color: #ede2be;
}
.bg_turquoise {
background-color: #ede2be;
}

.bg_gray1 {
background-color: #aaaaaa;
}

.bg_gray2 {
background-color: #797979;
}

.bg_gray3 {
background-color: #434343;
}

.bg_gray4 {
background-color: #313131;
}

.gray1 {
color: #aaaaaa;
}

.gray2 {
color: #797979;
}

.gray3 {
color: #434343;
}

.gray4 {
color: #313131;
}

.red1 {
color: #975516;
}

.bg_red1 {
background-color: #975516;
}


.red2 {
color: #7c4410;
}

.bg_red2 {
background-color: #7c4410;
}

.sage1 {
color: #ebf0eb;
}

.bg_sage1 {
background-color: #ebf0eb;
}

.sage2 {
color: #d2ddd2;
}

.bg_sage2 {
background-color: #d2ddd2;
}

.orange1 {
color: #f2841b;
}

.bg_orange1 {
color: #f2841b;
}




/* -------------- B O R D E R S --------------  */

.border_t_1 {
border-top: 1px black;
}

.border_t_8 {
border-top: 8px black;
}




/* -------------- F L O A T S --------------  */

.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}


/* -------------- A L I G N M E N T --------------  */

.center {
margin: 0 auto 0 auto;
}

.align_center {
margin: 0 auto 0 auto;
}

.align_left {
text-align: left;
margin: 0 0 0 0 ;
}

.align_right {
text-align: left;
margin: 0 0 0 0 ;
}

.margin_bottom_30 {
margin-bottom: 30px;
}


.margin_bottom_20 {
margin-bottom: 20px;
}

.margin_bottom_10 {
margin-bottom: 10px;}


.margin_bottom_5 {
margin-bottom: 5px;

}



/* -------------- B O R D E R S --------------  */

.border_top {
border-top: solid 1px #FFFFFF;
}

.border_bottom {
border-bottom: solid 1px #FFFFFF;
}

.border_full {
border: solid 1px #cccccc;
}

.border_34 {
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;

}

.border_50 {
border-top: solid 1px #aaaaaa;
border-left: solid 1px #aaaaaa;
}





/* -------------- P A D D I N G --------------  */

.top_pad_10 {
padding-top: 10px;
}

.left_pad_10 {
padding-left: 10px;
}










}