/* Preloader */
#preloader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff; /* change if the mask should have another color then white */
	z-index: 104; /* makes sure it stays on top */
}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(status.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}


a { outline: none;   
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;} 
  
a:hover {
	  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;}

html {
	overflow: hidden
}
body {
	font: 12px/18px arial, sans-serif;
	text-align: center;
	background: #fff;
	color: #000;
	-webkit-tap-highlight-color: #ddd;
	-webkit-text-size-adjust: none;
	overflow: hidden
}
body#home {
	overflow: hidden;
	
}

#title{
	font: 24px arial, sans-serif;
	text-align: center;
	font-weight:lighter;
	color: #666;
	width:400px;
	height:230px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-115px;
	margin-left:-200px;
	}
	
.button1{
	font: 18px arial, sans-serif;
	background:url(btn2.png) no-repeat;
	width:180px;
	height:180px;
	text-align:center;
	padding-top:80px;
	float:left;
	margin-right:40px;
	margin-top:40px;
	cursor:pointer;
	
	}
.button2{
	font: 18px arial, sans-serif;
	background:url(btn.png) no-repeat;
	width:180px;
	height:180px;
	text-align:center;
	padding-top:80px;
	float:left;
	margin-top:40px;
	cursor:pointer;
	
	}