@font-face {
  		  font-family: 'WF';
    		src: url('monkirtapursuitnc.eot');
    		src: url('monkirtapursuitnc.eot?#iefix') format('embedded-opentype'),
         		 url('monkirtapursuitnc.woff') format('woff'),
        		 url('monkirtapursuitnc.ttf') format('truetype'),
		         url('monkirtapursuitnc.svg#monkirtapursuitnc') format('svg');
		    font-weight: normal;
		    font-style: normal;

		}
		a{
			text-decoration: none;
			border: 0px;
			outline: 0px;
			
			background: none;
		}
		*{
			margin:0px;
			padding:0px;
		}
		html{
			background: #000;
		}
		
		img{
			
			background: none;
		}
		.site{
			width:100%;
			
			height: 400px;
			min-height: 450px;
		}
		footer, .foot{
			background: url(img/footer.jpg) top center;
			position:absolute;
			top:500px;
			text-align: center;
			width: 100%;
			height: 100px;
			min-width: 950px;
			 
		}
		.foot div.facebook{
			
			background: url(img/facebook.png)  0 0  no-repeat;
			height: 30px; 
			width: 30px;
			position: absolute;
			right: 100px;	
			
			
			top: 30px;
		}
		.foot div.facebook:hover{
		
			background: url(img/facebook.png)  0 -50px  no-repeat;
		}
		
		
		.foot div.twitter{
			
			background: url(img/twitter.png)  0 0  no-repeat;
			height: 30px; 
			width: 30px;
			position: absolute;
			right: 130px;	
			
			
			top: 30px;
		}
		.foot div.twitter:hover{
		
			background: url(img/twitter.png)  0 -50px  no-repeat;
		}
		
		.foot div.gogolith{
			
			background: url(img/gogolith_logo.png)  0 0  repeat-x;
			height: 52px; 
			width: 287px;
			position: absolute;
			left: -143px;	
			
			margin-left: 50%;
			top: 30px;
		}
		.foot div.gogolith:hover{
			background: url(img/gogolith_logo.png)  0 -102px; 
		}
		header{
			 background: url(img/head.jpg) top center repeat-x;
			text-align: center;
			width: 100%;
			min-width: 950px;
			height: 67px;
			position: relative;
 		}
	 	#parallax{
	 		position: relative;
	 	}
	 	#main{
	 		font-family: WF;
	 		font-size: 16px;
	 		color: #fff;
	 		min-width: 950px;
	 		font-weight: bold;
	 		position: absolute;
	 		width: 100%;
	 		overflow: hidden;
	 		top:200px;
	 	}
	 	#main a.menu{
	 		font-family: WF,"Arial";
	 		color: #fff;
	 		text-decoration: none;
	 		
	 	}
	 	.appstore_icon img,.appstore_icon{
	 		color: #000;
 	 	
	 	}
	 	
	 	.logo{
	 		color:transparent;
	 	}
	 	#main a.menu:hover{
	 		color:#fff;
	 		text-shadow: 1px 1px 10px #f00;
	 		text-decoration: underline;
	 	}
	 	
	 	.intro_text{
	 		
	 		color: #000;
	 		position: absolute;
	 		top: -200px;
	 		left: 0px;
	 	}
	 	
	 	.credits a{
	 		
	 		color: #fff;
	 		font-weight: bold;
	 	
	 	}
	 	
	 	.credits h1{
	 	
	 		font-family: WF,Arial;
	 		margin-bottom: 20px;
	 		font-size: 35px;
	 	}
	 	
	 	.credits h2{
	 	
	 		font-family: WF,Arial;
	 		margin-bottom: 20px;
	 		font-size: 30px;
	 		margin-top: 30px;
	 	}
	 	
	 	.credits h3{
	 	
	 		font-family: WF,Arial;
	 		margin-bottom:10px;
	 		margin-top:20px;
	 		font-size: 20px;
	 	}
	 	
	 	.credits{
	 		
	 		font-family: Helvetica, Arial;
	 		color: #fff;
	 	
	 	}
	 	
	 	.fb-wrap{
 	 		position: absolute;
	 		right: 30px;
	 		top: 17px;
	 		z-index: 98;
	 	}
	 	
	 	.tw-wrap{
 	 		position: absolute;
	 		right: 430px;
	 		top: 19px;
	 	
	 	}
	 	
	 	.popup{
	 		width: 100%;
	 		min-width: 950px;
	 		position: absolute;
	 		
			background:#000;
			background: rgba(0,0,0,.8);
			margin-top: 63px;
			min-height: 700px;
	 		overflow: hidden;
	 		display: none;
	 		z-index: 100;
	 		text-align: center;
	 	
	 	}
	 	.popup_bg{
		 	top: 0px;
	 		width: 100%;
	 		min-width: 950px;
	 		position: absolute;
			min-height: 700px;
			z-index: 99;
			
	 	}
	 	
	 	#lela, #juli, #dr_w, #general, #fighter1, #fighter2{
	 		
	 		opacity: 0;
	 	
	 	}
	 	
	 	.presenter{
	 		background: url(img/phone_demo.png) no-repeat top left;
	 		position: absolute;
	 		height: 534px;
	 		left: -500px;
	 		margin-left: 50%;
	 		width: 1000px;
	 		z-index: 200;
	 	}
	 	
	 	.big_pic{
	 		margin-top: 80px;
	 		background: #fff;
	 		width: 650px;
	 		margin-left:187px;
	 		height: 417px;
	 	}
	 	
	 	.big_vid{
	 	
	 		position: absolute;
	 		 
	 		left: -315px;
	 		margin-left: 50%;
	 		top: 78px;
	 	}
	 	
	 	.galerie{
	 		top: 510px;
	 		position: absolute;
	 		z-index: 199;
	 		left: -500px;
	 		margin-left: 50%;
	 		text-align: center;
	 		width: 1000px;
	 		
	 	}
	 	
	 	.galerie img.act{
	 		border: 1px solid #fff;
	 		margin-top: 10px;
	 		padding-top: 8px;
	 	}
	 	
	 	.galerie img:hover{
	 		
	 		margin-top: 10px;
	 	}
	 	.galerie img{
	 	
	 		vertical-align: top;
	 		
	 	}
	 	
	 	.galerie img{ 
	 		border: 1px solid #fff;
	 		cursor: pointer;
	 	}
	 	
	 	.corner{
	 		text-indent: -2000px;
	 		position: absolute;
	 		z-index: 200;
	 		
	 		width: 179px;
	 		height: 169px;
	 		/*background: url(img/corner.png) no-repeat top left;*/
	 	
	 	}
	 	
	 	.popup_home{
	 		
	 		position: absolute;
	 		z-index: 700;
 	 		left: 350px;
	 		margin-left: 50%;
	 		top: 240px;
	 		width: 80px;
	 		height: 100px;
	 		cursor: pointer;
	 	}
	 	
	 	.popup_close{
	 		cursor: pointer;
	 		position: absolute;
	 		right: 20px;
	 		 
	 		top: 7px;
	 		font-family: WF;
	 		color: #fff;
	 		z-index: 300;
	 		/*background: url(img/close.png) right top no-repeat*/;
	 		padding-top: 6px;
	 		width: 100px;
	 		height: 30px;
	 	}
	 	
	 	.popup_loader{
	 		
	 		position: absolute;
	 		margin-left: 50%;
	 		left: -10px;
	 		z-index: 400;
	 		top: 100px;
	 	
	 	}