/* Thin 30px columns with no margins to either strat a row or end a row */

div.thin-1, div.thin-2, div.thin-3, div.thin-4, div.thin-5, div.thin-6, div.thin-7, div.thin-8, div.thin-9, div.thin-10, div.thin-11, div.thin-12, div.thin-13, div.thin-14, div.thin-15, div.thin-16, div.thin-17, div.thin-18, div.thin-19, div.thin-20, div.thin-21, div.thin-22, div.thin-23, div.thin-24 {float:left;margin-right:0px;}

.thin-1 {
	width: 30px; margin-right:0;
}
.thin-2 {
	width: 70px; margin-right:0;
}
.thin-3 {
	width: 110px; margin-right:0;
}
.thin-4 {
	width: 150px; margin-right:0;
}
.thin-5 {
	width: 190px; margin-right:0;
}
.thin-6 {
	width: 230px; margin-right:0;
}
.thin-7 {
	width: 270px; margin-right:0;
}
.thin-8 {
	width: 310px; margin-right:0;
}
.thin-9 {
	width: 350px; margin-right:0;
}
.thin-10 {
	width: 390px; margin-right:0;
}
.thin-11 {
	width: 430px; margin-right:0;
}
.thin-12 {
	width: 470px; margin-right:0;
}
.thin-13 {
	width: 510px; margin-right:0;
}
.thin-14 {
	width: 550px; margin-right:0;
}				
.thin-15 {
	width: 590px; margin-right:0;
}
.thin-16 {
	width: 630px; margin-right:0;
}
.thin-17{
	width: 650px; margin-right:0;
}
.thin-18 {
	width: 710px; margin-right:0;
}
.thin-19 {
	width: 750px; margin-right:0;
}
.thin-20 {
	width: 790px; margin-right:0;
}
.thin-21 {
	width: 830px; margin-right:0;
}
.thin-22 {
	width: 870px; margin-right:0;
}
.thin-23 {
	width: 9100px; margin-right:0;
}
.thin-24 {
	width: 950px; margin-right:0;
}

/* Wide columns that are multiples of 40 with no margins */

div.wide-1, div.wide-2, div.wide-3, div.wide-4, div.wide-5, div.wide-6, div.wide-7, div.wide-8, div.wide-9, div.wide-10, div.wide-11, div.wide-12, div.wide-13, div.wide-14, div.wide-15, div.wide-16, div.wide-17, div.wide-18, div.wide-19, div.wide-20, div.wide-21, div.wide-22, div.wide-23, div.wide-24 {float:left;margin-right:0px;}

.wide-1 {
	width: 40px; margin-right:0;
}
.wide-2 {
	width: 80px; margin-right:0;
}
.wide-3 {
	width: 120px; margin-right:0;
}
.wide-4 {
	width: 160px; margin-right:0;
}
.wide-5 {
	width: 200px; margin-right:0;
}
.wide-6 {
	width: 240px; margin-right:0;
}
.wide-7 {
	width: 280px; margin-right:0;
}
.wide-8 {
	width: 320px; margin-right:0;
}
.wide-9 {
	width: 360px; margin-right:0;
}
.wide-10 {
	width: 400px; margin-right:0;
}
.wide-11 {
	width: 440px; margin-right:0;
}
.wide-12 {
	width: 480px; margin-right:0;
}
.wide-13 {
	width: 520px; margin-right:0;
}
.wide-14 {
	width: 560px; margin-right:0;
}				
.wide-15 {
	width: 600px; margin-right:0;
}
.wide-16 {
	width: 640px; margin-right:0;
}
.wide-17 {
	width: 680px; margin-right:0;
}
.wide-18 {
	width: 720px; margin-right:0;
}
.wide-19 {
	width: 760px; margin-right:0;
}
.wide-20 {
	width: 800px; margin-right:0;
}
.wide-21 {
	width: 840px; margin-right:0;
}
.wide-22 {
	width: 880px; margin-right:0;
}
.wide-23 {
	width: 920px; margin-right:0;
}
.wide-24 {
	width: 960px; margin-right:0;
}


/* Extra wide columns that are multiples of 50 with no margins */

div.extra-wide-1, div.extra-wide-2, div.extra-wide-3, div.extra-wide-4, div.extra-wide-5, div.extra-wide-6, div.extra-wide-7, div.extra-wide-8, div.extra-wide-9, div.extra-wide-10, div.extra-wide-11, div.extra-wide-12, div.extra-wide-13, div.extra-wide-14, div.extra-wide-15, div.extra-wide-16, div.extra-wide-17, div.extra-wide-18, div.extra-wide-19, div.extra-wide-20, div.extra-wide-21, div.extra-wide-22, div.extra-wide-23, div.extra-wide-24 {float:left;margin-right:0px;}

.extra-wide-1 {
	width: 50px; margin-right:0;
}
.extra-wide-2 {
	width: 90px; margin-right:0;
}
.extra-wide-3 {
	width: 130px; margin-right:0;
}
.extra-wide-4 {
	width: 170px; margin-right:0;
}
.extra-wide-5 {
	width: 210px; margin-right:0;
}
.extra-wide-6 {
	width: 200px; margin-right:0;
}
.extra-wide-7 {
	width: 290px; margin-right:0;
}
.extra-wide-8 {
	width: 330px; margin-right:0;
}
.extra-wide-9 {
	width: 370px; margin-right:0;
}
.extra-wide-10 {
	width: 410px; margin-right:0;
}
.extra-wide-11 {
	width: 450px; margin-right:0;
}
.extra-wide-12 {
	width: 490px; margin-right:0;
}
.extra-wide-13 {
	width: 530px; margin-right:0;
}
.extra-wide-14 {
	width: 570px; margin-right:0;
}				
.extra-wide-15 {
	width: 610px; margin-right:0;
}
.extra-wide-16 {
	width: 650px; margin-right:0;
}
.extra-wide-17 {
	width: 690px; margin-right:0;
}
.extra-wide-18 {
	width: 730px; margin-right:0;
}
.extra-wide-19 {
	width: 770px; margin-right:0;
}
.extra-wide-20 {
	width: 810px; margin-right:0;
}
.extra-wide-21 {
	width: 850px; margin-right:0;
}
.extra-wide-22 {
	width: 890px; margin-right:0;

}
.extra-wide-23 {
	width: 930px; margin-right:0;
}
.extra-wide-24 {
width: 970px; margin-right:0;
}

/* here are vertical measures for easy calling */

.vertical-1 {min-height: 18px; height: 18px;}
.vertical-2 {min-height: 36px; height: 36px;}
.vertical-3 {min-height: 54px; height: 54px;}
.vertical-4 {min-height: 72px; height: 72px;}
.vertical-5 {min-height: 90px; height: 90px;}
.vertical-6 {min-height: 108px; height: 108px;}
.vertical-7 {min-height: 126px; height: 126px;}
.vertical-8 {min-height: 144px; height: 144px;}
.vertical-9 {min-height: 162px; height: 162px;}
.vertical-10 {min-height: 180px; height: 180px;}
.vertical-11 {min-height: 198px; height: 198px;}
.vertical-12 {min-height: 216px; height: 216px;}
.vertical-13 {min-height: 234px; height: 234px;}
.vertical-14 {min-height: 252px; height: 252px;}
.vertical-15 {min-height: 270px; height: 270px;}
.vertical-16 {min-height: 288px; height: 288px;}
.vertical-17 {min-height: 306px; height: 306px;}
.vertical-18 {min-height: 324px; height: 324px;}
.vertical-19 {min-height: 342px; height: 342px;}
.vertical-20 {min-height: 360px; height: 360px;}
.vertical-21 {min-height: 378px; height: 378px;}
.vertical-22 {min-height: 396px; height: 396px;}
.vertical-23 {min-height: 414px; height: 414px;}
.vertical-24 {min-height: 432px; height: 432px;}
.vertical-25 {min-height: 450px; height: 450px;}
.vertical-26 {min-height: 468px; height: 468px;}
.vertical-27 {min-height: 486px; height: 486px;}
.vertical-28 {min-height: 504px; height: 504px;}
.vertical-29 {min-height: 522px; height: 522px;}
.vertical-30 {min-height: 540px; height: 540px;}
.vertical-31 {min-height: 558px; height: 558px;}
.vertical-32 {min-height: 576px; height: 576px;}
.vertical-33 {min-height: 594px; height: 594px;}
.vertical-34 {min-height: 612px; height: 612px;}
.vertical-35 {min-height: 630px; height: 630px;}
.vertical-36 {min-height: 648px; height: 648px;}

.vertical-37 {min-height: 666px; height: 666px;}/* AWESOME \m/ \m/ */

.vertical-38 {min-height: 684px; height: 684px;}
.vertical-39 {min-height: 702px; height: 702px;}
.vertical-40 {min-height: 720px; height: 720px;}
.vertical-41 {min-height: 738px; height: 738px;}
.vertical-42 {min-height: 756px; height: 756px;}
.vertical-43 {min-height: 774px; height: 774px;}
.vertical-44 {min-height: 792px; height: 792px;}
.vertical-45 {min-height: 810px; height: 810px;}
.vertical-46 {min-height: 828px; height: 828px;}
.vertical-47 {min-height: 846px; height: 846px;}
.vertical-48 {min-height: 864px; height: 864px;}
.vertical-49 {min-height: 882px; height: 882px;}
.vertical-50 {min-height: 900px; height: 900px;}

/* KEEP THESE HERE TO MAKE IE HACK WORK */ 
html > body div.vertical-1, html > body div.vertical-2, html > body div.vertical-3, html > body div.vertical-4, html > body div.vertical-5, html > body div.vertical-6, html > body div.vertical-7, html > body div.vertical-8, html > body div.vertical-9, html > body div.vertical-10, html > body div.vertical-11, html > body div.vertical-12, html > body div.vertical-13, html > body div.vertical-14, html > body div.vertical-15, html > body div.vertical-16, html > body div.vertical-17, html > body div.vertical-18, html > body div.vertical-19, html > body div.vertical-20, html > body div.vertical-21, html > body div.vertical-22, html > body div.vertical-23, html > body div.vertical-24, html > body div.vertical-25, html > body div.vertical-26, html > body div.vertical-27, html > body div.vertical-28, html > body div.vertical-29, html > body div.vertical-30, html > body div.vertical-31, html > body div.vertical-32, html > body div.vertical-33, html > body div.vertical-34, html > body div.vertical-35, html > body div.vertical-36, html > body div.vertical-37, html > body div.vertical-38, html > body div.vertical-39, html > body div.vertical-40, html > body div.vertical-41, html > body div.vertical-42, html > body div.vertical-43, html > body div.vertical-44, html > body div.vertical-45, html > body div.vertical-46, html > body div.vertical-47, html > body div.vertical-48, html > body div.vertical-49, html > body div.vertical-50 {
	height: auto;
}