#sidebar{
	float:left;
	height:530px;
	position:relative;
	padding:0 15px;
	color:#555555;
	font-family:MetaPro;
}
#sidebar a{
	color:#555555;
	text-decoration:none;
	/*font-weight:bold;*/
	font-size:13px;
}
#sidebar a:hover,
#sidebar .current a{
	color:#98773c;
}
.map-container{
    position:relative;
    display:inline-block;
}
.map-container img{
    position:absolute;
    top:0;
    left:0;
    opacity:0.3;
}
.map-container img.hover{
    opacity:0.8;
}
.map-container img.selected-region{
    opacity:1;
}
#background{
    position:relative;
    display:block;
    opacity:1;
}
#blank{
    position:absolute;
    width:100%;
    height:100%;
}
img.hover ~ #blank{cursor:pointer;}




.vr-popup .fancybox-skin{
	border-radius:0;
}
#vr-popup{
	border-top:9px solid #b9642b;
	background:#f1f0ec;
	padding:30px 168px;
	height:540px;
	font-family:MetaPro;
	font-size:13px;
}
#vr-popup .slideshow{
	float:left;
	position:relative;
	margin-bottom:20px;
}
#vr-popup .images{
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	margin-right:15px;
	width:500px;
	overflow:hidden;
	white-space:nowrap;
	line-height:0;
}
#vr-popup .images li{
	padding:0;
	margin:0;
	display:inline-block;
	margin-right:5px;
}
#vr-popup .images li img{
	display:block;
	height:290px;
}
#vr-popup .navigation{position:absolute;top:0;left:0;right:0;bottom:0;}
#vr-popup .navigation .next,
#vr-popup .navigation .previous{
	position:absolute;
	top:50%;
	left:20px;
	width:58px;
	height:58px;
	margin-top:-29px;
	background:url('../img/slideshow-arrows.png') 0% 50% no-repeat;
	text-indent:-999px;
	display:none;
	overflow:hidden;
}
#vr-popup .navigation .next{
	left:auto;
	right:20px;
	background-position:100% 50%;
}
#vr-popup h1{
	/*float:left;
	width:160px;*/
	margin:0;
	color:#99763c;
	font-size:25px;
	padding:0;
	padding-bottom:15px;
}
#vr-popup .description{
	clear:both;
	color:#555555;
}
#vr-popup .description p{
	margin:0;
	padding: 0 0 10px;
}
.vr-popup .custom-close-button{
	color: #F1F0EC;
	font-size: 40px;
	position: absolute;
	right: -30px;
	top: 0;
	cursor:pointer;
	text-decoration:none;
}
#vr-popup hr {
    background: url("../img/perfore.png") repeat scroll 0 0 transparent;
    border: 0 none;
    display: block;
    height: 3px;
    padding: 0;
}
#vr-popup a.play-toggle{
	color:#b9632a;
	padding-left:40px;
	line-height:25px;
	background: transparent url('../img/audio-icon.gif') 0 0 no-repeat;
	display:inline-block;
	cursor:pointer;
}
#vr-popup a.play-toggle span{
	color: #555555;
}
/*VR CSS*/
#vr-container{
	position:relative;
	display:inline-block;
	width:708px;
	height:531px;
}
#vr-container:before {
    color: #CCCCCC;
    content: "please click here if area is not visible..";
    font-style: italic;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 20%;
	z-index:-1;
}
#tooltip{
	top:-9999px;
	left:-9999px;
	color:#fff;
	text-shadow:0 1px 1px #000;
	position:absolute;
	padding:10px 20px;
	border-radius:7px;
	background:rgb(185,100,43);
	background:rgba(185,100,43,0.7);
	box-shadow:0 0 6px -2px #000;
	z-index:4000;
	opacity:0;
	min-width:150px;
	pointer-events:none;
	left:-9999px;
}
#rsr {
	width: 197px;
	height: 223px;
	text-align: left;
}
.map-container {
	margin: 0 0 40px 0;
	position:relative;
	width:197px;
	height:223px;
	
}
#map-tooltip {
	position:absolute;
	margin-left:-23px;
	margin-top:-8px;
	background:#ccc;
	border-radius:2px;
	box-shadow:0 0 2px #000;
	z-index:9999;
	display:none;
	width:150px;
	padding:3px 5px;
	font-size:10px;
	font-family:tahoma;
	text-align:center;
}

#map-floors{
	list-style:none;
	padding:0;
	margin:0;
}
#map-items{
	position:absolute;
	left:15px;
	right:15px;
	bottom:0;
}

.dropdown-menu {
	overflow:auto;
	width:100%;
	max-height:400px;
}
#sidebar .dropdown-menu > li > a {
    padding: 5px 5px;
	margin: 0 5px;
    white-space: normal;
	border-bottom: 1px dotted #CCCCCC;
	font-weight:normal;
	font-size:12px;
}
.btn{
	border:0;
	border-radius:0;
	background-color:#98773C;
	color:white;
	font-weight:bold;
	padding:12px;
}
.btn-group, .btn-group-vertical{width:100%;}
.btn-group > .btn, .btn-group-vertical > .btn{
	text-align: left;
    width: 100%;
}
.up-arrow {
    float: right;
    margin-top: 8px;
}
.btn-default:hover, 
.btn-default:focus, 
btn-default:active, 
.btn-default.active, 
.open .dropdown-toggle.btn-default{background-color:#98773C;color:white;}
#sidebar  .dropdown-menu a:hover{color:#98773C;background-color:white;}
.dropup .btn-default .caret{border-bottom-color:white;}

/*sly scroll plugin specifics*/
.scroll-container{position:relative;overflow:hidden;clear:both;margin-top:15px;}
.scroll-container .description{height:350px;}
.scroll-container .slidee{padding-right: 25px;}
.scrollbar {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 7px;
	background: #555555;
	z-index:999;
	display:none;
}
.scrollbar .handle {
	width: 100%;
	height: 55px;
	background: #98773c;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: 0;
	left: -10px;
	width: 22px;
	height: 100%;
}