html, body {
	min-height: 800px;
	height: 100%;
	/*background: #28343b; /* Old browsers */
	background: -moz-linear-gradient(top,  #28343b 0%, #828c95 64%, #b5bdc8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28343b), color-stop(64%,#828c95), color-stop(100%,#b5bdc8)); /* Chrome,Safari4+ */
	background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 64%,#b5bdc8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #28343b 0%,#828c95 64%,#b5bdc8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
}

.map-container {
	margin: auto;
}

#footer {
	position: relative;
	padding-top: 10px;
	font-size: 9pt;
	margin: auto;
	width: 500px;
	text-align: center;	
	color: white;
	font-family: 'georgia';
}

#footer a {
	color: white;
	text-decoration: underline;
}

.maps {
	width: 1300px;
	display: none;
	margin: auto;
	position: relative;
	-webkit-box-shadow: 1px 8px 30px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 8px 30px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 8px 30px rgba(50, 50, 50, 0.75);
}

#asiaMap {
	display: none;
	width: 1024px;
	margin: auto;
	position: relative;
	-webkit-box-shadow: 1px 8px 30px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 8px 30px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 8px 30px rgba(50, 50, 50, 0.75);
}

/*------- Nav box Styles -------*/

#nav_box {
	position: absolute;
	width: 60px;
	height: 90px;
	top: 0px;
	left: 125px;
	background-color: black;
	z-index: 8;
	color: white;
	padding-left: 10px;
}

#nav_box .button {
	width: 50;
	height: 25;
	margin-top: 10px;
	padding-bottom: 5px;
}

.button:hover {
	filter: alpha(opacity=65);
  	opacity: .65;
  	transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
}

#world {
	border-bottom: 1px dashed white;
	margin-right: 10px;
	padding-left: 2px;

}


.locations {
	background-image: url('../img/location-dot.png');
	background-position: -4px -2px;
	position: absolute;
	width: 32px;
	height: 32px;
	/*border: red solid 1px; */
	z-index: 8;
		opacity: 1;
	transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
	
}

.locations:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  background-position: 0 0 ;
  background: url('../img/glow.png')bottom;
	
}


.popover-content {
	line-height: initial !important;
}

/* ----- Locations ------*/


#singapore{
	top: 474px;
	left: 613px;	
}

#skorea {
	top: 114px;
	left: 791px;
}

#tokyo {
	top: 117px;
	left: 882px;
}

#bali {
	top: 577px;
	left: 741px;
}


/* ----- European Locations ------*/

#scotland {
	top: 230px;
	left: 460px;
}

#england {
	top: 307px;
	left: 487px;
}

#berlin {
	top: 310px;
	left: 675px;

}

#hamburg {
	top: 285px;
	left: 635px;
}

#munich {
	top: 380px;
	left: 650px;
}

#blackForest {
	top: 373px;
	left: 614px;
}

#amsterdam {
	top: 294px;
	left: 571px;
}

#spain {
	top: 528px;
	left: 467px;

}

#rome {
	top: 498px;
	left: 662px;

}

#milan {
	top: 426px;
	left: 652px;

}

#eindhoven {
	top: 321px;
	left: 576px;

}

#istanbul {
	top: 522px;
	left: 880px;

}

#cappadocia {
	top: 553px;
	left: 934px;

}

/* ----- African Locations ------*/

#tangier {
	top: 66px;
	left: 442px;
}

#asliah {
	top: 77px;
	left: 421px;
}

#essaouira {
	top: 100px;
	left: 402px;
}

#marrakech {
	top: 106px;
	left: 424px;
}

/* ----- American Locations ------*/

#costaRica {
	top: 171px;
	left: 404px;
}

.fade {
	-webkit-transition: opacity 1s ease-in-out;
  	-moz-transition: opacity 1s ease-in-out;
  	-ms-transition: opacity 1s ease-in-out;
  	-o-transition: opacity 1s ease-in-out;
  	transition: opacity 1s ease-in-out;
}

/* ----- Glowy Bits ------*/

#asia-utopia {
	position: absolute;
	top: 313px;
	left: 995px;
  	width: 66px;
	height: 66px;
}

#asia-utopia:hover {
  	filter: alpha(opacity=100);
  	opacity: 1;
  	background-position: 0 0;
  	background: url('../img/utopia-hover.png') bottom;

}

#utopia {
	position: absolute;
	top: 347px;
	left: 925px;
  	width: 66px;
  	height: 66px;
  	z-index: 15;
}

#utopia:hover {
	filter: alpha(opacity=100);
  	opacity: 1;
  	background-position: 0 0;
  	background: url('../img/utopia-hover.png') bottom;
}

#asia {    
	-webkit-transition: opacity 1s ease-in-out;
  	-moz-transition: opacity 1s ease-in-out;
  	-ms-transition: opacity 1s ease-in-out;
  	-o-transition: opacity 1s ease-in-out;
  	transition: opacity 1s ease-in-out;
}

#asia:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  background-position: 0 0;
  background: url('../img/asia_glow.png') bottom;
}

#asia {
	position: absolute;
	z-index: 10;
	
	text-indent: -99999px;
	/* border: 1px red solid; */
	width: 386px;
	height: 406px;
	top: 82px;
	left: 595px;
}



#europe {
	position: absolute;
	z-index: 12;
	width: 242px;
	height: 178px;
	top: 132px;
	left: 458px;
}

#europe:hover {
	filter: alpha(opacity=100);
  	opacity: 1;
  	background-position: 0 0;
  	background: url('../img/europe-glow.png') bottom;
	background-position: 0 0;
}

#africa {
	position: absolute;
	z-index: 12;
	width: 219px;
	height: 280px;
	top: 291px;
	left: 448px;	
}

#africa:hover {
	filter: alpha(opacity=100);
  	opacity: 1;
  	background-position: 0 0;
  	background: url('../img/africa-glow.png') bottom;
	background-position: 0 0;
}

#americas {
	position: absolute;
	z-index: 12;
	width: 226px;
	height: 429px;
	top: 187px;
	left: 254px;
}

#americas:hover {
	filter: alpha(opacity=100);
  	opacity: 1;
  	background-position: 0 0;
  	background: url('../img/americas-glow.png') bottom;
	background-position: 0 0;
}

#gisela {
	position: absolute;
	z-index: 12;

	top: 156px;
	left: 330px;
}

#bubble {
	background: url('../img/bubble.png') bottom;
	position: absolute;
	z-index: 12;
	width: 419px;
	height: 441px;
	top: 102px;
	left: 613px;
}

#bubble-text {
	font-family: 'georgia';
	margin: 42px;
	margin-left: 86px;
	margin-top: 34px;
}