/*******************************************
/*
/* !Tag Styling */
/*
/******************************************/

{
	margin: 0;
	padding: 0;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: #e3e3e3 url(../images/texture.gif) repeat;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 11px;
	line-height: 1.8em;
	color: #AAA;
}

a:focus {
	 -moz-outline:none;
	 outline: none;
}
:focus { -moz-outline-style: none; }



#container {
	position: relative;
	width: 100%;
	height: 100%;
}

#who {
	position: absolute;
	z-index: 10;
	left: 50%; bottom: 30px;
	margin-left: -20px;
	width: 40px; height: 40px;
	background: url(../images/controls.png) right top no-repeat;
	cursor: pointer;
	display: none;
}
#who:hover { background: url(../images/controls.png) right bottom no-repeat; }

#explanation {
	position: absolute;
	z-index: 11;
	left: 50%; bottom: 80px;
	width: 800px; height: 20px;
	margin-left: -400px;
}
.explanation {
	position: relative;
	clear: both;
	margin: 0 auto;
	text-align: center;
	font-family: 'OmnesRegular';
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 1px;
	display: none;
}

#left {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 30px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: url(../images/controls.png) left top no-repeat;
}
#left:hover { background: url(../images/controls.png) left bottom no-repeat; }

#right {
	position: absolute;
	z-index: 10;
	top: 50%;
	right: 30px;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background: url(../images/controls.png) center top no-repeat;
}
#right:hover { background: url(../images/controls.png) center bottom no-repeat; }

#left a,
#right a {
	display: block;
	width: 100%;
	height: 100%;
}

#content {
	position: absolute;
	z-index: 9;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.idea {
	position: absolute;
	display: none;
	z-index: 9;
	left: 50%; top: 50%;
	width: 1000px; height: 720px;
	margin-left: -500px; margin-top: -360px;
}
.idea.intro {			background: url(../images/title.png) center center no-repeat; }
.idea.frankenstein {	background: url(../images/frankenstein.png) center center no-repeat;  }
.idea.mummy {			background: url(../images/mummy.png) center center no-repeat;  }
.idea.werewolf {		background: url(../images/werewolf.png) center center no-repeat;  }
.idea.mike {			background: url(../images/mike.png) center center no-repeat; margin-left: -540px; }
.idea.swampthing {		background: url(../images/swampthing.png) center center no-repeat; margin-left: -470px; }
.idea.alien {			background: url(../images/alien.png) center center no-repeat;  }
.idea.gremlin {			background: url(../images/gremlin.png) center center no-repeat;  }
.idea.zombie {			background: url(../images/zombie.png) center center no-repeat;  }
.idea.samara {			background: url(../images/samara.png) center center no-repeat;  }
.idea.skeleton {		background: url(../images/skeleton.png) center center no-repeat;  }