html, body, div, span, applet, object, embed, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, dl, dd, dt, form, label, input  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
html {
	height: 100%;
	min-width: 980px;
}
:focus {
	outline: 0;
}
ul, ol {
	list-style: none;
}
body {
	padding: 0;
	margin: 0;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 11pt;
	color: #fff;
	height: 100%;
	min-height: 800px;
	line-height: 1.2;
	background: #6e1e21 url('assets/images/design/bg.png');
}
img {
	border: 0;
}
a:link, a:visited {
	outline: none;
	text-decoration: none;
	color: #fff;
}
a:hover, a:active {
	text-decoration: none;
	color: #b68520;
}
sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
.clear {
	clear: both;
	font-size: 0.3pt;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#main {
	position: relative;
	/*
	top: 50%;
	margin: -400px auto 0;
	*/
	margin: 0 auto;
	min-width: 960px;
	max-width: 1280px;
	height: 800px;
	padding: 0 18px 0 9px;
}
#header {
	width: 100%;
	height: 140px;
	position: relative;
}
	#logotype {
		position: absolute;
		left: 0;
		top: 37px;
	}
	#gpbi {
		position: absolute;
		top: 42px;
		right: 0;
	}
	#topMenu {
		font-size: 11pt;
		text-transform: uppercase;
		position: absolute;
		top: 40px;
		left: 32.27%;
		width: 500px;
	}
		#topMenu li {
			width: 230px;
			float: left;
			line-height: 21px;
		}
		#topMenu li a:link,
		#topMenu li a:visited {
			color: #b68520;
			text-shadow: #000 1px 1px 2px;
			border-bottom: 1px solid #b68520;
			white-space: nowrap;
		}
		#topMenu li a:active,
		#topMenu li a:hover,
		#topMenu li.selected a:link,
		#topMenu li.selected a:visited {
			color: #fff;
			border-bottom: none;
		}
#content {
	width: 100%;
	height: 600px;
	position: relative;
}
#frame {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
	max-width: 1270px;
}
#frame.frame-border {
	border: #fff 5px solid;
}
/*
.frame-border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-box-shadow: inset 0 0 0 5px #fff;
	-webkit-box-shadow: inset 0 0 0 5px #fff;
	-o-box-shadow: inset 0 0 0 5px #fff;
	box-shadow: inset 0 0 0 5px #fff;
	z-index: 12;
}
*/
#dayNight {
	display: block;
	position: absolute;
	bottom: -26px;
	left: 50%;
	margin-left: 328px;
	width: 75px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	z-index: 1000;
	color: #fff;
	text-shadow: #b68520 1px 1px 2px;
	text-transform: uppercase;
}
	#dayNight.night:visited,
	#dayNight.night:link {
		background: #391010 url('assets/images/design/dark-bg.png');
	}
	#dayNight.day:visited,
	#dayNight.day:link {
		background: #a6741d url('assets/images/design/light-bg.png');
	}
	#dayNight.night:active,
	#dayNight.night:hover {
		background: #a6741d url('assets/images/design/light-bg.png');
	}
	#dayNight.day:active,
	#dayNight.day:hover {
		background: #391010 url('assets/images/design/dark-bg.png');
	}
#bottomMenu {
	position: absolute;
	left: 50%;
	bottom: -33px;
	width: 634px;
	height: 51px;
	margin-left: -317px;
	background: url('assets/images/design/bottomMenu-mouseout.png') left center repeat-x;
	z-index: 1000;
}
	#bottomMenu li {
		float: left;
		text-align: center;
		line-height: 51px;
	}
	#bottomMenu li.selected,
	#bottomMenu li.selected {
		
	}
	#bottomMenu li a:link,
	#bottomMenu li a:visited {
		height: 51px;
		color: #fff;
		text-shadow: #b68520 1px 1px 2px; 
		font-size: 11pt;
		text-transform: uppercase;
		background: url('assets/images/design/bottomMenu-line.png') left center no-repeat;
		display: block;
	}
	#bottomMenu li.one a {
		width: 178px;
		background: none;
	}
	#bottomMenu li.two a{
		width: 231px;
	}
	#bottomMenu li.three a {
		width: 225px;
	}
	#bottomMenu li a:active,
	#bottomMenu li a:hover,
	#bottomMenu li.selected a:link,
	#bottomMenu li.selected a:visited {
		background: url('assets/images/design/bottomMenu-mouseover.png') left center repeat-x;
	}

:link#gallery-arrow-left, :visited#gallery-arrow-left {
	position: absolute;
	left: 10px;
	top: 50%;
	width: 30px;
	height: 32px;
	margin-top: -16px;
	background: url('assets/images/design/gallery-arrow-bg.png') left bottom no-repeat;
	z-index: 15;
}
:active#gallery-arrow-left, :hover#gallery-arrow-left {
	background: url('assets/images/design/gallery-arrow-bg.png') left top no-repeat;
}
:link#gallery-arrow-right, :visited#gallery-arrow-right {
	position: absolute;
	right: 10px;
	top: 50%;
	width: 30px;
	height: 32px;
	margin-top: -16px;
	background: url('assets/images/design/gallery-arrow-bg.png') right bottom no-repeat;
	z-index: 15;
}
:active#gallery-arrow-right, :hover#gallery-arrow-right {
	background: url('assets/images/design/gallery-arrow-bg.png') right top no-repeat;
}

#scrollarea {
	position: relative;
}

#frame a.forwardPoint {
	position: absolute;
	min-width: 51px;
	height: 48px;
	display: block;
	color: #fff;
	cursor: hand;
	z-index: 15;
}
	#frame a:hover.forwardPoint,
	#frame a:active.forwardPoint {
		color: #ABD8DD;
	}
	#frame a.forwardPoint b {
		font-weight: bold;
		display: block;
		width: 51px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		font-size: 14pt;
		background: url('assets/images/design/infopoint.png') center center no-repeat;
		z-index: 10;
	}
	#frame a.forwardPoint span {
		display: block;
		margin: 0 50px;
		line-height: 28px;
		padding: 10px;
		background: url('assets/images/design/infopoint-bg.png') left top;
		font-size: 11pt;
		text-align: right;
		color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
		white-space: nowrap;
		z-index: -10;
	}
	#frame a.forwardPoint.inverse span {
		background: url('assets/images/design/infopoint-bg.png') right top;
	}
	#frame a.forwardPoint.double span {
		padding: 14px 10px;
		line-height: 10px;
		font-size: 8pt;
	}

#frame a.infoPoint {
	position: absolute;
	min-width: 51px;
	height: 48px;
	display: block;
	color: #fff;
	cursor: hand;
	z-index: 15;
}
	#frame a:hover.infoPoint,
	#frame a:active.infoPoint {
		color: #ABD8DD;
	}
	#frame a.infoPoint b {
		font-weight: bold;
		display: block;
		width: 51px;
		height: 48px;
		line-height: 48px;
		text-align: center;
		font-size: 14pt;
		background: url('assets/images/design/infopoint.png') center center no-repeat;
		z-index: 10;
	}
	#frame a.infoPoint.threesixty b {
		background: url('assets/images/design/infopoint-360.png') center center no-repeat;
		margin: -24px -25px 0 0;
	}
	#frame a.infoPoint span {
		display: block;
		margin: 0 50px;
		line-height: 28px;
		padding: 10px;
		background: url('assets/images/design/infopoint-bg.png') left top;
		font-size: 11pt;
		text-align: right;
		color: #fff;
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
		white-space: nowrap;
		z-index: -10;
	}
	#frame a.infoPoint.inverse span {
		background: url('assets/images/design/infopoint-bg.png') right top;
	}
	#frame a.infoPoint.double span {
		padding: 14px 10px;
		line-height: 10px;
		font-size: 8pt;
	}

#frame a.literFly {
	position: absolute;
	width: 195px;
	height: 51px;
	display: block;
	color: #fff;
	cursor: hand;
	text-shadow: #000 1px 1px 2px;
	overflow: hidden;
	font-size: 11pt;
	z-index: 15;
}
	#frame a.literFly span.mouseout {
		display: block;
		width: 195px;
		line-height: 51px;
		float: right;
		background: url('assets/images/design/dark-bg.png');
		text-align: center;
	}
	#frame a.literFly span b {
		padding-right: 15px;
		margin-right: 15px;
		background: url('assets/images/design/bottomMenu-line.png') right center no-repeat;
		font-weight: normal;
	}
	#frame a.literFly span.mouseover {
		display: block;
		width: 185px;
		margin-left: -185px;
		line-height: 51px;
		float: left;
		background: url('assets/images/design/light-bg.png');
		text-align: center;
	}
#frame a:link.sectionPoint,
#frame a:visited.sectionPoint {
	position: absolute;
	display: block;
	text-align: center;
	width: 47px;
	height: 46px;
	margin: -23px 0 0 -23px;
	line-height: 46px;
	background: url('assets/images/design/dark-bg.png');
	font-size: 14pt;
	z-index: 15;
	text-shadow: #000 1px 1px 2px;
}
#frame a:active.sectionPoint,
#frame a:hover.sectionPoint {
	background: url('assets/images/design/light-bg.png');
	color: #fff;
}
#frame a:link.x-btn,
#frame a:visited.x-btn {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 51px;
	height: 51px;
	z-index: 15;
}
#frame a:active.x-btn,
#frame a:hover.x-btn {
	background: url('assets/images/design/dark-bg.png');
}

#textArea {
	width: 100%;
	height: 100%;
	position: relative;
}
	#textAreaTitle {
		position: absolute;
		top: 20px;
		left: 20px;
		padding: 0 30px;
		height: 51px;
		line-height: 51px;
		text-align: center;
		text-shadow: #b68520 1px 1px 2px;
		font-size: 11pt;
		text-transform: uppercase;
		background: url('assets/images/design/light-bg.png');
	}
	#textAreaArticle {
		position: absolute;
		left: 216px;
		top: 101px;
		width: 71.875%;
		height: 470px;
	}

.txt h2 {
	font-weight: bold;
	color: #b68520;
}	
.txt p {
	margin-bottom: 1em;
}
.txt ul {
	margin-bottom: 1em;
	list-style-image: url('assets/images/design/bullet.png');
}
.txt li {
	margin-left: 20px;
}
.txt a:link,
.txt a:visited {
	color: #b68520;
	text-decoration: underline;
}
.txt a:hover,
.txt a:active {
	text-decoration: none;
}

#plansBox {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 800px;
	height: 590px;
	margin-left: -400px;
	z-index: 100;
	display: none;
}
	#floorFrame {
		position: absolute;
		left: 126px;
		top: 10px;
		width: 548px;
		height: 541px;
	}
	#floorHeader {
		width: 100%;
		height: 51px;
		background: url('assets/images/design/light-bg.png');
		line-height: 51px;
	}
	#floorHeader h2 {
		margin-left: 25px;
		text-shadow: #b68520 1px 1px 2px;
		font-weight: normal;
		text-transform: uppercase;
	}
	#floorSelector {
		position: absolute;
		top: 0;
		left: 0;
		width: 55px;
		padding: 6px 0;
		height: 578px;
		background: url('assets/images/design/dark-bg.png');
	}
	#floorSelector.twentyFour {
		padding: 9px 0;
		height: 572px;
	}
	#floorSelector li a {
		width: 55px;
		height: 34px;
		line-height: 34px;
		text-align: center;
		display: block;
		text-shadow: #b68520 1px 1px 2px;
		font-size: 13pt;
	}
	#floorSelector.twentyFour li a {
		height: 26px;
		line-height: 26px;
	}
	#floorSelector li a:hover,
	#floorSelector li a:active {
		background: url('assets/images/design/light-bg.png');
		color: #fff;
	}
	#floorSelector li.selected a:visited,
	#floorSelector li.selected a:link {
		background: url('assets/images/design/light-bg.png');
		color: #fff;
	}
	#floorPlaner {
		width: 528px;
		height: 490px;
		border-left: 10px #fff solid;
		border-right: 10px #fff solid;
		overflow: hidden;
	}
	#floorPlaner img {
		background-color: #fff;
	}
	svg path {
		cursor: pointer;
	}

#flatBox {
	display: none;
	position: absolute;	
	top: 100px;
	left: 100px;
	width: 205px;
	height: 130px;
	background: url('assets/images/design/flat-box.png') center center no-repeat;
	padding-top: 35px;
	padding-left: 25px;
	color: #fff;
	z-index: 1000;
	line-height: 1.2;
}
	#flatBox b {
		line-height: 40px;
		font-size: 18pt;
	}
	#flatBox b em {
		font-weight: normal;
	}
	#flatBox a {
		position: absolute;
		top: 35px;
		right: 20px;
		display: block;
		background: url('assets/images/design/pdf-icon.png') center center no-repeat;
		width: 55px;
		height: 79px;
	}

#stopimgoverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: opacity 10ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	-moz-transition: opacity 10ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	-o-transition: opacity 10ms cubic-bezier(0.260, 0.860, 0.440, 0.985);
	}
	
#stopimgoverlay.fadeIn {
	opacity: 1;
}
#stopimgoverlay.fadeOut {
	opacity: 0;
}

#video_target {
	position: relative;
	z-index: 10;
	overflow: hidden;
}

#footer {
	width: 100%;
	height: 60px;
	position: relative;
}
	#contacts {
		position: absolute;
		left: 5px;
		top: 20px;
		font-size: 10pt;
		text-align: left;
	}
		#contacts span {
			display: block;
			font-size: 7pt;
			text-transform: uppercase;
			margin-top: 2px;
		}
	#art3d {
		position: absolute;
		right: 0;
		top: 20px;
	}

#preloader, #preloader.notactive {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity:0;
	}
	
	#preloader.active {
		opacity: 1;
		z-index: 9999;
		}
	
	.css3 #preloader {
		background: none;
		}
	#preloader .bg {
		background: url("assets/images/design/preloader-overlay-bg.png") repeat scroll 0 0 transparent;
		position: relative;
		width: 100%;
		height: 100%;
		opacity: 0;
		-webkit-transition: opacity 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		-moz-transition: opacity 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		-o-transition: opacity 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		}
		#preloader div.bg.on {
			opacity: .8;
			}
	
	#preloader .spriteLogo {
		background: url(assets/images/design/ajaxloader.gif) no-repeat 0 0;
		height: 16px;
		left: 53px;
		position: relative;
		top: 42px;
		width: 16px;
		}
	
	#preloader .progress {
		width: 115px;
		height: 115px;
		position: absolute;
		top: 200px;
		left: 200px;
		-webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		-moz-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		-o-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
		opacity: 0;
		-webkit-transform: translate3D(-500%, 0, 0);
		-moz-transform: translateX(-500%);
		-o-transform: translateX(-500%);
		
		}
		#preloader div.progress.show {
			-webkit-transform: translate3D(-0%, 0, 0);
			-moz-transform: translateX(-0%);
			-o-transform: translateX(-0%);
			opacity: 1;
			}
		#preloader div.progress.hide {
			opacity: 0;
			-webkit-transform: translate3D(500%, 0, 0);
			-moz-transform: translateX(500%);
			-o-transform: translateX(500%);
			-webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 600ms;
			-moz-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 600ms;
			-o-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 600ms;
			}   
			
			
		#preloader .progress_inner {
			position: relative;
			width: 100%;
			height: 100%;
			z-index: 10;
			
			opacity: 0;
			-webkit-transform: rotate3D(0,0,0,180deg);
			-moz-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 400ms;
			-moz-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 400ms;
			-o-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 400ms;
			
			}
			#preloader div.progress.show .progress_inner {
				opacity: 1;
				-webkit-transform: rotate3D(0,0,0,0deg);
				-moz-transform: rotate(0deg);
				-o-transform: rotate(0deg);
			}
			#preloader div.progress.hide .progress_inner {
				opacity: 0;
				-webkit-transform: rotate3D(0,0,0,180deg);
				-moz-transform: rotate(180deg);
				-o-transform: rotate(180deg);
				-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
				-moz-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
				-o-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
			}
			
			#preloader .console {
				background: url("assets/images/design/preloader-bg.png") no-repeat scroll left -1px transparent;
				color: #fff;
				font-family: 'verdana';
				font-size: 12px;
				font-weight: normal;
				height: 35px;
				left: 38px;
				line-height: 33px;
				padding: 0 0 0 23px;
				position: absolute;
				top: 33px;
				white-space: nowrap;
				z-index: 5;
				-webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
				-moz-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
				-o-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
				}
				#preloader div.progress.show .console {
					padding: 0 0 0 58px;
					}
				#preloader div.progress.hide .console {
					-webkit-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
					-moz-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
					-o-transition: all 200ms cubic-bezier(0.455, 0.030, 0.515, 0.955) 200ms;
					padding: 0 0 0 23px;
					}
				#preloader.notactive .console {
					padding: 0 0 0 23px !important;
					}

				#preloader .console .right_console {
					position: absolute; 
					right: -23px;
					width: 23px;
					height: 35px;
					background: url("assets/images/design/preloader-bg.png") no-repeat scroll left -37px transparent;
					}
#splashscreen {
	background: url("assets/images/design/preloader-overlay-bg.png") repeat scroll 0 0 transparent;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4000;
}
	#splashscreen a {
		background: url("assets/images/design/ipad_enterbtn.png") no-repeat scroll 0 0 transparent;
		display: none;
		height: 40px;
		left: 50%;
		position: absolute;
		top: 50%;
		width: 126px;
		margin-left: -70px;
		margin-top: 15px;
	}
	#splashscreen.ipad {
		background: url("assets/images/design/enter_page_ipad.png") no-repeat scroll center center transparent;
	}
	#splashscreen.ipad a {
		display: block;
	}