body {
    font-size: 100%;
}

.grid {
    width: 1180px;
}

.row {position:relative; margin-left:-20px;}
.gu1 .row {width: 100px;}
.gu2 .row {width: 200px;}
.gu3 .row {width: 300px;}
.gu4 .row {width: 400px;}
.gu5 .row {width: 500px;}
.gu6 .row {width: 600px;}
.gu7 .row {width: 700px;}
.gu8 .row {width: 800px;}
.gu9 .row {width: 900px;}
.gu10 .row {width: 1000px;}
.gu11 .row {width: 1100px;}
.gu12 .row {width: 1200px;}

.col {padding-left:20px; float:left; position:relative;}
.gu1{width: 80px;}
.gu2{width: 180px;}
.gu3{width: 280px;}
.gu4{width: 380px;}
.gu5{width: 480px;}
.gu6{width: 580px;}
.gu7{width: 680px;}
.gu8{width: 780px;}
.gu9{width: 880px;}
.gu10{width: 980px;}
.gu11{width: 1080px;}
.gu12{width: 1180px;}

/* template */

.logo {
    width: 160px;
    height: 160px;
}