#relcontain{
position:relative;
	width:980px;
	height:817px;
}

#background{
	position:absolute;

	background: url('day_4_map.jpg') no-repeat center center;
}


#map{

	width:980px;
	height:817px;

}

.viewport{
	padding-top:115px;
	padding-bottom:50px;
	padding-right:0px;
	padding-left:75px;
	float: left;
    left: 0px;
    position: relative;
    top: 0px;
	z-index:1000;
	width:120px;
	height:120px;
	}
	
	.viewportrel{
	padding-top:100px;
	padding-bottom:50px;
	padding-right:0px;
	padding-left:75px;
	float: left;
    left: 0px;
    position: relative;
    top: 0px;
	z-index:1000;
	width:150px;
	height:150px;
	}
	
	.viewportrel a img{
	height: 150px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 150px;
	
}

.viewport a img{
	height: 120px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 120px;
	
}

#bubble{
z-index:1000;
display: none;
position: absolute;
margin-top:120px;
margin-left:16px;
width:85px;
height:60px;
background: url('bubble.png') no-repeat center;
}

#bubblerel{
z-index:1000;
display: none;
position: absolute;
margin-top:140px;
margin-left:32px;
width:85px;
height:65px;
background: url('bubble.png') no-repeat center;
}


.viewport a #bubble .bubbletext{
display:inline-block;
width:85px;
height:60px;
padding-top:10px;
  line-height: 48px;
  text-align: center;
  font-weight:bold;
font-family: "trebuchet ms";
font-size: 16px;
color: #442032;
text-shadow: #A9BD60 0px 1px 0px;
}

#released{
display:inline-block;
width:85px;
height:60px;
padding-top:27px;
  line-height: 10px;
  text-align: center;
  font-weight:bold;
font-family: "trebuchet ms";
font-size: 11px;
color: #442032;
text-shadow: #A9BD60 0px 1px 0px;
}



#box{
	padding-top:50px;
	padding-bottom:50px;
	padding-right:50px;
	padding-left:50px;
	float: left;
	height: 225px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 225px;
	z-index:1000;
}

#boxbg1{
	height: 225px;
    width: 225px;
	background: url('top_circle_1.png') no-repeat center;
}

#boxbg2{
	height: 225px;
    width: 225px;
	background: url('top_circle_2.png') no-repeat center;
}

#boxbg3{
	height: 225px;
    width: 225px;
	background: url('top_circle_3.png') no-repeat center;
}

#box a img{
    top: 50%;
    margin-top: -108px;
    left: 50%;
    margin-left: -110px;
    position: absolute;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

#box a img:hover{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#arrow{
   margin-top:166px;
}

#banner{
position:absolute;
left:150px;
top:250px;
z-index:0;
}

#topbox img{
left:290px;
top:158px;
position:absolute;
}


.infobox{
  font-weight:bold;
font-family: "trebuchet ms";
font-size: 14px;
}

#progressbartext{
	width:980px;
	position:relative;
  line-height: 35px;
  text-align: center;
  font-weight:bold;
font-family: "trebuchet ms";
font-size: 16px;
color: #442032;
text-shadow: #A9BD60 0px 1px 0px;
}

#unlocks{
width:980px;top:313px;position:absolute;
line-height: 35px;text-align: center;font-size: 16px;color: #cccccc;text-shadow: #0b3231 0px 2px 0px;

}

#unlocks2{
z-index:1;
position:absolute;bottom:0;right:0;visibility:visible;
width:680px;
line-height: 35px;text-align: center;font-size: 16px;color: #cccccc;text-shadow: #0b3231 0px 1px 0px;
}


#progresstext{position:absolute;bottom:0;left:260px;visibility:visible;}

/* FONT STUFF */
/*
@font-face
{
	 font-family: 'OldEnglish'; 
		src: url('OLDENGL.TTF'),
			 url('OLDENGL.TTF');
	
} ILLEGAL*/ 

#island_jinkuma{position:absolute;top:540px;left:545px;visibility:visible;}
#city_dixiong{position:absolute;top:585px;left:725px;visibility:visible;}
#city_xailao-jin{position:absolute;top:615px;left:465px;visibility:visible;}

#island_qi_an{position:absolute;top:308px;left:268px;visibility:visible;visibility:visible;}
#city_tanjin{position:absolute;top:360px;left:325px;visibility:visible;}
#city_quanlao{position:absolute;top:425px;left:400px;visibility:visible;}
#city_yuanli{position:absolute;top:275px;left:370px;visibility:visible;}

#island_lefwa{position:absolute;top:158px;left:365px;visibility:visible;}
#city_liyujin{position:absolute;top:170px;left:230px;visibility:visible;}
#city_haiyao-qin{position:absolute;top:230px;left:305px;visibility:visible;}

#thing_compass{position:absolute;bottom:0;left:0;visibility:visible;z-index:100;background-image:url('map_compass_behind.png');}
#holder{position:absolute;top:100px;}

#battle_link{position:absolute;bottom:25;right:25;visibility:visible;
line-height: 35px;text-align: center;font-weight:bold;font-family: "trebuchet ms";font-size: 32px;color: #cccccc;
text-shadow: #0b3231 0px 2px 0px;}

.resize{visibility:hidden;}

a img{border:none;}
div>div>a{opacity:0.6;}
div>div>a:hover{opacity:1;}
.infobox>a{opacity:1}