@charset "UTF-8";

.grey {color: #aaa;}


.city_detail_container { display: none; }
.city_detail_container .city_detail { width: 300px; border: 1px solid #ccc; }


.map_contianer {
background-image: url(../images/template/map.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 500px;
width: 100%;
position: relative;
color: #000;
font-family: Arial;
font-size: 12px;
float: right;
}
#p01 {
    
    margin-left: 800px;
    }
    
#p02 {
    
    margin-left: 350px;
    margin-top: 350px;
}
#foo{
    margin-top: 0px;
}

.map_contianer .clear_both { clear: both; line-height: 1px; }

.map_contianer h2 {
	font-family: Lato, Raleway;
	font-size: 20px;
	font-weight: bolder;
}
.map_contianer h3 {
	font-family:Roboto, Lato, Raleway ;
	margin: 0px 0px 12px 0px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #2c3748;
}

.map_contianer p {
	font-family: Lato, Raleway ;
	margin: 0px 0px 12px 0px;
	font-size: 14px;
	color: #000;
}
.map_contianer p { margin: 0px 0px 12px 0px; }

.map_contianer a, a:visited { color: #AA0000; margin: 0px 10px 0px 0px; }
.map_contianer a.dot {
	background-image: url(../images/template/dots.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 20px;
	display: block;
	position: absolute;
	cursor: pointer;
}
.map_contianer a.dot.selected {
	background-position: 0px -40px;
}
.map_contianer a.dot:hover {
	background-position: 0px -20px;
}
.map_contianer .form_continent {
	position: absolute;
	top: 275px;
	left: 10px;
}
.map_contianer .detail_container {
	position: absolute;	
	left: 800px;
    top: 100px;
	width: 540px;
	height: 440px;
}
.map_contianer .city_detail {
	position: absolute;
	top:  0px;
    /*left: -450px;*/
	width: 440px;
    height: 440px;
	padding: -20px 0px 0px 12px;
	/*border: 1px solid #a9b5c8;*/
	/*border-top: 1px solid #a9b5c8;*/

}

.map_contianer .city_detail .city_photo {
	float: left;
	/*margin: 0px 0px 0px 0px;*/
	/*border: 1px solid #fff;*/
	
}
.map_contianer .city_detail .city_info {
	width: 400px;
	float: left;
	margin-left: 2px;
}