@font-face {

	font-family: 'graublauweb-webfont'; font-weight: 200; src: url('../fonts/graublauweb-webfont.eot');

	src: local('☺'), url('../fonts/graublauweb-webfont.woff') format('woff'), url('../fonts/graublauweb-webfont.ttf') format('truetype'), url('../fonts/graublauweb-webfont.svg#webfont8xigBfG2') format('svg');

}



@font-face {

	font-family: 'Syncopate'; font-style: normal; font-weight: 400; src: local('Syncopate'), local('Syncopate-Regular'),

	url('../fonts/Syncopate-Regular.ttf') format('truetype');

}



@font-face {

	font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans'), local('OpenSans-Regular'),

	url('../fonts/OpenSans-Regular.ttf') format('truetype');

}



*{

	margin:0;

	padding:0;

}

body{

	background:#000;

	font-family:"graublauweb-webfont", Helvetica, Arial, sans-serif;

	font-size:1.1em;

	color: #fff;

	overflow-x:hidden;

}

.bg_img img{

	height:100%;

	position:fixed;

	top:0px;

	left:0px;

	z-index:-1;

}

.oe_overlay{

	background:#000;

	opacity:0;

	position:fixed;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

}

ul.oe_menu{

	list-style:none;

	margin:60px 0px 0px 40px;

	width:448px;

	height:50px;

	float:left;

	clear:both;

}

ul.oe_menu > li{

	height:34px;

	padding-bottom:2px;

	float:left;

	position:relative;

}



ul.oe_menu > li > a{

	text-transform:uppercase;

	display:block;

	background-color:#101010;

	color:#aaa;

	text-decoration:none;

	font-size:0.7em;

	width:90px;

	height:14px;

	padding:10px;

	margin:1px;

	opacity:0.8;

}



ul.oe_menu > li > a:hover,

ul.oe_menu > li.selected > a{

	background:#fff;

	color:#101010;

	opacity:1.0;

}

.oe_wrapper ul.hovered > li > a{

	background:#fff;

}

ul.oe_menu div{

	position:absolute;

	left:1px;

	background:#fff;

	height:190px;

	width:426px;

	padding:10px;

	display:none;

}

ul.oe_menu div ul li a{

	text-decoration:none;

	color:#222;

	padding:2px 2px 2px 4px;

	margin:2px;

	display:block;

	font-size:0.65em;

}

ul.oe_menu div ul li a:hover{

	background:#000;

	color:#fff;

}

ul.oe_menu li ul{

	list-style:none;

	float:left;

	width: 138px;

	margin-right:5px;

}

/***********************************/

ul.newsletter{

	list-style:none;

	position:relative;

	margin:30px 0px 0px 40px;

	width:560px;

	position:fixed;

	top:-37px;

	left:0px;

}

ul.newsletter > li{

	float:left;

	position:relative;

}

ul.newsletter >li > a{

	width: 202px;

	display:block;

	background-color:#303030;

	color:#aaa;

	text-decoration:none;

	font-weight:bold;

	font-size:0.6em;

	margin:1px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 2px;

	padding-top: 2px;

	text-shadow:0px 0px 1px #000;

	opacity:0.75;

}

ul.newsletter > li > a:hover,

ul.newsletter > li.selected > a{

	text-decoration: none;

	color: #e2ff26;

	background:#1c1c1c;

}

h1{

	padding: 10px;

	font-family:'Syncopate',Helvetica, Arial, sans-serif;

	font-weight: 500;

	font-size:1.7em;

	color: #ffa027;

	text-shadow:1px 1px 1px #000;



	text-align:left;

	position:absolute;

	left:38px;

	top:16px;

}

/***********************************/

.localpage{

	font-family: "Open Sans", Helvetica, Arial, sans-serif;

	font-size: 0.9em;

	line-height:12px;

	font-weight: 400;

}

.localpage li{

	width: 134px;

}

.localpage li a{

	display: block;

	padding: 0px 5px;

	text-align: left;

	position: relative;

	z-index: 10;

	background:#fff;

 	height: auto;

}

.localpage li:nth-child(1):hover a,

.localpage li:nth-child(3):hover a,

.localpage li:nth-child(5):hover a,

.localpage li:nth-child(7):hover a,

.localpage li:nth-child(9):hover a{

	background-color:#eee;

}

.localpage li:nth-child(2):hover a,

.localpage li:nth-child(4):hover a,

.localpage li:nth-child(6):hover a,

.localpage li:nth-child(8):hover a,

.localpage li:nth-child(10):hover a{

	background-color: #ddd;

}

.localpage li a span{

	display:block;

}

.localpage li a span:first-child{

	padding-bottom: 0px;

	color: #000;

}

.localpage li img{

	position: absolute;

	z-index: 1;

	left: 153px;

	top: 10px;

	opacity: 0;

	-webkit-transition: opacity .6s ease-in-out;

	-moz-transition: opacity .6s ease-in-out;

	-o-transition: opacity 0.6s ease-in-out;

	-ms-transition: opacity 0.6s ease-in-out;

	transition: opacity 0.6s ease-in-out;

}

.localpage li:hover img{

	opacity: 1;

}

.img0{

	position: absolute;

	z-index: 1;

	left: 153px;

	top: 10px;

	opacity: 1;

}