.rect-ctar {
	overflow:hidden;
	position:relative;
	min-height:500px;
	background-color:black;
}
.rect {
	box-sizing:content-box;
	display:inline-block;
	position:absolute;
	margin:0;
	padding:0;

	text-align:center;
	font-family: Texta, sans-serif;
	font-size: 3.0em;
	font-weight: bold;
	color:white;
}
.rect-in {
}
.rect-1 {
	width:200px;
	height:100px;
}
.rect-1 .rect-in {
	background-color:hsl( 36, 100%, 50%);
}
.rect-2 {
	width:100px;
	height:200px;
}
.rect-2 .rect-in {
	background-color:hsl( 72, 100%, 50%);
}
.rect-3 {
	width:100px;
	height:100px;
}
.rect-3 .rect-in {
	background-color:hsl( 108, 100%, 50%);
}
.rect-4 {
	width:100px;
	height:100px;
}
.rect-4 .rect-in {
	background-color:hsl( 144, 100%, 50%);
}
.rect-5 {
	width:200px;
	height:200px;
}
.rect-5 .rect-in {
	background-color:hsl( 180, 100%, 50%);
}
.rect-6 {
	width:200px;
	height:100px;
}
.rect-6 .rect-in {
	background-color:hsl( 216, 100%, 50%);
}
.rect-7 {
	width:100px;
	height:200px;
}
.rect-7 .rect-in {
	background-color:hsl( 216, 100%, 50%);
}
.rect-8 {
	width:100px;
	height:100px;
}
.rect-8 .rect-in {
	background-color:hsl( 288, 100%, 50%);
}
.rect-9 {
	width:100px;
	height:100px;
}
.rect-9 .rect-in {
	background-color:hsl( 324, 100%, 50%);
}
.rect-10 {
	width:200px;
	height:100px;
}
.rect-10 .rect-in {
	background-color:hsl( 0, 100%, 50%);
}
.rect-11 {
	width:100px;
	height:100px;
}
.rect-11 .rect-in {
	background-color:hsl( 36, 100%, 50%);
}
.rect-12 {
	width:100px;
	height:100px;
}
.rect-12 .rect-in {
	background-color:hsl( 72, 100%, 50%);
}
/*-- --*/
.rect-tbl {
	width:100%;
	height:100%;
}
.rect-cell {
	width:100%;
	height:100%;
	text-align:center;
}
.rect-cell .vertical-align {
	display:inline-block;
	*zoom:1;
	*display:inline;
	height:100%;
	width:0px;
	vertical-align:middle;
}