html, body {margin:0; padding:0; height:100%; overflow:hidden;}
.row1, 
.row2, 
.row3,
.row1 div,
.row2 div,
.row3 div {float:left; width:100%; height:100%; overflow:hidden;}
.row1{height:70%; background:#00C}  	
.row1 div {width:14.25%;} 						
.row1 .bar1{background:#CCC}
.row1 .bar2{background:#CC0}
.row1 .bar3{background:#0CC}
.row1 .bar4{background:#0C0}
.row1 .bar5{background:#C0C}
.row1 .bar6{background:#C00}

.row2{height:10%; background:#C0C0C0}
.row2 div {width:14.25%;}
.row2 .bar1{background:#0000C0}
.row2 .bar2{background:#131313}
.row2 .bar3{background:#C000C0}
.row2 .bar4{background:#131313}	
.row2 .bar5{background:#00C0C0}
.row2 .bar6{background:#131313}

.row3{height:20%; background:#000}
.row3 div {width:16.625%;}
.row3 .bar1{background:#00214C}
.row3 .bar2{background:#FFF}
.row3 .bar3{background:#32006A}
.row3 .bar4{background:#131313}
.row3 .bar5{background:#1D1D1D}
.row3 .bar5 .black1{background:#090909; width:33.33%;}
.row3 .bar5 .black2{background:#131313; width:33.33%;}

.row3 img.sound,
.row3 img.info {margin:2% 0 0; float:right;}