﻿.columnWrapper
{
    
}

.column
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.red
{
    float: left;
	background-color: red;
}

.spanOne
{
    /* 30 */
    width: 30px;
}
.spanTwo
{
    /* 30 + 10 + 30 */
    width: 70px;
}
.spanThree
{
    /* 30 + 10 + 30 + 10 + 30 */
    width: 110px;
}
.spanFour
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 */
    width: 150px;
}
.spanFive
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30 */
    width: 190px;
}
.spanSix
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30 */
    width: 230px;
}
.spanSeven
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 270px;
}
.spanEight
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 310px;
}
.spanNine
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 350px;
}
.spanTen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 390px;
}
.spanEleven
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 430px;
}
.spanTwelve
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 470px;
}
.spanThirteen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 510px;
}
.spanFourteen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 550px;
}
.spanFifteen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 590px;
}
.spanSixteen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 630px;
}
.spanSeventeen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 */
    width: 670px;
}
.spanEighteen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 + 10 + 30 */
    width: 710px;
}
.spanNineteen
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 + 10 + 30 + 10 + 30  */
    width: 750px;
}
.spanTwenty
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  */
    width: 790px;
}
.spanTwentyOne
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 830px;
}
.spanTwentyTwo
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 870px;
}
.spanTwentyThree
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 910px;
}
.spanTwentyFour
{
    /* 30 + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30 + 10 + 30 + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  + 10 + 30  */
    width: 950px;
}



.clearFix
{
    clear: both;
}

.column
{
}

