* {
	margin: 0;
	padding: 0;
}


@font-face {
	font-family: 'DejaWebRegular';
	src: url('dejaweb-webfont.eot');
	src: local('☺'), url('dejaweb-webfont.woff') format('woff'), url('dejaweb-webfont.ttf') format('truetype'), url('dejaweb-webfont.svg#webfontI9VvmwPI') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DejaWebBold';
	src: url('dejaweb-bold-webfont.eot');
	src: local('☺'), url('dejaweb-bold-webfont.woff') format('woff'), url('dejaweb-bold-webfont.ttf') format('truetype'), url('dejaweb-bold-webfont.svg#webfontwUBs70uk') format('svg');
	font-weight: normal;
	font-style: normal;
}


html {

		overflow-x: hidden;
		overflow-y:hidden;
}

body {
	font-size: 10px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	background: #fff;

  
}


/* Each section has its own class */
body.section-1 { } 
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #aaa; }
a:active { text-decoration: none; color: #aaa; }
a:visited { text-decoration: none; color: #aaa; }
a:hover { text-decoration: none; color: #333; }

a img { border: none; }

#menu {
	background-color: #fff;

}

#menu ul {
	display: none;
}

.spacer {
	width: 100%;
	height: 1px;
	clear: both;
}

#content {
	clear: both;
	overflow:hidden;
	white-space: nowrap;

	margin-top: 30px;
}

.container {
	padding: 0;
}

.logo {
	margin: 75px 0px 0px 75px;

	width: 210px;
	display: none;
}

#keysimg {
	zoom: 1;
	display: inline-block;
	*display: inline;
margin-left: 0px;

position: absolute;
	margin-top: 8px;
	#margin-top: 83px;
	margin-right: 45px;
	padding-right: 40px;

}



#navinfo {
	display: inline;
	margin: 20px 120px 0px 0px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	float: right;
	#margin-top: 95px;
}


/* The menu points*/
.sectionheader {
	font-family: 'DejaWebRegular';
	font-size:  12px;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-left: 75px;
	opacity: 0.01;
	-moz-opacity: 0.01;
	filter:alpha(opacity=1);
	letter-spacing: 1px;
	color: #aaa;
	background-color: #fff;

}

.sectionheader.active, .sectionheader span:hover {
	/*font-family: 'DejaWebBold';*/
	color: #333;

}



.sectionheader span {
		cursor: pointer;
}


#imgcounter {
	position: absolute;
	display: block;

	width: 200px;
	height: 2px;
	background-color: #ccc;
	z-index: 5;
	margin-top: -12px;


}

#imgcounter span {
	width: 0px;
	display: block;
	height: 2px;
	background-color: #777;
}

.scrolldiv {
	height: 1px;

}



/*NOT YET IMPLEMENTED PROPERLY*/





/*The overall div wrapper containing imagecontent*/
.imgcontent {
	position: relative;
	
	left: 0px;
	margin-right: 0px;
	margin-left: 75px;
	margin-bottom: 30px;
	margin-top: 0px;
}

.imgcontent img{
  cursor: pointer;
	position: relative;
	z-index: 10;
}

/*Divs inside wrapper containing images*/
.imgcontent div {
float: left;
margin: 0 20px 0 0;
	display: none;
}

/* Content from the main text input field */
.imgcontent .maincontent {
	width: 380px;
	height: auto;
	display: none;
	white-space: normal;
	background-color: white;
	cursor: pointer;
}

.prev, .next {
position:relative;
cursor: pointer;
width: 56px;
height: 56px;

background-image: url(../img/arrows.png);
background-repeat: no-repeat;
z-index: 10;
float: none;
display: block;
	white-space: normal;

}

.prev {
	text-align:left;

	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	margin-left: 0px;
	left: 0px;

}

.next {



	margin-right: 70px;
	text-align: right;
	background-position: -56px 0px;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);

}

.wrapper {

}

/* Image description that fades up */
.imgcontent .imgdesc {
	float:left;
	white-space: normal;	
	padding: 15px;
	display: none;
	height: auto;
	color: #fff;
	background-color: #000;
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter:alpha(opacity=65);
	margin-right: 0px;
	position:relative;
	z-index: 20;
}



.sectionheader.noscript, .imgcontent.noscript, .maincontent.noscript {
	display: block;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	cursor: auto;}
	
.imgcontent.noscript {margin-bottom: 150px
	}
	
.sectionheader.noscript span {

	cursor: auto;
	color: #333;}
	
img.noscript {display: inline;
  margin-right: 25px;
cursor: auto;
}