.clearfix:before,
.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    zoom:1;
}

html, body{
	height: 100%;
	overflow: hidden;
}
body{
	font-family: myriad-pro, Arial, sans-serif;
	font-size: 11px;
}
body a{
	text-decoration: none;
}
body a:hover{
	text-decoration: underline;
}
body{
	background-color: #e0e0e0;
	background: url(../image/bg-pat3.jpg) 0 0 repeat;
	position: relative;
	min-height: 100%;
}
img{
	vertical-align: middle;
}

div#background-gradient{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #D4D4D4;
	background-image: -moz-radial-gradient(50% 50%, circle cover, #707070, #fff 70%);
	background-image: -webkit-radial-gradient(50% 50%, circle cover, #707070, #fff 70%);
	background-image: -o-radial-gradient(50% 50%, circle cover, #707070, #fff 70%);
	background-image: -ms-radial-gradient(50% 50%, circle cover, #707070, #fff 70%);
	background-image: radial-gradient(50% 50%, circle cover, #707070, #fff 70%);
	opacity: .46;
}
div#background-data{
	background: url(../image/data-bg.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-attachment: scroll;
	background-position: 330px 0%;
}


.page{
	position: absolute;
	height: 100%;
	width: 100%;
	
}
#page-home{
	background: url("../image/data-bg.png") no-repeat scroll 370px 0 transparent;
	background-size: cover;
}
#page-publications{
	overflow-y: auto;
}
.home #page-publications{
	left: 100%;
}

div.main-wrap{
	height: auto !important;
    margin: 0 0 -277px;
    min-height: 100%;
    padding: 0 0 0 42px;
    position: relative;
}
div.main-wrap img#head{
	margin: 80px 0 0 0;
}
.main-wrap h2#sub-head{
	color: #333333;
	font-weight: 300;
	font-size: 25.6px;
	letter-spacing: -0.05em;
	width: 270px;
	margin: 22px 0 48px 0;
}
a#browse-data-btn{
	display: block;
	width: 231px;
	height: 50px;
}
ul#about-menu{
	list-style: none;
	margin: 42px 0 0 0;
	padding: 0;
}
ul#about-menu li a{
	color: #0099de;
	font-size: 14.6px;
}
ul#about-menu li{
	float: left;
	margin: 0 18px 0 0;
}

.main-wrap #phone{
	color: #bbbbbb;
	font-size: 33px;
	letter-spacing: -0.045em;
	font-weight: 600;
	margin: 15px 0 0 0;
}
#footer-apega-logo{
	position: relative;
	clear:both;
	padding: 60px 0 10px 42px;	
}

/*Contact, About Popups*/
#about-popup{
	bottom: 15px;
}
#about-popup .popup-content{
	margin: 0;
	position: relative;
	top: 0;
	bottom: 10px;
	height: 93%;
	overflow: auto;
}
.home-popup{
	display: none;
	position: absolute;
	width: 594px;
	left: 350px;
	top: 0;
	background-color: #fff;
	padding: 14px 20px 40px;
	box-shadow: 0px 0px 9px rgba(54, 54, 54, 0.75);
	-moz-box-shadow: 0px 0px 9px rgba(54, 54, 54, 0.75);
	-webkit-box-shadow: 0px 0px 9px rgba(54, 54, 54, 0.75);
	border: 1px solid #959595;
	border-radius: 0 0 13px 13px;
	-moz-border-radius: 0 0 13px 13px;
	-webkit-border-radius: 0 0 13px 13px;
}
.home-popup.open{
	display: block;
}
.popup-header h2{
	color: #333333;
    letter-spacing: -0.05em;
    font-size: 55.2px;
    margin: 0;
}
.popup-header h3{
	margin: 0;
	font-size: 25.6px;
	font-weight: 300;
	letter-spacing: -0.05em;
	color: #333333;
}
.popup-close-btn{
	position: absolute;
	background: url(../image/popup-close-btn.png) 0 0 no-repeat;
	width: 18px;
	height: 18px;
	right: 12px;
	top: 10px;
}
.popup-content{
	margin: 23px 0 0 0;
	overflow-y: auto;
}
.popup-content p{
	font-size: 16px;
}
.popup-content #contact-list{
	list-style: none;
	margin: 0;
	padding: 0 44px 0 24px;
}
.popup-content #contact-list li{
	display: block;
	width: 516px;
	padding: 15px 0 15px 10px;
	border-bottom: 1px solid #ebebeb;
}
.popup-content #contact-list .name-wrap{
	float: left;
}
.popup-content #contact-list .name,
.popup-content #contact-list .role{
	color: #333333;
	letter-spacing: -0.05em;
}
.popup-content #contact-list .name{
	font-size: 36px;
}
.popup-content #contact-list li.first .name{
	font-size: 36px;
}
.popup-content #contact-list .name span{
	font-size: 25.6px;
	font-weight: 300;
}
.popup-content #contact-list .role{
	font-size: 19px;
	font-weight: 300;
	line-height: 30px;
}
.envelope-btn{
	display: block;
	width: 48px;
	height: 32px;
	background: url(../image/envelope.png) 0 0 no-repeat;
	float: right;
	margin: 18px 0 0 0;
}
.popup-content li.first .envelope-btn{
	margin: 20px 0 0 0;
}
.popup-content .address-wrap,
.popup-content .phone{
	color: #999999;
	font-size: 15.3px;
	font-weight: 300;
	letter-spacing: -0.05em;
	margin: 25px 0 0 0;
}
.popup-content .address-wrap{
	float: left;
	margin-left: 24px;
}
.popup-content .phone{
	float: right;
	margin-right: 44px;
}

/* Map */
#top-back-btn{
	display: block;
	width: 18px;
	height: 18px;
	background: url(../image/arrow-left.png) 0 0 no-repeat;
	float: left;
	margin: 3px 25px 0;
}
.content-wrap{
	height: 100%;
	position: relative;
}
.content-left{
	float: left;
	height: 100%;
}
.content-left #header{
	padding: 20px 0;
	width: 100%;
	position: relative;
	z-index: 3;
	
	background: url("../image/bg-pat2.png") repeat scroll 0 0 transparent;
}
.content-left #header .background{
	background: -moz-radial-gradient(65% 700px, circle farthest-side, rgba(112,112,112,0.46) 0%, rgba(255,255,255,0.46) 100%);
	/*
	background: -webkit-gradient(radial, 65% 700px, 0px, 65% 800px, 100%, color-stop(0%,rgba(112,112,112,0.46)), color-stop(100%,rgba(255,255,255,0.46)));
	*/
	background: -webkit-radial-gradient(65% 700px, circle farthest-side, rgba(112,112,112,0.46) 0%,rgba(255,255,255,0.46) 100%);
	background: -o-radial-gradient(65% 700px, circle farthest-side, rgba(112,112,112,0.46) 0%,rgba(255,255,255,0.46) 100%);
	background: -ms-radial-gradient(65% 700px, circle farthest-side, rgba(112,112,112,0.46) 0%,rgba(255,255,255,0.46) 100%);
	background: radial-gradient(circle at 65% 700px, rgba(112,112,112,0.46) 0%,rgba(255,255,255,0.46) 100%);
	
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.content-left #header .header-content{
	z-index: 2;
	position: relative;
}

.content-left #map-wrap{
	width: 100%;
	position: relative;
}
#map-wrap .notice-box{
	position: absolute;
	z-index: 2;
	color: #333333;
	font-size: 12px;
	width: 250px;
	right: 0;
	padding: 5px 3px 5px 8px;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	
	-moz-box-shadow: 0 2px 4px 1px #888;
	-webkit-box-shadow: 0 2px 4px 1px #888;
	box-shadow: 0 2px 4px 1px #888;
}
.content-left #map{
	width: 100%;
}
.content-left #footer{
	width: 100%;
	padding: 6px 0;
	background-color: #ffffff;
	position: relative;
	clear:both;
	-webkit-box-shadow:  0px -3px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px -3px 8px 0px rgba(0, 0, 0, 0.2);
}
#footer .footer-left{
	font-size: 33px;
	font-weight: bold;
	letter-spacing: -0.05em;
	color: #333333;
	padding: 6px 0 0 18px;
	float: left;
}
#footer .footer-right{
	float: right;
	text-align: right;
	padding: 0 18px 0 0;
	font-size: 22px;
	letter-spacing: -0.05em;
	color: #333333;
}
#footer a.footer-email{
	display: block;
	color: #0291cd;
	padding: 0 0 0 24px;
	margin: 0 0 3px 0;
	background: url(../image/envelope-small.png) 0 9px no-repeat;
}
.content-right{
	overflow-y: auto;
	position: relative;
	z-index: 3;
	float: right;
	/*width: 327px;*/
	width: 290px;
	padding: 0 18px 0;
	background-color: #ebebeb;
	height: 100%;
	border-left: 1px solid #959595;
	-webkit-box-shadow:  -2px 0px 9px 0px rgba(54, 54, 54, 0.75);
	box-shadow:  -2px 0px 9px 0px rgba(54, 54, 54, 0.75);
}
.content-right #parcel-list{
	padding: 0 0 16px 0;
}
.content-right .parcel{
	border: 1px solid #c4cde0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ffffff;
	padding: 15px 20px 15px 20px;
	margin: 16px 0 0 0;
}
.content-right .parcel.selected{
	-webkit-box-shadow:  0px 0px 9px 1px rgba(2, 145, 205, 0.75);
	box-shadow:  0px 0px 9px 1px rgba(2, 145, 205, 0.75);
}
.parcel .name{
	font-size: 33px;
	font-weight: 300;
	letter-spacing: -0.05em;
	color: #333333;
	margin: 8px 0 20px;
	cursor: pointer;
}
.parcel .data-links{
	padding: 0 10px 0 0;
}
.parcel .data-links .hram-data,
.parcel .data-links .gravity-data{
	font-size: 18.4px;
	font-weight: 600;
	letter-spacing: -0.05em;
	color: #4cafd8;
}
.parcel .data-links .hram-data{
	float: left;
}
.parcel .data-links .gravity-data{
	float: right;
}

/* Publications */
#page-publications .main-wrap{
	margin: 0;
	padding: 0 50px 0 42px;
}
#page-publications div.header{
	position: relative;
	margin: 0;
	padding: 22px 0 40px 0;
}
#page-publications div.notice-msg{
	color: #333333;
	margin: 0 0 10px 0;
	font-size: 14px;
}
a.back-btn{
	display: block;
	width: 18px;
	height: 18px;
	background: url(../image/arrow-left.png) 0 0 no-repeat;
	float: left;
	margin: 0 0 0 25px;
}
.main-wrap h1.pub-head{
	margin: 0 0 38px 0;
	font-weight: normal;
	padding: 0;
}
h1.pub-head img,
h1.pub-head span{
	float: left;
}
.main-wrap h1.pub-head img#head{
	margin: 0;
}
h1.pub-head span{
	color: #7a7a7a;
	letter-spacing: -0.05em;
	font-size: 25.67px;
	margin: 18px 0 0 20px;
}
h2.pub-year{
	background-color: #d3d3d2;
	background-color: rgba(186, 186, 186, 0.35);
	color: #ebeaea;
	font-size: 44px;
	line-height: 45px;
	letter-spacing: -0.05em;
	font-weight: 600;
	padding: 0 0 0 5px;
	margin: 0;
}
a#list-btn{
	display: block;
	color: #333333;
	font-size: 22px;
	font-weight: 300;
	letter-spacing: -0.05em;
	background: url(../image/list-icon.png) 0 0 no-repeat;
	margin: 0 0 13px 0;
}
a#list-btn span{
	display: block;
	padding: 7px 0 6px 45px;
}
ul.pub-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.pub-list li{
	margin: 15px 0;
}
ul.pub-list li a{
	color: #333333;
	letter-spacing: -0.05em;
	font-size: 25.67px;
	font-weight: 300;
	display: block;
	float: left;
	background: url(../image/pdf-icon.png) 0 0 no-repeat;
}
ul.pub-list li a span{
	display: block;
	padding: 15px 0 20px 73px;
}

div.notice-box{
	position: absolute;
}


@media screen and (max-width: 1024px){
}