body {
    overflow: auto;
    margin: 0px;
}

.column-12 {
    width: 1000px;
    margin-left: 10px;
    float: center;
}

/*defined column sizes */

.column-1,
.column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9,
.column-10,
.column-11 {
    margin-left: 10px;
    float: left;
    padding: 2px 0px 2px 0px;
}

.column-11 {
    width: 915px;
}

.column-10 {
    width: 830px;
}

.column-9 {
    width: 745px;
}

.column-8 {
    width: 660px;
}

.column-7 {
    width: 575px;
}
.column-6 {
    width: 490px;
}

.column-5 {
    width: 405px;
}

.column-4 {
    width: 320px;
}

.column-3 {
    width: 235px;
}

.column-2 {
    width: 150px;
}

.column-1 {
    width: 65px;
}

/* empty space before the column */

.before-1,
.before-2,
.before-3,
.before-4,
.before-5,
.before-6,
.before-7,
.before-8,
.before-9,
.before-10,
.before-11 {
    float: left;
}

.before-1 {
    margin-left: 95px;
    
}

.before-2 {
    margin-left: 180px;
}

.before-3 {
    margin-left: 265px;
}

.before-4 {
    margin-left: 350px;
}

.before-5 {
    margin-left: 425px;
}

.before-6 {
    margin-left: 520px;
}

.before-7 {
    margin-left: 605px;
}

.before-8 {
    margin-left: 690px;
}

.before-9 {
    margin-left: 775px;
}

.before-10 {
    margin-left: 860px;
}

.before-11 {
    margin-left: 945px;
}




.content-block {
    padding: 5px 0px;
    float: left;
    overflow: auto;
    margin: 0px 10px;
    
}

.s12, .s11, .s10,
.s9, .s8,
.s7, .s6,
.s5, .s4,
.s3, .s2 {
    float: left;
}

.s12 .c1 {
    width: 980px;
}
.s12 .c2 {
    width: 480px;
}
.s12 .c3 {
    width: 312px; 
}
.s12 .c4 {
    width: 229px;
}
.s11 .c1 {
    width: 895px
}
.s11 .c2 {
    width: 437.5px;
}
.s11 .c3 {
    width: 285px;
}
.s11 .c4 {
    width: 208.75px;
}
.s10 .c1 {
    width: 810px;
}
.s10 .c2 {
    width: 395px;
}
.s10 .c3 {
    width: 256.6px;
}
.s10 .c4 {
    width: 187.5px;
}
.s9 .c1 {
    width: 725px;
}
.s9 .c2 {
    width: 352.5px;
}
.s9 .c3 {
    width: 228.3px;
}
.s9 .c4 {
    width: 166.25px;
}
.s8 .c1 {
    width: 640px;
}
.s8 .c2 {
    width: 310px;
}
.s8 .c3 {
    width: 200px;
}
.s8 .c4 {
    width: 145px;
}
.s7 .c1 {
    width: 555px;
}
.s7 .c2 {
    width: 267.5px;
}
.s7 .c3 {
    width: 171.6px;
}
.s7 .c4 {
    width: 123.75px;
}
.s6 .c1 {
    width: 470px;
}
.s6 .c2 {
    width: 225px;
}
.s6 .c3 {
    width: 143.3px;
}
.s6 .c4 {
    width: 102.5px;
}
.s5 .c1 {
    width: 385px;
}
.s5 .c2 {
    width: 182.5px;
}
.s5 .c3 {
    width: 115px;
}
.s4 .c1 {
    width: 300px
}
.s4 .c2 {
    width: 160px;
}
.s3 .c1 {
    width: 215px;
}
.s3 .c2 {
    width: 97.5px;
}
.s2 .c1 {
    width: 130px;
}
.s2 .c2 {
    width: 55px;
}
.s1 .c1 {
    width: 45px;
}

.section {
    margin: 0px auto;
    padding: 5px 0px;
    overflow: auto;
    width: 1020px;
}
.section.no-wings {
    width: auto;
}
.section.white {
    background: #fff;
}


/* s(x) is the size of the block that is being inserted into the code */

.block {
    display: inline-block;
    overflow: auto;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px 0px;
    min-height: 1px;    
}

.overflow-visible.section,
.overflow-visible.row,
.overflow-visible .row,
.overflow-visible.block,
.overflow-visible .block,
.overflow-visible .content-block {
    overflow: visible;
}
.overflow-hidden.section,
.overflow-hidden.row,
.overflow-hidden .row,
.overflow-hidden.block,
.overflow-hidden .block,
.overflow-hidden .content-block {
    overflow: hiddene;
}



.block.s1 {
    width: 65px;
}
.block.s2 {
    width: 150px;
}
.block.s3 {
    width: 235px;
}
.block.s4 {
    width: 320px;
}
.block.s5 {
    width: 405px;
}
.block.s6 {
    width: 490px;
}
.block.s7 {
    width: 575px;
}
.block.s8 {
    width: 660px;
}
.block.s9 {
    width: 745px;
}
.block.s10 {
    width: 830px;
}
.block.s11 {
    width: 915px;
}
.block.s12 {
    width: 1000px;
}

.row {
    clear: both;
    overflow: auto;
}
