/* @override https://dl.dropbox.com/u/1069995/latte/map_mockup/style.css */

body {
	margin:  0;
	font-family: "Oswald";
	font-weight: 300;
}

#header {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	min-width: 960px;
	background-color: white;
	height: 120px;
}

#header #logo {
	float: left;
	margin-top: 20px;
}

#header #menu {
	float: right;
	margin-top: 25px;
	margin-right: 0px;
}

#header #menu a {
	text-decoration: none;
	color: #6f6e6d;
	font-size: 14px;
	margin-left: 20px;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
}

#header #menu a:hover {
	color: #88c23e;
}

#header_center {
	margin:0px auto;
	width: 960px;
}



#video {
	position: absolute;
	top: 120px;
	min-width: 960px;
	width: 100%;
	background-color: white;
	
}

#video_center {
	margin:0px auto;
	width: 975px;
	padding-bottom: 50px;
	text-align: center;
}



#map_intro_center {
	margin:0px auto;
	width: 960px;
}


#map {
	position: absolute;
	top: 710px;
	width: 100%;
	background: url(images/map.png) no-repeat center top white;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;

}

#map_center {
	position:relative;
	margin:0px auto;
	width: 970px;
	height: 353px;
	min-width: 960px;	
	background: transparent;
}




#map_background {
}

#fade {
	background: url(fade.png) repeat-x bottom;
	height: 20px;
	margin:0px auto;
	width: 960px;	
}


#content {
	position: relative;
	top: 1090px;
	width: 985px;
	margin:0px auto;
	background-repeat: repeat-y;
}

#content_center {
	background: url(images/background.gif) center 185px;
}


#content .box {
	margin-bottom: 30px;
	background: white;
	border:  1px solid #eee;
}

.city {
	position: absolute;
}


.city a {
	text-decoration: none;
	text-transform: uppercase;
	color: #575656;
}

.city a img{
	border: none;
}


#map_logo {
	position: absolute;
	top: 20px;
	left:  0px;
}

#map_logo img{
	border:  none;
}

#download_the_map {
	position: absolute;
	top: 320px;
	left: 4px;
}

#download_the_map img{
	border:  none;
}



.city#morahalom {
	top: 192px;
	left: 589px
}

.city#veszprem {
	top: 187px;
	left: 567px
}

.city#tartu {
	top: 8px;
	left: 662px
}

.city#estonia {
	top: 0;
	left: 647px
}

.city#polana_region {
	top: 162px;
	left: 574px
}

.city#tanvald_region {
	top: 138px;
	left: 540px
}

.city#slivenec {
	top: 142px;
	left: 525px
}

.city#trojanovice_and_zubri {
	top: 147px;
	left: 557px
}

.city#burgenland_austria_and_bratislava_region {
	top: 169px;
	left: 543px
}

.city#sofia {
	top: 240px;
	left: 624px
}

.city#the_baltic_sea {
	top: 3px;
	left: 578px
}

.city#besos {
	top: 255px;
	left: 388px
}

.city#agueda {
	top: 266px;
	left: 286px
}

.city#across_france {
	top: 168px;
	left: 339px
}

.city#blyth {
	top: 62px;
	left: 348px
}

.city#tukums {
	top: 29px;
	left: 616px
}

.city#northern_poland {
	top: 82px;
	left: 548px
}

.city#naples {
	top: 261px;
	left: 525px
}

.city#feldheim {
	top: 106px;
	left: 508px;
}




.box {
	padding-left: 25px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-top: 30px;
}
.box .name {
	float:  left;
	width: 205px;
	font-size: 21px;
	text-transform: uppercase;
	color: #b3b3b3;
	font-weight: bold;
}


.box .name img {
	margin-top: 20px;
	margin-right: 8px;
}


.box .name .country{
	font-size: 26px;
	color: #575655;
}




.box .details {
	float:  left;
	color: #7a7a7a;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 1px;
	width: 700px;
	padding-left: 20px;
}

.box .details h2{
	margin: 0;
	color: #595959;
}

.box .details .investment{
	margin: 0;
	color: #a0a0a0;
	font-weight: 400;
	font-size: 17px;
}

#footer {
	width: 980px;;
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;

	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
}

#footer #credits {
	float:  left;
	width: 550px;
	font-size: 13px;
	color: #818181;
}

#footer #credits h4{
	font-size: 18px;
	margin: 0;
	font-weight: normal;
	font-style: normal;
}


#footer #logos {
	float:  right;
	margin-right: 12px;
	margin-top: 23px;
}

#footer #logos img {
	border:  none;
}



#footer #logos #bankwatch img, #footer #logos #friends img {
	border-right: 1px solid #d3d3d3;
	padding-right: 12px;
}

#credits_latte_creative img{
	float:  right;
	margin-top:6px;
	padding-bottom:10px;
	border: none;
}




#sharing_panel {
	position: absolute;
	top: 120px;
	margin-left: 10px;
	background-color: #ededed;
	width: 130px;
	height: 150px;
	padding: 5px;
	border: 1px solid #c7c7c7;
}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


.qtip-content{
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 500px;
        
        text-align: left;
        word-wrap: break-word;
		font-size: 16px;
		letter-spacing: 1px;
	}

.qtip-content h2 a{
	text-decoration: none;
	color: #444544;
	font-weight: 400;
}