.blockcontainer {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}
.row {margin-bottom:20px; clear:both;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12, .column13, .column14, .column15, .column16 {
    display:inline;
    float:left;
    margin-left:10px;
    margin-right:10px;
}

.container4, .container8{float:left}

.marginLeft {margin-left:0;}
.marginRight {margin-right:0;}

.blockcontainer .column1 {width:75px;}
.blockcontainer .column2 {width:170px;}
.blockcontainer .column3 {width:265px;}
.blockcontainer .column4 {width:360px;}
.blockcontainer .column5 {width:455px;}
.blockcontainer .column6 {width:550px;}
.blockcontainer .column7 {width:645px;}
.blockcontainer .column8 {width:740px;}
.blockcontainer .column9 {width:835px;}
.blockcontainer .column10 {width:930px;}
.blockcontainer .column11 {width:1025px;}
.blockcontainer .column12 {width:1120px;}

.blockcontainer .container4{max-width:380px;}
.blockcontainer .container8{max-width:760px;}


@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .blockcontainer {width:960px;}
    
    .blockcontainer .column1 {width:60px;}
    .blockcontainer .column2 {width:140px;}
    .blockcontainer .column3 {width:220px;}
    .blockcontainer .column4 {width:300px;}
    .blockcontainer .column5 {width:380px;}
    .blockcontainer .column6 {width:460px;}
    .blockcontainer .column7 {width:540px;}
    .blockcontainer .column8 {width:620px;}
    .blockcontainer .column9 {width:700px;}
    .blockcontainer .column10 {width:780px;}
    .blockcontainer .column11 {width:860px;}
    .blockcontainer .column12 {width:940px;}
	
	.blockcontainer .container4{max-width:320px;}
	.blockcontainer .container8{max-width:640px;}

}



@media only screen and (min-width: 480px) and (max-width: 959px) {
    .blockcontainer {width:420px;}
    
    .blockcontainer .column1,
    .blockcontainer .column2,
    .blockcontainer .column3,
    .blockcontainer .column4,
    .blockcontainer .column5,
    .blockcontainer .column6,
    .blockcontainer .column7,
    .blockcontainer .column8,
    .blockcontainer .column9,
    .blockcontainer .column10,
    .blockcontainer .column11,
    .blockcontainer .column12{margin:0 0 20px 0; width:420px;}
    }


@media only screen and (max-width: 479px) {
    .blockcontainer {width:300px;}
    
    .blockcontainer .column1,
    .blockcontainer .column2,
    .blockcontainer .column3,
    .blockcontainer .column4,
    .blockcontainer .column5,
    .blockcontainer .column6,
    .blockcontainer .column7,
    .blockcontainer .column8,
    .blockcontainer .column9,
    .blockcontainer .column10,
    .blockcontainer .column11,
    .blockcontainer .column12{margin:0 0 20px 0;  width:300px; }
    }


.clearfix:before, .clearfix:after,
.row:before, .row:after,
.blockcontainer:before, .blockcontainer:after{clear:both; content:"."; display:table; height:0; font-size:0; line-height:0; visibility:hidden;}
.
row:after, .clearfix:after, .blockcontainer:after, .container16:after {clear:both;}

/* For IE 6/7 (trigger hasLayout) */
.clearfix, .row, .blockcontainer {zoom: 1;}


.clear {  clear:both; display:block; height:0;overflow:hidden;visibility:hidden;width:0;}

img, object, embed {max-width:100%;}
img {height:auto;}