body {
	background-color:#000;
	color:#FFF;
	margin: 0px;
	height: 100%;
	width: 100%;
	padding: 0px;
	font-family: "Arial Black", Helvetica, sans-serif;
	}
	
.table{
	display: table;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	}
	
.row{
	display: table-row;
	}	
.row2{
	display: table-row;
	}	
.row3{
	background-color: #06F;
	}
.span_all{
	column-span: all;
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
	}
	

.cell2{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
    }
	.cell6{
	display: table-cell;
	padding: 1.7em;
    }
.cell3{
	display: table-cell;
	vertical-align: middle;
    }
.cell4{
	display: table-cell;
	padding-top: .25em;
	padding-right: 1em;
	padding-bottom: .25em;
	padding-left: 1em;
    }
	.cell5{
	display: table-cell;
	width:5%;
    }
	.caption{
	padding: 1em;
	display: table-caption;
	text-align: center;
	width: 100%;
	}

	.credits {
		margin-top: 5%;
	}	
	.forgroundcontent {
	position:absolute;
	z-index:1;
	height: 100%;
	width: 100%;
    text-align: center;
	}	
	
    .footer {
	background-image: url(images/copyright.png);
	background-repeat: no-repeat;
	height: 21px;
	width: 100%;
	background-position: center;
    }	

    .backgroundcontent {
	position:fixed;
	top:0px;
	left:0px;    /* width, height and left adjusted as image */
	width:100%; /* canvas is slightly padded to work in IE */
	height:100%;
	}