/* fonts */

@font-face {
	font-family: 'AllerDisplay';
	src: url(//:) format('no404'), url('allerdisplay-webfont.woff') format('woff'), url('allerdisplay-webfont.svg#AllerDisplayRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aller';
	src: url(//:) format('no404'), url('aller_bd-webfont.woff') format('woff'), url('aller_bd-webfont.svg#AllerBold') format('svg');
	font-weight: bold;
	font-style: normal;
}
	
@font-face {
	font-family: 'Aller';
	src: url(//:) format('no404'), url('aller_bdit-webfont.woff') format('woff'), url('aller_bdit-webfont.svg#AllerBoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Aller';
	src: url(//:) format('no404'), url('aller_it-webfont.woff') format('woff'), url('aller_it-webfont.svg#AllerItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'AllerLight';
	src: url(//:) format('no404'), url('aller_lt-webfont.woff') format('woff'), url('aller_lt-webfont.svg#AllerLightRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerLight';
	src: url(//:) format('no404'), url('aller_ltit-webfont.woff') format('woff'), url('aller_ltit-webfont.svg#AllerLightItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Aller';
	src: url(//:) format('no404'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.svg#AllerRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* link style */

a:link, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

#bottom a:link, #bottom a:visited {
	color: #fff;
}
#bottom a:hover, #bottom a:active {
	color: #fff;
}


/* heading style */

h2 {
	font-family: 'AllerDisplay';
	font-size:25px;
}
h4 {
	font-family: 'AllerDisplay';
	font-size:16px;
}


/* -------------------- page layout -------------------- */

/* center-box */

body {
	font-family:'Aller';
	font-weight: normal;
	font-style: normal;
	font-size:1em;
	color: #000;
  background-color: #000;
}

/* navigation */

#close, #close-hover {
	position:absolute;
	width:28px; 
	height:28px;
	top:-14px;
	right:-14px;
	z-index:25;
}
#close-hover {
	opacity:0;
}
#close-hover:hover {
	position:absolute;
	opacity:1;
	transition:opacity 0.25s ease-in-out;
	-moz-transition:opacity 0.25s ease-in-out;
	-webkit-transition:opacity 0.25s ease-in-out;
	-o-transition:opacity 0.25s ease-in-out;
}


/* add the background image */

.map, .house {
	display:block; 
	width:1247px;
	height:718px; 
	position:relative;
	clear:left;
	margin:116px auto;
	border:3px solid #4787c9;
}
.map {
	background:url(map.jpg) no-repeat;
	box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	border-radius: 16px;
}
.house {
	background:url(house.jpg) no-repeat;
	background-color:rgba(113,202,244,0.8);
	box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
	border-radius: 16px;
}
a.map, a.house {
	border:0px;
	box-shadow:0px 0px 0px #000;
	-webkit-box-shadow:0px 0px 0px #000;
}


/* center-frames */

#left-frame {
	position:absolute;
	left:10px;
	top:10px;
	width:482px;
	max-height: 672px;
	padding:10px;
	margin:0px;
	border:3px solid #4787c9;
	border-radius: 16px;
	box-shadow:0px 0px 3px #000;
	background:rgba(113,202,244,0.8);
}
#right-frame {
	position:absolute;
	right:10px;
	top:10px;
	max-height: 672px;
	width:682px;
	margin:0px;
	padding:10px;
	border:3px solid #4787c9;
	border-radius: 16px;
	box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	background:rgba(113,202,244,0.8);
}
.inner-frame {
	padding:0;
	margin:0;
	overflow:auto;
	position:relative;
	max-height: 672px;
}
.inner-frame .flexcroll {
	height: 672px;
}



/* bottom */

#bottom {
	position:fixed;
	bottom:5px; right:5px;
	color:#fff;
	font-size:12px;
}
.preloaded-images {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	visibility:hidden;
}