/*==========================================
	contains the map
============================================*/
#map_container{
	background: url(../images/Map.png) 50% 50% no-repeat;
	height: 715px;
	width: 100%;
	position: relative;
	color: #fff;
	margin: 0px 0px 0px 0px;
}

/*===========================================
	our markers (posiotion must be absolute)
===========================================*/
a.marker{
	position: absolute;
	background: url('../images/markers.png') 0% 0% no-repeat;
	height: 32px;
	width: 20px;
	display: block;
	cursor:pointer;
}

a.marker:hover{
	background: url('../images/markers.png') 0% 50% no-repeat;
}

a.current{
	background: url('../images/markers.png') 0 100% no-repeat;
}

.back{
	text-align: center;
}
/*===========================================
	info box
===========================================*/

.info_box {
	display: none;
	position: absolute; /* important because we need to dynamically position*/
	width: 240px;
	overflow: hidden;
	padding: 5px 10px;
    background-color: rgba(31,32,62,0.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    text-align:center;
}

.info_box h2{
	border-bottom: 1px solid #515a6b;
	/*color: #515a6b;*/
	font-weight: normal;
}

.info{
	display: none;
}