@charset "utf-8";

html{
	height: 100%;
}

body{
	background: #d8cec2 url(/media/images/Back.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
	margin: 0;
	height: 100%;
	color: #98846E;
}

a{
	cursor: pointer;
}

p{
	line-height: 14px;
	margin: 0 0 14px;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	border-bottom:solid 1px #98846E;
	font-weight:bold;
	margin: 0 0 6px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 5px;
}
/****************************************************************************/
/**** CONTENT ***************************************************************/
/****************************************************************************/

div.content{
	margin: auto;
	height: 100%;
}

/****************************************************************************/
/**** ENVIRONMENT & HEADER **************************************************/
/****************************************************************************/

div.environment_left{
	position: absolute;
	z-index: -1;
}

div.environment_right{
	position: absolute;
	left: 100%;
	margin-left: -95px;
	z-index: -2;
}

div.header_img{
	background: transparent url(/media/images/Content_01.png) no-repeat;
	position: absolute;
	left: 200px;
	margin-left: 14px;
	display: block;
	padding: 0;
	height: 102px;
	width: 669px;
	z-index: 50;
	_behavior: expression( 
		  this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
		  this.style.background = "none",
		  this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')");
}

form#pass_args{
	display:none;
}

a#front_page{
	margin-top:150px;
	display:block;
	text-align:center;
	top:80px;
	left:200px;
}

a#front_page img{
	border:none;
}
/****************************************************************************/
/**** MENU ******************************************************************/
/****************************************************************************/

div.menu{
	position: absolute;
	display: block;
	width: 100%;
	top: 170px;
	z-index: 2;
}

div.menu div#top{
	background: transparent url(/media/images/Waves_01.png) repeat-x;
	display: block;
	width: 100%;
	height: 40px;
	_behavior: expression(
		  this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
		  this.style.background = "none",
		  this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')");
}

div.menu div#middle{
	background: transparent url(/media/images/Waves_02.png) repeat;
	display: block;
	width: 100%;
	_behavior: expression(
		  this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
		  this.style.background = "none",
		  this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')");
}

div.menu div#middle div#menu_items{
	width: 200px;
}

div.menu div#middle div#menu_items a{
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #999999;
	text-decoration: none;
	text-align: right;
	padding: 0 0 2px;
}

div.menu div#middle div#menu_items a#selected{
	color: #CCCCCC;
}

div.menu div#middle div#menu_items a:hover{
	color: #CCCCCC;
}

div.menu div#bottom{
	background: transparent url(/media/images/Waves_03.png) repeat;
	display: block;
	width: 100%;
	height: 34px;
	_behavior: expression(
			this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
			this.style.background = "none",
			this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='scale')");
}

/****************************************************************************/
/**** SUBMENU ***************************************************************/
/****************************************************************************/

div.content table tr td#active_area div.submenu{
	position: relative;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	display: block;
	height: 17px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	width: 668px;
	padding-top: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #beb7ad;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #beb7ad;
	z-index: 6;
	background-color: #cdbeaa;
}

div.content table tr td#active_area div.submenu a{
	display: inline-block;
	padding-right: 12px;
	color: #57412c;
	text-decoration: none;
	text-align: center;
}

div.content table tr td#active_area div.submenu a#selected{
	color: #f1ede8;
}

div.content table tr td#active_area div.submenu a:hover{
	color: #f1ede8;
}

/****************************************************************************/
/**** image_wall ************************************************************/
/****************************************************************************/
div#image_wall{
/*		display:inline-table;*/
	text-align:left;
	width:276px;
/*		margin-top:40px;
	margin-bottom:40px;*/
/*		background:#ebe7e2;*/
	position:relative;
	padding:8px;
}

div#image_wall a{
	position:relative;
	display:inline-block;
	padding:0px;
	border:none;
	border:1px solid #999999;
	margin:5px;
}

div#image_wall a:hover{
	border:2px solid #999999;
	margin:4px;
}

div#image_wall a img{
	display: compact;
	border:none;
}	

div#image_wall div.image_wall_line div#text_descr_cont{
	border:1px solid #999999;
	border-top:none;
	border-left:none;
	display:inline-block;
	width:174px;
	height:80px;
/*		padding:-5px;*/
	margin:5px;
	padding:0px;
	position:absolute;
	bottom:8px;
	right:8px;
}

div#image_wall div.image_wall_line div#text_descr_cont div#text_descr{
	position:absolute;
	display:block;
	font-size:14px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
/*		font-style:italic;*/
	width:165px;
	text-align:right;
	bottom:5px;
	right:5px;
	margin:0px;
	padding:0px;
}

/****************************************************************************/
/**** abstract **************************************************************/
/****************************************************************************/
div#abstract{
	display:block;
	background:#ebe7e2 url(/media/images/head.jpg) no-repeat;
	margin-left:-19px;
	margin-right:-19px;
	margin-bottom:10px;
	margin-top:-20px;
	padding:20px;
	padding-right:20px;
	position: relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; font-style:italic;
/*	font-weight:bold;*/
	color:#999999;
	text-align:right;
}

div#abstract_img_ie6{
	display:none;
	background:#ebe7e2 none no-repeat;
	text-align:left;
	position:absolute;
	top:121px;
	left:1px;
	width:667px;
	overflow:hidden;
}

/****************************************************************************/
/**** print_map *************************************************************/
/****************************************************************************/
div#print_map{
	opacity:1;
	font-size: 10px;
	padding: 20px;
	height: 470px;
/*	display:table-cell;
	width:669px;*/
}
/****************************************************************************/
/**** CONTENT TABLE *********************************************************/
/****************************************************************************/

div.content table{
	position:absolute;
	left: 200px;
	height: 100%;
	height: expression(document.body.clientHeight + "px");
	z-index: 2;
	margin: 0;
	width: 697px;
	_behavior:expression(
		  this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1],
		  this.style.background = "none",
		  this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod=scale)");
}

div.content table tr td{
	vertical-align: top;
	margin: 0;
	padding: 0;
}

div.content table tr td#active_area{
	position: relative;
	display: table-cell;
	vertical-align: top;
	margin-top: 102px;
}

div.content table tr td#active_area div#active_area_div{
	position: relative;
	top: 0;
	margin-top: 0;
	margin-left: 14px;
	margin-right: 14px;
	padding-top: 102px;
	margin-right: 0;
	z-index: 5;
	width: 669px;
	height: auto;
	text-align: left;
	visibility: hidden;
}

div.content table tr td#active_area div#navs{
	display: block;
	padding: 3px 8px 0;
	height: 17px;
}

div.content table tr td#active_area div#navs a{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
}

div.content table tr td#active_area div#navs a img{
	position: relative;
	border: 0;
	top: 3px;
	padding: 0 5px;
}

div.content table tr td#active_area div#navs a#forth{
	right: 10px;
}

div.content table tr td#active_area div a{
	text-decoration: none;
	color: #98846e;
}

div.content table tr td#active_area div a:hover{
	color: #cdbeaa;
}

/**** FOOTER ****************************************************************/

div.content table tr td#footer{
	vertical-align: bottom;
	padding-top: 20px;
}

div.content table tr td#created_by{
	vertical-align: bottom;
	text-align: right;
}

div.content table tr td div#footer_text{
	height: 30px;
	display: inline-block;
	margin-top: 0px;
	text-align: left;
	color: #dcd8d4;
	padding-left: 20px;
	margin-left: 14px;
	margin-right: 14px;
	padding-right: 20px;
}

/****************************************************************************/
/**** CONTENT TABLE MAIN ****************************************************/
/****************************************************************************/

div.content table.main{
	background: transparent url(/media/images/Content_02.png) repeat;
}

div.content table.main tr td#active_area div#active_area_div{
/*	height: 510px;*/
}

div.content table.main tr td#active_area div#subject{
	display: block;
	margin-left: 20px;
	margin-right: 20px;
}

div.content table.main tr td#active_area div#subject div{
	position: relative;
	border: 0;
	border: none;
}

div.content table.main tr td#active_area div#subject div div.image_area{
	display: table-cell;
	position: static;
	border: 0px;
	vertical-align: middle;
	height: 400px;
	width: 631px;
	text-align: center;
}

div.content table.main tr td#active_area div#subject div div.image_area img{
	border: 0px;
	vertical-align: middle;
	margin-top: 0px;
	margin-top: expression(((400-offsetHeight)/2)+'px');
}

div.content table.main tr td#active_area div#subject a.numbers{
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: 0px;
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	padding-top: 30px;
}


div.content table.main tr td#active_area div#subject div#desc {
	display: block;
	left: -19px;
	background: #ebe7e2;
	border-right-width: 1px;
	border-right-style: none;
/*	border-right-color: #beb7ad;*/
	border-left-width: 1px;
	border-left-style: none;
/*	border-left-color: #beb7ad;*/
	color: #98846e;
	padding-left: 20px;
	padding-bottom: 60px;
	padding-right: 20px;
	padding-top: 20px;
	height: auto;
	width: 627px;
	margin-right: -40px;
}

div.content table.main tr td#active_area div#subject div#desc div.work_title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.content table.main tr td#active_area div#text_content{
	opacity:1;
	font-size: 10px;
	padding: 20px;
	height: auto;
}

/****************************************************************************/
/**** CONTENT TABLE GALLERY *************************************************/
/****************************************************************************/
div.loading{
	top:0px;
	left:215px;
	padding:0px;
	margin:0px;
	height:100%;
	width:667px;
	position:absolute;
	overflow:hidden;
	z-index:1000;
}

div.loading div{
	position:relative;
	margin-top:102px;
	padding-top:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #e0dcd8;
	background:#f1ede8;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	height:100%;
}

div.content table.gallery{
	background: transparent url(/media/images/Content_02_G4.png) repeat;
}

div.content table.gallery tr td#active_area div#gallery{
	position: relative;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	height: 480px;
}

div.content table.gallery tr td#active_area div#gallery div{
	position: absolute;
	border: 0;
}

div.content table.gallery tr td#active_area div#gallery div div.image_area{
	display: table-cell;
	position: static;
	vertical-align: middle;
	height: 200px;
	width: 200px;
	text-align: center;
}

div.content table.gallery tr td#active_area div#gallery div div.image_area img{
	position: relative;
	border: 0;
	text-align: center;
	vertical-align: middle;
	margin-top: 0;
	margin-top: expression(((200-offsetHeight)/2)+'px');
}

/*
div.content table.gallery tr td#active_area div#gallery div a{
	font-size: 9px;
	border: 0;
	display: block;
	width: 200px;
	height: 20px;
}
*/

div.content table.gallery tr td#active_area div#gallery div#img1{
	top: 20px;
	left: 7px;
	width: 200px;
}

div.content table.gallery tr td#active_area div#gallery div#img2{
	top: 20px;
	left: 422px;
	width: 200px;
}

div.content table.gallery tr td#active_area div#gallery div#img3{
	top: 260px;
	left: 7px;
	width: 200px;
}

div.content table.gallery tr td#active_area div#gallery div#img4{
	top: 260px;
	left: 422px;
	width: 200px;
}

div.content table.gallery tr td#active_area div#gallery .work_title{
	position: relative;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

div.content table.gallery tr td#active_area div#gallery .work_description{
	position: relative;
}

div.content table.gallery tr td#active_area div#gallery div#desc1 {
	top: 20px;
	left: 231px;
	width: 146px;
	height: 100px;
	padding: 0 10px 5px;
}

div.content table.gallery tr td#active_area div#gallery div#desc2 {
	top: 120px;
	left: 231px;
	width: 146px;
	height: 100px;
	text-align: right;
	padding: 5px 10px 0;
	display: table-cell;
	vertical-align: bottom;
}


div.content table.gallery tr td#active_area div#gallery div#desc3 {
	top: 260px;
	left: 231px;
	width: 146px;
	height: 100px;
	padding: 0 10px 5px;
}

div.content table.gallery tr td#active_area div#gallery div#desc4 {
	top: 360px;
	left: 231px;
	width: 146px;
	height: 100px;
	text-align: right;
	padding: 5px 10px 0;
}