Top
Home

body {
background-color: #fff;
}
body, div, p {
color: #000;
margin: 0 0;
padding: 0 0;
}

#container{
margin-left: auto;
margin-right: auto;
width: 960px;
height: 560px;
background-image: url(http://mooseloose.com/gridbg.jpg); /* Design Helpler. Delete */
background-size: 100%; /* Design Helpler. Delete */
}

.twenty{width: 20%;height:auto} .twentyfive{width: 25%;height:auto} .thirty{width: 30%;height:auto} .thirtyfive{width: 35%;height:auto} .forty{width: 40%;height:auto} .fortyfive{width: 45%;height:auto} .fifty{width: 50%;height:auto} .fiftyfive{width: 55%;height:auto} .sixty{width: 60%;height:auto} .sixtyfive{width: 65%;height:auto} .seventy{width: 70%;height:auto} .seventyfive{width: 75%;height:auto} .eighty{width: 80%;height:auto} .eightyfive{width: 85%;height:auto} .ninty{width: 90%;height:auto} .nintyfive{width: 95%;height:auto} .onehundred{width: 100%;height:auto}
._01,._02,._03,._04,._05,._06,._07,._09,._08,._10,._11,._12 {
   text-align: left;
   display: inline;
   float: left;
}

._01 {
   width: 8.33333%;
}
._02 {
   width: 16.66666666%;
}
._03 {
   width: 25.0%;
}
._04 {
   width: 33.333%;
}
._05 {
   width: 41.666666%;
}
._06 {
   width: 50.00%;
}
._07 {
   width: 58.33333%;
}
._08 {
   width: 66.666666%;
}
._09 {
   width: 75%;
}
._10 {
   width: 83.333%;
}
._11 {
   width: 91.666%;
}
._12 {
   width: 100%;
}
.nested {
   margin: 5px;
   border:1px dotted #ccc;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
   ._01,._02,._03,._04,._05,._06,._07,._09,._08,._10,._11,._12 {
   display: block;
   float: none;
   min-width: 100%;
}
}