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

{
	margin: 0;
	padding: 0;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #ffffff;
	background: none center center no-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%;
}

#ident {
	position: absolute;
	z-index: 10;
	bottom: 20px;
	left: 20px;
	width: 63px;
	height: 11px;
	background: url(../images/ident.png) no-repeat;
}

#ident a {
	display: block;
	width: 100%;
	height: 100%;
}

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

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

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

#texture {
	position: absolute;
	z-index: 6;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/texture.png) center center repeat;
}

#buy_banner {
	position: fixed;
	z-index: 11;
	left: 0; top: 0;
	width: 115px; height: 115px;
	background: url(/images/buybanner.png) left top no-repeat;
}
#buy_banner a { display: block; width: 100%; height: 100%; }

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

.idea {
	position: absolute;
	display: none;
	z-index: 2;
}
.idea.ant {
	left: 0; top: 12%;
	width: 86px;
	height: 174px;
	background: url(../images/ant.png) left bottom no-repeat;
}
.idea.raccoon {
	left: 10%; bottom: 0;
	width: 363px;
	height: 163px;
	background: url(../images/raccoon.png) left bottom no-repeat;
}
.idea.bat {
	left: 50%; top: 20px;
	margin-left: -66px;
	width: 132px;
	height: 207px;
	background: url(../images/bat.png) left bottom no-repeat;
}
.idea.fox {
	left: 0; bottom: 15%;
	width: 392px;
	height: 267px;
	background: url(../images/fox.png) left bottom no-repeat;
}
.idea.octopus {
	right: 15%; bottom: 15%;
	width: 220px;
	height: 180px;
	background: url(../images/octopus.png) left bottom no-repeat;
}
.idea.sparrow {
	left: 0; bottom: 44%;
	width: 100%;
	height: 55%;
	background: url(../images/sparrow.png) left bottom no-repeat;
}
.idea.squirrel {
	right: 10%; top: 0;
	width: 156px;
	height: 100%;
	background: url(../images/squirrel.png) left top no-repeat;
}
.idea.vulture {
	right: 20%; top: 0;
	width: 252px;
	height: 280px;
	background: url(../images/vulture.png) left bottom no-repeat;
}
.idea.snail {
	right: 20%; bottom: 20%;
	width: 145px;
	height: 82px;
	background: url(../images/snail.png) left bottom no-repeat;
}
.idea.mouse {
	left: 25%; top: 20px;
	width: 185px;
	height: 269px;
	background: url(../images/mouse.png) left bottom no-repeat;
}
.idea.bee {
	left: 50%; top: 50%;
	width: 155px;
	height: 106px;
	margin-left: -77px;
	margin-top: -53px;
	background: url(../images/bee.png) left bottom no-repeat;
}
.idea.monkey {
	right: 0; top: 5%;
	width: 222px;
	height: 770px;
	background: url(../images/monkey.png) left bottom no-repeat;
}