/*******************************************
/*
/* !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%;
}

#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: 1100px; height: 906px;
	margin-left: -550px; margin-top: -453px;
}
.idea.intro {	background: url(../images/00-Title.png) center center no-repeat; }
.idea.one {		background: url(../images/01-CoreIdea.png) center center no-repeat; margin-left: -576px;  }
.idea.two {		background: url(../images/02-Brainstorm.png) center center no-repeat; }
.idea.three {	background: url(../images/03-Ideation.png) center center no-repeat; margin-left: -534px; }
.idea.four {	background: url(../images/04-Iteration.png) center center no-repeat; }
.idea.five {	background: url(../images/05-Refinement.png) center center no-repeat; }
.idea.six {		background: url(../images/06-Feedback.png) center center no-repeat; }

.title {
	position: absolute;
	display: none;
	z-index: 10;
	left: 30px; bottom: 30px;
	width: 150px; height: 17px;
}
.title.one {	background: url(../images/01-Title.png) left top no-repeat; }
.title.two {	background: url(../images/02-Title.png) left top no-repeat; }
.title.three {	background: url(../images/03-Title.png) left top no-repeat; }
.title.four {	background: url(../images/04-Title.png) left top no-repeat; }
.title.five {	background: url(../images/05-Title.png) left top no-repeat; }
.title.six {	background: url(../images/06-Title.png) left top no-repeat; }