body {
	margin:0px;
	margin-top: 20px;
	background-color: #333333;
	color: #ccc;
	font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

#body {
  position:absolute;
  //top:50%;
  left:50%;
  text-align:center;
	transform: translate(-50%, 0);
}

.website {
	color: #DDD;
	text-decoration: none;
	transition: transform .2s;
}

.maplink {
	display: block;
	border: 1px #444 solid;
	padding: 0px;
	margin: 10px;
	box-shadow: 0px 0px 10px #444;
	background-color: #222;
	border-radius: 4px;
	background-image: url('img/websites.png');
	background-repeat: no-repeat;
}

.maplink .right {
	margin-left: 100px;
	display: block;
	background-color: #222;
	padding: 5px;
	min-height: 100px;
}
#industry .maplink {
	background-position: 0px 0px;
}

#heritage .maplink {
	background-position: -100px 0px;
}

#names .maplink {
	background-position: -200px 0px;
}

span.title,
span.detail {
	display: block;
	text-align: left;
	padding: 5px;
}

span.detail {
	text-decoration: none;
}

span.title {
	font-family: neuropol;
	font-size: 1.2em;
  line-height: 1.15;
  letter-spacing: 0.05em;
}

header {
	font-family: neuropol;
	font-size: 2em;
  line-height: 1.15;
  letter-spacing: 0.05em;
}

a,
a span.title{
	color: #2A82DA;
}

a:hover {
	transform: scale(1.5);
}