@font-face {
    font-family: "Averta-Regular";
    src: url("Fonts/Averta-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Averta-Regular";
    font-weight: bold;
    src: url("Fonts/Averta-ExtraBold.ttf") format("truetype");
}

body, form {
	font-family: Averta-Regular, Arial;
	font-size: 14px;
}

.center {
	width: 450px;
	position: absolute;
	left: 50%;
	margin-left: -225px;
}

.heading {
	font-size: 28px;
	font-weight: bold;
	top: 50px;
}

#links {
	position: absolute;
	top: 100px;
}

#links .link {
	border: 1px solid transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	margin: 15px;
	margin-left: -4px;
	padding: 4px;
}

	#links .link:hover {
		border-color: #E8E7EA;
		background-color: #E8E7EA;
	}

#links .link img {
	display: inline;
	width: 100px;
	margin-right: 25px;
}

    #links .link .text {
		display: inline-block;
		width: 285px;
    }

	#links .link .text .title {
		font-size: 18px;
		color: #343434;
		display: inline-block;
		width: 285px;
		height: 25px;
		overflow: hidden;
    }

	#links .link .text .description {
		font-size: 13px;
		color: #787878;
		display: inline-block;
		width: 285px;
    }