﻿div#error-wrapper {
	width:75%;
	padding:75px 0;
	margin:auto;
	position:relative
}
div#error-wrapper .error-heading {
	color:#e15656;
	text-align:center;
	font-size:24px;
	font-family:Georgia,"Times New Roman",Times,serif
}
@-webkit-keyframes error-swing {
	0% {
		-webkit-transform:rotate(1deg)
	}
	100% {
		-webkit-transform:rotate(-2deg)
	}
}
@-moz-keyframes error-swing {
	0% {
		-moz-transform:rotate(1deg)
	}
	100% {
		-moz-transform:rotate(-2deg)
	}
}
@keyframes error-swing {
	0% {
		transform:rotate(1deg)
	}
	100% {
		transform:rotate(-2deg)
	}
}
div#error-wrapper #error-code {
	width:285px;
	height:170px;
	padding:127px 16px 0 16px;
	position:relative;
	margin:auto;
	margin-bottom:20px;
	z-index:5;
	line-height:1;
	font-size:32px;
	text-align:center;
	background:url(../images/error-hanger.png) no-repeat center center;
	-webkit-transform-origin:center top;
	-moz-transform-origin:center top;
	transform-origin:center top;
	-webkit-animation:error-swing infinite 2s ease-in-out alternate;
	-moz-animation:error-swing infinite 2s ease-in-out alternate;
	animation:error-swing infinite 2s ease-in-out alternate
}
div#error-wrapper #error-code span {
	font-size:56px;
	display:block
}
div#error-wrapper #error-pin {
	width:38px;
	height:38px;
	display:block;
	margin:auto;
	margin-bottom:-27px;
	z-index:10;
	position:relative;
	background:url(../images/error-pin.png) no-repeat center center
}
div#error-wrapper p {
	text-align:center;
	font-size:14px
}
div#error-wrapper p a {
	color:#fff;
	background:#a6d037;
	text-decoration:none;
	padding:1px 6px;
	display:inline-block;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}