html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#wrapper {
	min-height: 100%;
	position: relative;
}

#content {
	text-align: center;
	margin: auto;

	padding: 10px;
	padding-bottom: 80px;
}

.tile {
	width: 70px;
	border-style: solid;
	border-color: white;

	/* For IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);
	/* For IE 8*/
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99222222, endColorstr=#99222222);

	z-index: 10;
	padding: 10px;
	margin: 5px;
	-moz-box-shadow: 0px 0px 7px #000000;
	-webkit-box-shadow: 0px 0px 7px #000000;
	box-shadow: 0px 0px 7px #000000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
	transition: border-color 1s;
}

.tile:hover {
	border-color: blue;
}

.email {
	margin: auto;
	height: 70px;
	width: 70px;
	background: url('../img/email.svg');
	background-size: 70px;
	background-position: center;
	background-repeat: no-repeat;
}

.email:hover {
	height: 70px;
	width: 70px;
	background: url('../img/showemail.png');
	background-size: 70px;
	background-position: center;
	background-repeat: no-repeat;
}

#footer {
	text-align: center;
	width: 100%;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #E8E8E8;
}