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

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

.map-cnt { background-color: #000; padding: 5px; font-family: "opensans", Arial, serif; font-size: 12px; line-height: 20px; }
.map-top { background-color: #b96119; text-align:center; color: #eaeaea; font-size: ; }
.map-top p { margin-bottom: 0; }
.map-top h2 { text-transform: uppercase; font-weight: bold; font-size: 20px; padding-bottom: 0; margin-bottom: 0; color: #ff9c00; }
.map-top .heading { height: 73px; background: url(images/map-top.png) repeat-x 0 0; padding: 7px 20px 0 20px; }
.map-top p.explore { padding: 5px 0;  }

.map { height: 418px; background: url(images/map-black.png) no-repeat 0 0; position:relative; overflow: hidden; margin: 35px 0 60px; }

.map .tip-holder.active { z-index: 99; }

.map .globals { width: 92px; padding: 5px; background: #646464; position:absolute; top: 275px; left: 565px; text-align:center; font-size: 12px; color: #fff; }
.map .globals a.globe-link { height: 88px; width: 92px; background: #222 url(images/globe.png) no-repeat 8px center; display:block; font-size: 0; line-height: 0; text-indent: -4000px; }
.map .globals a.globe-link:hover,
.map .globals.active a.globe-link { background-position: -92px center;  }
.map .globals .tip { text-align:left; left: 115px; top: -105px; }

.map .pin { position:absolute; top: 0; left: 0; margin: -41px 0 0 -21px; }
.map .pin a.trigger { height: 50px; width: 45px; background: url(images/pins.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; display:block; }
.map .pin a.trigger:hover,
.map .pin.active a.trigger { background-position: right 0; }
.map .tip { position:absolute; left: 52px; top: -95px; width: 204px; background: url(images/tip-bg.png) repeat 0 0; color: #fff; padding: 5px 10px 0 10px; border: 1px solid #2f2f2f; display:none; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); z-index: 1; }
.map .tip.active { z-index: 99; }
.map .tip h4 { font-size: 17px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #2f2f2f; padding-bottom: 4px; margin-bottom: 4px; }
.map .tip h4 a { color: #FFF; }
.map .tip span.arr { height: 46px;  width: 22px; background: url(images/tip-arr.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: 50px; left: -22px; }
.map .tip p.tr { text-align:right; font-style: italic; font-size: 9px; color: #9d9c9c; margin-bottom: 0; }

.map .tip .tip-bottom { position:relative; margin: 0 -10px; }
.map .tip .tip-bottom a { display:block; height: 20px; line-height: 20px; font-size: 10px; color: #fff; text-align:right; text-decoration:none; font-style:italic; padding-right: 5px; background-color: #b96119; }
.map .tip .tip-bottom a:hover { background-color: #eb7d23; }

.map .tip .min-slider { border: 1px solid #333233; background: #1f1300; padding: 5px 20px; width: 162px; height: 48px; margin-bottom: 43px; }
.map .tip .min-slider .jcarousel-clip { width: 162px; height: 48px; overflow: hidden; position:relative; }
.map .tip .min-slider ul { list-style:none; list-style-position: outside; }
.map .tip .min-slider ul li { float:left; width: 54px; text-align:center; margin: 0; }
.map .tip .min-slider ul li a { display:block; width: 42px; height: 42px; margin: 0 auto; border: 3px solid #73666d; }
.map .tip .min-slider ul li.photo-exp a { border-color: #73666d; }
.map .tip .min-slider ul li.video-exp a { border-color: #bc6946; }
.map .tip .min-slider ul li.sound-exp a { border-color: #cdba94; }
.map .tip .min-slider ul li span.title { display:none; }

.jcarousel-prev-horizontal,
.jcarousel-next-horizontal { height: 60px; width: 17px; background: url(images/min-slider-arrs.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: -6px; cursor: pointer; }
.jcarousel-prev-horizontal { left: -20px; }
.jcarousel-prev-horizontal:hover { background-position: 0 bottom; }
.jcarousel-next-horizontal { right: -20px; background-position: right 0;  }
.jcarousel-next-horizontal:hover { background-position: right bottom; }

.map .tip .min-slider span.slide-title { font-size: 12px; color: #fff; line-height: 16px; font-family: "opensans", Arial, serif; position:absolute; top: 61px; left: -20px; padding-left: 35px; min-height: 29px; }
.map .tip .min-slider span.photo-ico { background: url(images/tip-photo-ico.png) no-repeat 0 1px; }
.map .tip .min-slider span.video-ico { background: url(images/tip-video-ico.png) no-repeat 0 1px; }
.map .tip .min-slider span.sound-ico { background: url(images/tip-sound-ico.png) no-repeat 0 1px; }

/* left tooltip */
.map .opposite-tip .tip { left: -244px; }
.map .opposite-tip .tip span.arr { background-image:url(images/left-tip-arr.png); left: auto; right: -22px; }

/*
	POPUP
*/
.overlay { height: 100%; width: 100%; position:absolute; top: 0; left: 0; background: url(images/overlay.png) repeat 0 0; z-index: 99; display:none; }
.popup { width: 870px; height: 0; position: absolute; top: 50%; margin-top: 0; left: 50%; margin-left: -440px; background: #000 /* url(images/overlay.png) repeat 0 0 */; border: 5px solid rgba(48, 48, 48, 0.8); z-index: 999; box-shadow: 0px 0px 10px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1); -o-box-shadow: 0px 0px 10px rgba(0,0,0,1); display:none; overflow: hidden; }
.popup a.close-popup { font-size: 18px; font-weight:bold; color: #9f9f9f; position:absolute; top: 0; right: 0; padding-right: 20px; text-transform: uppercase; text-decoration:none; height: 18px; line-height: 19px; background: url(images/popup-close.png) no-repeat right center; top: 12px; right: 12px; }
.popup a.close-popup:hover { color: #fff; }
.popup .popup-head { height: 60px; padding: 0 15px; }
.popup .popup-head h2 { font-size: 32px; color: #fff; line-height: 60px; text-transform: uppercase; }

.popup .action-line { padding: 7px 20px; background-color: #262626; height: 30px; position:relative; z-index: 999; }
.popup .action-line label { font-size: 16px; line-height: 30px; color: #c6c6c6; float:left; padding-right: 5px; }
.popup .filters { float:left; width: 395px; background: url(images/emboss.png) no-repeat right 0; }
.popup .filters ul { list-style:none; list-style-position: outside; }
.popup .filters ul li { margin: 0 8px 0 0; float:left; height: 30px; width: 74px; position:relative; cursor: pointer; padding-left: 29px; text-align:center; }
.popup .filters ul li.photo-exp { background-color: #73666d; }
.popup .filters ul li.video-exp { background-color: #cdba95; }
.popup .filters ul li.sound-exp { background-color: #bc6946; }
.popup .filters ul li input { display:none; }
.popup .filters ul li span { height: 30px; width: 30px; position:absolute; top: 0; left: 0; background: url(images/custom-check.png) no-repeat center center; }
.popup .filters ul li.checked span { background-image:url(images/custom-check-checked.png); }
.popup .filters ul li em { font-style: normal; line-height: 32px; text-transform: uppercase; color: #fff; }
.popup .filters ul li.photo-exp span { background-color: #887981; }
.popup .filters ul li.video-exp span { background-color: #e2cda5; }
.popup .filters ul li.video-exp em { color: #413b2f; }
.popup .filters ul li.sound-exp span { background-color: #db7a52; }

.popup .dd-menu { width: 415px; float:right; }


.popup .cnt { padding: 8px; padding-bottom: 0; margin-bottom: 8px; height: 306px; overflow: hidden; }
.popup .cnt .media-holder { width: 430px; float:left; height: 293px; border: 5px solid #3d2b36; }
.popup .cnt .info-holder { width: 395px; float:right; padding-top: 5px; }
.popup .cnt .info-holder ul li {color:#CBCACA;}
.popup .cnt .scroller { height: 250px; overflow-y: auto; margin-bottom: 15px; }
.popup .cnt h2 { font-size: 26px; color: #d67a22; margin-bottom: 10px; padding-bottom: 0; font-weight: bold; }
.popup .cnt p { font-size: 12px; color: #cbcaca; font-family: "opensans", Arial, serif; }
.popup .cnt .btns { height: 36px; padding-right: 11px; }
.popup .cnt .btns a { height: 36px; width: 147px; background: url(images/info-btns.png) no-repeat 0 0; float:left; padding: 0 0 0 28px; line-height: 35px; color: #9a9a9a; font-size: 14px; text-decoration:none; text-align:center; }
.popup .cnt .btns a:hover { background-position: 0 bottom; color: #fff; }
.popup .cnt .btns a.next-btn { background-position: right 0; padding: 0 28px 0 0; float:right; }
.popup .cnt .btns a.next-btn:hover { background-position: right bottom; }

.popup .cnt .sound-type .media-holder { position: relative; }
.popup .cnt .sound-type .media-holder .audio { position: absolute; width: 406px; height: 34px; bottom: 10px; left: 12px; background: url(images/audio-player-bg.png); }

.popup .cnt .sound-type .media-holder .audio .play { display: inline; position: absolute; top: 12px; left: 24px; width: 6px; height: 10px; background: url(images/audio-button-play.png); }
.popup .cnt .sound-type .media-holder .audio .play:hover { background-position: right top; }

.popup .cnt .sound-type .media-holder .audio .pause { display: none; position: absolute; top: 12px; left: 24px; width: 6px; height: 10px; background: url(images/audio-button-pause.png); }
.popup .cnt .sound-type .media-holder .audio .pause:hover { background-position: right top; }

.popup .cnt .sound-type .media-holder .audio.playing .play { display: none; }
.popup .cnt .sound-type .media-holder .audio.playing .pause { display: inline; }

.popup .cnt .sound-type .media-holder .audio .volume { position: absolute; top: 9px; right: 24px; width: 25px; height: 16px; background: url(images/audio-volume-control.png); overflow: hidden; }
.popup .cnt .sound-type .media-holder .audio .progress { position: absolute; top: 10px; left: 45px; right: 60px; width: auto; height: 10px; border: 1px solid #181818; border-radius: 2px; overflow: hidden; }
.popup .cnt .sound-type .media-holder .audio .progress .value { background: url(images/audio-progress-value.png) left top repeat-x; height: 9px; top: 2px; }

.popup .cnt .sound-type .media-holder .audio .value { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-image: inherit; background-position: left bottom; }

.popup .cnt .post { display:none; height: 100%; overflow: hidden; }

.popup a.show-thumbs { height: 22px; background-color: #b96119; display:block; padding: 0 10px; font-size: 12px; line-height: 22px; color: #fff; text-decoration:none; text-align:left; font-family: "opensans", Arial, serif; }
.popup a.show-thumbs:hover { background-color: #eb7d23; }

.thumbs-slider { height: 62px; padding: 7px 39px; background: url(images/overlay.png) repeat 0 0; width: 790px;  border: 1px solid #563554; display:none; }
.thumbs-slider ul { height: 68px; list-style:none; list-style-position: outside; margin: 0; width: 792px; height: 62px; overflow: hidden; }
.thumbs-slider .jcarousel-clip { width: 792px; height: 62px; }
.thumbs-slider li { float:left; width: 72px; height: 62px; text-align:center; margin: 0; }
.thumbs-slider li img { height: 52px; width: 52px; border: 5px solid #73666d; }
.thumbs-slider li.photo-exp img { border-color: #73666d; }
.thumbs-slider li.sound-exp img { border-color: #bc6946; }
.thumbs-slider li.video-exp img { border-color: #cdba95; }
.thumbs-slider li .thumb-hover { display:none; }

.thumbs-slider .jcarousel-prev-horizontal,
.thumbs-slider .jcarousel-next-horizontal { height: 77px; width: 35px; background-image: url(images/thumb-slider-arrs.png); top: -8px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
.thumbs-slider .jcarousel-prev-horizontal { left: -39px; }
.thumbs-slider .jcarousel-next-horizontal { right: -39px; }

.thumb-hover { height: 42px; background: #73666d; border: 5px solid #887981; position:absolute; padding: 5px 10px; width: 197px; font-size: 13px; color: #fff; z-index: 999; }
.thumb-hover.sound-ico { background-color: #bc6946; border-color: #db7a52; }
.thumb-hover.video-ico { background-color: #cdba95; border-color: #e2cda5; color: #413b2f; }
.thumb-hover span { display:block; height: 42px; padding-left: 40px; background: url(images/slide-photo-ico.png) no-repeat 0 center; }
.thumb-hover.sound-ico span { background-image:url(images/slide-sound-ico.png); }
.thumb-hover.video-ico span { background-image:url(images/slide-video-ico.png); }
.thumb-hover em { height: 15px; width: 18px; position:absolute; bottom: -15px; left: 20px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/exp1-arr.png) no-repeat 0 0; }
.thumb-hover.sound-ico em { background-image:url(images/exp2-arr.png); }
.thumb-hover.video-ico em { background-image:url(images/exp3-arr.png); }

.popup-bottom { width: 100%; bottom: 0; left: 0; position:absolute; }


.media-slider { width: 430px; height: 293px; overflow: hidden; }
.media-slider ul { list-style:none; list-style-position: outside; }
.media-slider ul li { width: 430px; height: 293px; float:left; margin: 0; }
.media-slider .jcarousel-prev-horizontal,
.media-slider .jcarousel-next-horizontal { height: 76px; width: 76px; background-image: url(images/media-slider-arr.png); top: 110px; }
.media-slider .jcarousel-prev-horizontal { left: 15px; }
.media-slider .jcarousel-next-horizontal { right: 15px; }