@font-face {
    font-family: 'amblebold';
    src: url('../fonts/amble-bold-webfont.eot');
    src: url('../fonts/amble-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amble-bold-webfont.woff2') format('woff2'),
         url('../fonts/amble-bold-webfont.woff') format('woff'),
         url('../fonts/amble-bold-webfont.ttf') format('truetype'),
         url('../fonts/amble-bold-webfont.svg#amblebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	position:relative;
	width:100%;
	background:#fecc1e;
	font:17px/24px "amblebold",sans-serif;
}

a {
	text-decoration:none;
}

a:hover { 
	color:#fecc1f;
}

header,main,
header > div > div, main > div > div,
header figure {
	float:left;
	position:relative;
}

header,main,
header figure {
	width:100%;
}

header > div, main > div {
	margin:0 auto;
	position:relative;
}

header > div, main > div,
header > div > div, main > div > div {
	width:800px;
}

header {
	background:#373737;
	border-bottom:3px solid #efefef;
	text-align:center;
	padding:55px 0 32px;
}

header, header a, header span, main a, main li span {
	color:#fff;
}

header > div > div > span + span:before {
	content:"\00a0\00a0\007C\00a0\00a0\00a0";
	display:inline-block;
	color:#fecc1f;
}

header figure {
	padding:0 0 32px;
}

header figure img {
	width:auto;
	height:49px;
}

main {
	color:#373737;
}

main ul {
	padding:70px 0 0 124px;
}

main li {
	position:relative;
	height:150px;
	padding:78px 0 0 240px;
	width:234px;
}

main li:first-child + li {
	margin-left:226px;
	width:210px;
}

main li + li {
	margin-top:-38px;
}

main li + li + li {
	margin-left:0;
	padding-top:90px;
}

main li + li:before {
	content:"";
	top:-13px;
	left:0;
	position:absolute;
	display:block;
	border-left:3px dotted #000;
	height:50px;
	width:6px;
	transform: rotate(-45deg);
}

main li + li + li:before {
	left:auto;
	left:215px;
	transform: rotate(45deg);
}

main li figure {
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	width:224px;
	height:224px;
	border:4px solid #373736;
	border-radius:112px;
}

main li figure img {
	position:absolute;
	bottom:0;
	left:-1px;
	width:215px;
	height:215px;
}

main li span {
	display:inline-block;
	background:#373737;
	padding:2px 10px;
	border-radius:8px;
	margin-top:4px;
}