body{
	background-image: url(island.png);
	background-size: 90% Auto;
	background-position: 50% 0%;
	background-color:#338eff;
	background-repeat:repeat-x;
	background-attachment: fixed;
	font-family:Comic Sans, Comic Sans MS, cursive;
}

a{
	color:#722300;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
	font-weight:bold;
}

h1{
	font-size:20px;
	color:#722300;
}

h2{
	font-size:18px;
	color:#722300;
}

img{
	border:0px solid #000000;
}

#content{
	position: absolute;
	width:800px;
	height:Auto;
	left: 50%;
	margin-top: 110px;
	margin-left: -400px;  /* width / 2 */
	margin-bottom:0px;
	align:center;
	background:rgba(255,255,153,0.9);
	
	border:3px solid #B66E00;
	-moz-border-radius:15px; /* Firefox */
	-webkit-border-radius:15px; /* Safari, Chrome */
	-khtml-border-radius:15px; /* Konqueror */
	border-radius:15px; /* CSS3 */
	padding:20px;
	padding-bottom:0px;
	padding-left:60px;
}

#imageContainer{
	border:3px solid #B66E00;
	-moz-border-radius:15px; /* Firefox */
	-webkit-border-radius:15px; /* Safari, Chrome */
	-khtml-border-radius:15px; /* Konqueror */
	border-radius:15px; /* CSS3 */
	width:250px;
	height:250px;
	background-color:#ffffff;
	margin:8px;
}

#socialButton{
	position: absolute;
	top:200px;
	right:0px;
	background:rgba(255,255,153,0.9);
	
	border:3px solid #B66E00;
	border-right:0px solid #B66E00;
	-moz-border-radius:15px; /* Firefox */
	-webkit-border-radius:15px; /* Safari, Chrome */
	-khtml-border-radius:15px; /* Konqueror */
	border-radius:15px 0px 0px 15px; /* CSS3 */
	padding:10px;
	padding-bottom:5px;
}

#logo{
	position:absolute;
	top:-115px;
	left:50%;
	margin-left: -150px;  /* width / 2 */
}

#language{
	position:absolute;
	top:10px;
	right:15px;
}

#flag{
	width:50px;
}

#footer{
	position:absolute;
	bottom:-40px;
	font-size:10px;
	color:#000000;
}

#copyright{
	position:relative;
	bottom:0px;
	right:5px;
	font-size:12px;
}

#textBlock{
	margin-left:80px;
	width:640px;
	margin-top:30px;
	margin-bottom:80px;
	text-align:justify;
}

#textBlock1{
	margin-left:80px;
	width:640px;
	margin-top:30px;
	text-align:justify;
}

#characterImage{
	padding:20px;
	padding-left:50px;
}

#bottomMenu{
	position:absolute;
	bottom:5px;
	right:15px;
}

#sideMenu{
	position:absolute;
	left:-120px;
	top:80px;
}

#menuButtonR{
	width:200px;
}

#menuButtonR:hover{
	transform: rotate(5deg);
   -moz-transform: rotate(5deg);
   -webkit-transform: rotate(5deg);
}

#menuButtonL{
	width:200px;
}

#menuButtonL:hover{
	transform: rotate(-5deg);
   -moz-transform: rotate(-5deg);
   -webkit-transform: rotate(-5deg);
}

#flashContent{
	align:center;
	margin-left:65px;
	height:472px;
	width:640px;
}

#woodBorderTop{
	position: relative;
	top:8px;
	left:-40px;
	z-index:1;
}

#woodBorderLeft{
	position: absolute;
	top:74px;
	left:100px;
	z-index:2;
}

#woodBorderRight{
	position: absolute;
	top:74px;
	right:89px;
	z-index:2;
}

#woodBorderBottom{
	position: relative;
	top:-8px;
	left:-40px;
	z-index:1;
}