@charset "utf-8";
/* CSS Document */

body {
background: url(bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: Verdana, Geneva, sans-serif;
margin: 0;
}

h1 {
	margin: 0;
	font-weight: normal;
	font-size: 250%;
	text-shadow: #000 0px 2px 5px;
}

h2 {
	margin: 0;
	font-weight: normal;
	font-size: 130%;
}

.top15 {
	margin-top: 15px;
}

.top88-right {
	margin-top: 88px;
	margin-right: 20px;
}

.top88-left {
	margin-top: 88px;
	margin-left: 20px;
}

.top158 {
	margin-top: 158px;
}

a:link {
	font-style: normal;
	text-decoration: none;
	color: #FFF;
}

a:visited {
	text-decoration: none;
	color: #FFF;
}

#header {
	color: #FFF;
	margin-top: 35px;}

.welcome {
	margin: 0px auto;
	text-align: center;
}

#mainarea {
	width: 600px;
	height: 600px;
	margin: 0px auto;
	position:relative;
	top: 40px;
}

.arrow {
	position: absolute;
	width: 200px;
	height: 200px;
	color: #FFF;
	cursor: pointer;
}

.arrow:hover {
	text-decoration: underline;
}		

.arrow.top {
	background: url(arrow_green_s.png) no-repeat center center ;
	top: 0px;
	left: 200px;
	text-align: center;
}	
	
.arrow.right {
	background: url(arrow_red_s.png) no-repeat center center ;
	top: 200px;
	right: 0;
	}	
	
.arrow.bottom {
	background: url(arrow_grey_s.png) no-repeat center center ;
	bottom: 0;
	left: 200px;
	text-align: center;	
	}	
	
.arrow.left {
	background: url(arrow_orange_s.png) no-repeat center center ;
	top: 200px;
	left: 0;
	text-align: right;
	}