html, body, div{margin:0; padding:0; float:left; width:100%; height:100%; overflow:hidden; display:block; background:#000}
.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%;}
.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 .bar6{background:#000;}

/*This is just for the copyright, you may remove this for your own project*/
	p{text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.69em; line-height:1.2em;margin-top:1.5em;}
	a:link,a:active,a:visited,a:hover {color:#666; text-align:center; }
/*This is just for the copyright, you may remove this for your own project*/