@font-face {
	font-family: hnpl; /*'Helvetica Neue Pro lite'*/
	src: url("../images/HelveticaNeueLTPro-Lt.otf");
}
@font-face {
	font-family: "helvetica neue"; /*'Helvetica Neue Pro lite'*/
	src: url("../images/HelveticaNeueLTPro-Lt.otf");
}


body{
	background: url('../images/img/bg_pattern.png') fixed;
	color:#dedede;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
}
section a{
	color:#fff;
	text-decoration: none;
	display:inline-block;
	border-bottom:1px dashed #666;
}
::selection {
	background: #999;
}
::-moz-selection {
	background: #999;
}

ul#nav{
	/*
background-image:url('img/bg_pattern.png'), -moz-linear-gradient(left,  rgba(204,204,204,0.01) 0%, rgba(204,204,204,0.01) 1%, rgba(204,204,204,0.2) 20%, rgba(204,204,204,0.2) 80%, rgba(204,204,204,0.1) 100%);
background-image:url('img/bg_pattern.png'), -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,0.01)), color-stop(1%,rgba(204,204,204,0.01)), color-stop(20%,rgba(204,204,204,0.2)), color-stop(80%,rgba(204,204,204,0.2)), color-stop(100%,rgba(204,204,204,0.1)));
background-image:url('img/bg_pattern.png'), -webkit-linear-gradient(left,  rgba(204,204,204,0.01) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0.1) 100%);
background-image:url('img/bg_pattern.png'), -o-linear-gradient(left,  rgba(204,204,204,0.01) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0.1) 100%);
background-image:url('img/bg_pattern.png'), -ms-linear-gradient(left,  rgba(204,204,204,0.01) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03cccccc', endColorstr='#1acccccc',GradientType=1 );
background-image:linear-gradient(90deg,  rgba(204,204,204,0) 0%,rgba(204,204,204,0.01) 1%,rgba(204,204,204,0.2) 20%,rgba(204,204,204,0.2) 80%,rgba(204,204,204,0) 100%),url('img/bg_pattern.png');
border-bottom:5px solid rgba(255,255,255,0.2);
height:35px;
*/
	position: fixed;
	top: 0;
	right:0;
	z-index:10;
	margin:0;
	text-align:center;
	padding:0;
	font-size:0;
	left:0;
	min-height:40px;
	background: url("../images/img/menu_pattern.png") #2A2A2A;
	background-position:bottom;
}
abbr{
	cursor:help;
}
#nav li{
	display:inline-block;
    -webkit-transition: 0.2s border-color ease;
    -moz-transition: 0.2s border-color ease;
    transition: 0.2s border-color ease;
    border-color:#2A2A2A;
}
#nav a{
    -webkit-transition: 0.2s background ease;
    -moz-transition: 0.2s background ease;
    transition: 0.2s background ease;
	padding:0px 10px;
	color:white;
	text-decoration: none;
	font-size:14px;
	display:block;
	line-height:45px;
	height:40px;
	border-left:1px solid #222;
	box-shadow:1px 0 0px rgba(255,255,255,.1) inset;
	width:70px;
	text-shadow:0 0 5px black;
	text-align:center;
}
#nav li:last-child a{
	border-right:1px solid #222;
	box-shadow:1px 0 0px rgba(255,255,255,.1) inset,1px 0 0px rgba(255,255,255,.1);
}
#nav a:hover{
	background: #933;
}
#nav li.active{
	border-bottom:5px solid #B44039;
	height:35px;
}


footer{
	position: fixed;
	left: 0;
	right: 0;
	bottom:0;
	padding:5px 15px;
	white-space:nowrap;
	background:url("../images/img/footer-pattern.png");
	height:35px;
}
.left{float:left;}
.right{float:right;}
footer.right{margin-right:20px;}


hr{
	border:none;
	height: 1px;
	/*background: url("img/underline.png") no-repeat center;*/
	background: -moz-linear-gradient(left,  rgba(1,1,1,0) 0%, rgba(1,1,1,0.8) 20%, rgba(1,1,1,1) 50%, rgba(1,1,1,0.8) 79%, rgba(1,1,1,0.04) 99%, rgba(1,1,1,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(1,1,1,0)), color-stop(20%,rgba(1,1,1,0.8)), color-stop(50%,rgba(1,1,1,1)), color-stop(79%,rgba(1,1,1,0.8)), color-stop(99%,rgba(1,1,1,0.04)), color-stop(100%,rgba(1,1,1,0)));
	background: -webkit-linear-gradient(left,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	background: -o-linear-gradient(left,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	background: -ms-linear-gradient(left,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	background: linear-gradient(to right,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.8) 20%,rgba(1,1,1,1) 50%,rgba(1,1,1,0.8) 79%,rgba(1,1,1,0.04) 99%,rgba(1,1,1,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010101', endColorstr='#00010101',GradientType=1 );

}
#flyer{
	color:#bbb;
	text-align:center;
	margin-top:100px;
	position:fixed;
	height:700px;
	min-width:400px;
	/*font-weight:bold;*/
	font-family:hnpl;
	font-weight:45;
}
#secHome{
	height:1000px;
}

#brainmap{
	position:relative;
	display:inline-block;
}
#brainmap .menupoint{
	position:absolute;
	left:0px;
	top:0px;

	border-radius:100px;
	border:3px solid white;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,0.4);

	height:50px;
	width:50px;


	-webkit-transform:translate(-25px,-25px) scale(0.4);
	-moz-transform:translate(-25px,-25px) scale(0.4);
	-o-transform:translate(-25px,-25px) scale(0.4);
	transform:translate(-25px,-25px) scale(0.4);

    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease;
    opacity:0;
}
#brainmap .menupoint.active{
	opacity:1;
	-webkit-transform:translate(-25px,-25px) scale(1);
	-moz-transform:translate(-25px,-25px) scale(1);
	-o-transform:translate(-25px,-25px) scale(1);
	transform:translate(-25px,-25px) scale(1);
}


legend{
	padding-left:10px;
}