html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #000;
	min-width:380px;
	line-height:1.5em;
}
h2, h3, h4, h5, h6 {
	line-height:2.4em;	
}
#moduletoggle, #menutoggle {
	position:fixed;
	top:20px;
	height:39px;
	width:auto;
	font-size:16px;
	line-height:39px;
	color:#fff;
	padding:0 15px;
	border:2px solid #999; 
	border-radius:20px;
	background:url(../img/bg-black.png);
	cursor:pointer;
	opacity:0.6;
	z-index:1;	
}
#moduletoggle {
	right:40px;		
}
#menutoggle {
	left:40px;
	background-image:url(../img/menu2.png) 15px center no-repeat;
	background-color:rgba(38,38,38.0.7);
	padding-left:6px;
}
#menutoggle img {
	vertical-align:middle;
	margin-top: -3px;	
}
#menutoggle.no-text {
	padding:0;	
}
#menutoggle.no-text img {
	margin-top: 0;	
}
#menutoggle:hover, #moduletoggle:hover {
	opacity:1;	
}
#modulepanel, #menupanel {
	position:fixed;
	background:url(../img/black-09.png);
	top:0px;
	bottom:0;
	height:100%;
	color:#fff;
}
#modulepanel {
	right:-380px;
	width:300px;
	z-index:10;
	padding:80px 40px 0 40px;
}
#menupanel {
	left:-240px;
	width:240px;
	z-index:10;	
	padding:80px 0 0 0;
}
.closeicon {
	position:absolute;
	width:43px;
	height:43px;
	opacity:0.6;
	cursor:pointer;
}
.closeicon:hover {
	opacity:1;	
}
#modulepanel .closeicon {
	background:url(../img/forward.png);
	top:20px;
	left:40px;	
}
#menupanel .closeicon {
	background:url(../img/back.png);
	top:20px;
	right:40px;	
}

/* Menu
----------------------------------------------------------------------*/

#nav_main .moduletable {
	margin:0 0 0 0;
}
.navi ul.menu ul ul {
	display:none;	
}
.navi {
	margin-left:0px !important;
}
.navi li ul {
	position:absolute;
	display:none ;
	top:0px;
	left:0;
	z-index:0;
	opacity:0;
	background:url(../img/black-09.png);
	margin:0 0 0 100% ;
	width:160px;
}
.navi li {
	margin:0;
	padding:0;
	position:relative;
	list-style:none;
	display:block;
	border-bottom:1px solid transparent;
}

.navi li:first-child {
	border-top:1px solid transparent;
}

.navi li li {
	clear:both;
	border:none;
	background-image:none;
}
.navi li li:first-child {
	border:none;
}
.navi li:hover > ul, .navi li:focus > ul {
	display:block ;
	z-index:10;
	opacity:1;
}
.navi li ul ul {
	margin: -4px 0 0 158px ;
}
.navi li a, .navi li span.separator {
	padding:0;
	display:block;
	position:relative;
	color:#fff;
	line-height:30px;
	padding:10px 40px 10px 18px;
	letter-spacing:0.5px;
	font-weight:normal;
	font-size:18px;
	text-decoration: none;
	text-align:right;
}
span.separator:hover {
	cursor:default;
}
.navi li li a, .navi li li span.separator {
	padding:0;
	display:block;
	position:relative;
	color:#fff;
	font-size:14px;
	line-height:18px;
	width:128px;
	text-transform:none;
	letter-spacing:0.5px;
	margin:0 4px;
	padding:10px 12px 10px 12px;
}
.navi li li:first-child a, .navi li li:first-child span.separator {
	border-top:none;
}
.navi li.active, .navi li.active > a, .navi li.active > span {
	background-color:#262626;
	text-decoration:none;
}
.navi li span.bg-hover1, .navi li span.bg-hover2 {
	background:rgba(38,38,38,1);
	opacity:0.1;
	position:absolute;
	width:0px;
	height:0px;
	top:50%;
	left:0px;
	padding:0;
	line-height:0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-transition: all 0.3s ease-in-out;
	z-index:-2;
}
.navi li span.bg-hover2 {
	z-index:0;
}
.navi li:hover span.bg-hover1 {
	height:50px;
	width:240px;
	margin-top:-25px;
	opacity:1.0;
	cursor:pointer;
}
.navi li ul li:hover span.bg-hover2 {
	height:38px;
	width:160px;
	margin-top:-20px;
	opacity:1.0;
	cursor:pointer;
}
.navi-sep {
	border-bottom:1px solid #262626;
	margin:15px 40px 15px 20px;	
}
.module-sep {
	border-bottom:1px solid #262626;
	margin:15px 0;	
}