/*
 An outter container is needed because the table
 won't cover the page width and height on it's own
 */
#outter-container
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

/*
 The inner container is a table which is set to
 cover the width and height of the page.
 */
#inner-container
{
	display: table;
	width: 100%;
	height: 100%;
}

/*
 This table cell will cover 100% of the page width
 and height, but everything placed inside it will
 be placed in the absolute centre.
 */
#centred
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}