body {
		background: #000;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-family: helvetica, arial;
		font-size: 1em;
		
	}

	

	#intro {
		padding: 0 0 0.5em;
	}

	#particles, #frame {
		color: #fa0;
		width: 2em;
		text-align: right;
		display: inline-block;
	}

	#canvas {
		background: #000;

		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		cursor: none;
	}

	#container {
	}

	#menu {
		position:relative;
		resize: both;
		width: 100%;
		height: 100%;
		z-index: 100;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		display: none;
		background-image:url('../img/adtive_bar.png');
		background-repeat: no-repeat;
		background-position: center;
	}
	
	#menu1 {
		position:relative;
		width: 20%;
		height: 100%;
		top: 20%;
		left: 20%;
		display: block;
	}
	
	#menu2 {
		position:relative;
		width: 20%;
		height: 100%;
		top: -80%;
		left: 30%;
		display: block;

	}
	
	#menu3 {
		position:relative;
		width: 20%;
		height: 100%;
		top: -180%;
		left: 40%;
		display: block;

	}
	#menu4 {
		position:relative;
		width: 20%;
		height: 100%;
		top: -280%;
		left: 50%;
		display: block;

	}
	
	#menu5 {
		position:relative;
		width: 20%;
		height: 100%;
		top: -380%;
		left: 60%;
		display: block;

	}

	.pad { padding: 0 0 0 1em; 
	}

	.button_theme {
		color: #fff;
		cursor: pointer;
		width: 15%;
		display: flex;
		margin: 0;
		padding: 0.5em 0;
		left: 500px;
	}
	

	.hoverable:hover {
		color: #fa0;
		text-shadow: #fa0 0px 0px 0.3em;
	}


	.shadow {
		box-shadow: 0px 0px 20px #222;
		-moz-box-shadow: 0px 0px 20px #222;
		-webkit-box-shadow: 0px 0px 20px #222;
		-khtml-box-shadow: 0px 0px 20px #222;
	}

	h1 {
		font-family: tahoma;
		font-size: 3.5em;
		font-weight: bold;
		letter-spacing: 0.05em;
		color: #fff;
		text-shadow: #000 0px 0px 0.3em;
		filter: glow(color=black,strength=3);
		text-align: center;
		display: none;
	}