@charset "UTF-8";
/* CSS Document */

body{
	margin: 0px;
	color: #000;
	background: #301f6d;
	text-align: center;
	font-family: "Montserrat", Arial;
	-webkit-appearance: none;
	overflow: hidden;
}

/*---| colors

darker green: 301f6d

|---*/

/*---| basic |---*/

p,h1,h2,h3,h4,h5,blockquote,strong,small,em{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
	-webkit-appearance: none;
}
em{
	font-style: normal;
}

a{
	text-decoration: none;
}

img{
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a img{
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

li,ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/*---| images |---*/

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8. was 97.5*/
}

/*---| loading |---*/

.themonsterload{
	top:0px;
	left:0px;
	position: absolute;
	z-index: 99;
	width:100%;
	height:100%;
	display: block;
	overflow: hidden;
	background: #00170A url(../images/KCA-logo-load-anim.gif) no-repeat center center;
}

/*---| main |---*/

.container{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/monster2-back.jpg) top center no-repeat;
	display: block;
	overflow: hidden; 
	z-index: 1;
}

/*---| monster |---*/

.monster{
	position: absolute;
	display:block;
	overflow:visible;
	width: 551px;
	height:302px;
	margin-left: -275;
	left: 50%;
	top:100px;
	/*
	margin-top: -352;
	top: 50%;
	*/
	cursor: pointer;
	z-index: 20;
}
.monsterbody{
	position: absolute;
	display:block;
	left: 0px;
	top: 0px;
	width: 551px;
	height:302px;
	z-index: 11;
}
.monstermouth{
	position: absolute;
	display:block;
	left: 227px;
	top: 193px;
	z-index: 11;
}
.monsterbrow{
	position: absolute;
	display:block;
	left: 198px;
	top: 125px;
	z-index: 10;
}
.monsternose{
	position: absolute;
	display:block;
	left: 252px;
	top: 173px;
	z-index: 9;
}
.monsterhead{
	position: absolute;
	display:block;
	left: 158px;
	top: 87px;
	z-index: 8;
}
.monstereyetop{
	position: absolute;
	display:block;
	left: 181px;
	top: 135px;
	z-index: 7;
}
.monstereyebottom{
	position: absolute;
	display:block;
	left: 181px;
	top: 135px;
	z-index: 6;
}
.monstereyemiddle{
	position: absolute;
	display:block;
	left: 171px;
	top: 135px;
	z-index: 5;
}
.monsterback{
	position: absolute;
	display:block;
	left: 172px;
	top: 102px;
	z-index: 4;
}
.monsterwings{
	position: absolute;
	display:block;
	left: 0px;
	top: 84px;
	z-index: 3;
}
.monsterears{
	position: absolute;
	display:block;
	left: 158px;
	top: 0px;
	width:240px;
	height:250px;
	z-index: 2;
}