#key-diagram
{
	display: block;
	position: relative;
	height: 220px;
	width: 220px;
	background-image: url(images/key-diagram/key-diagram-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 55px 55px 55px 110px;
}

#key-diagram li
{
	display: block;
	position: absolute;
	height: 111px;
	width: 111px;
}

#key-diagram li.strategies
{
	top: -45px;
	right: 35px;
}

#key-diagram li.organisations
{
	top: 145px;
	right: 35px;
}

#key-diagram li.services
{
	top: 55px;
	left: -45px;
}

#key-diagram li a
{
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: top left;
	
	padding-top: 25px;
	padding-left: 125px;
	height: 86px;
}

#key-diagram li a strong
{
	display: block;
	text-transform: uppercase;
}

#key-diagram li a span
{
	white-space: nowrap;
}

#key-diagram li.strategies a
{
	color: #d00037;
	background-image: url(images/key-diagram/strategy-icon.png);
}

#key-diagram li.organisations a
{
	color: #b8bb1a;
	background-image: url(images/key-diagram/organisation-icon.png);
}

#key-diagram li.services a
{
	color: #009edb;
	background-image: url(images/key-diagram/service-icon.png);
}
