@font-face {
    font-family: 'batik_regularregular';
    src: url('fonts/batik-webfont.eot');
    src: url('fonts/batik-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/batik-webfont.woff') format('woff'),
         url('fonts/batik-webfont.ttf') format('truetype'),
         url('fonts/batik-webfont.svg#batik_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HEADER */
#header {
  overflow: hidden;
  height: 158px;
  position: relative;
  width: 850px;
}

#logo {
  position: absolute;
  top: 30px;
  right: 33px;
}

#timezones {
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  position: absolute !important;
  top: 127px;
  right: 45px;
  text-align: right;
  width: 600px !important
}

#timezones .city {
  background: transparent !important;
  width: 600px;
}

#timezones .city span {
  margin-left: 5px;
}

/**
 * MAP
 */
#world-map {
	height: 400px;
	width: 592px;
	position: relative;
}

#small-flags .flag {
	cursor: pointer;
	position: absolute;
	display: block;
	height: 24px;
	width: 22px;
}

#small-flags span {
	color: #666666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
}

#world-map .timezone {
	background: #ffffff;
	display: none;
	font-family: 'batik_regularregular';
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: 25px;
	text-align: right;
	width: 300px;
}

#world-map .timezone .city {
	font-size: 18px;
	margin-top: 15px;
}

#world-map .timezone .gmt {
	font-size: 12px;
}

#world-map .timezone img {
	float: right;
}

#world-map .gmt-time {
 position: absolute;
 top: 0;
 right: 20px;
 color: #cccccc;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}