/**
 * Layout
 */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{margin-bottom: 0.4em;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select,button{*font-size:100%;}legend{color:#000;}html {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}h1{font-size:138.5%;line-height:110%;margin: 0 0.1em 1em;}h2{font-size:123.1%;}h3{font-size:108%;}h2,h3{margin:1.4em 0.1em 0.3em;line-height:110%;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}dl dd{margin-left:1em;}th,td{padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}.clr{clear:both;}object,a:active{outline:none;}.nobr{white-space:nowrap;}

html {font-size: 87.51%} /* сюда пишем размер вашего шрифта по-умочанию */
@media all and (min-resolution: 120dpi) {
    html {font-size: 70.01%} /* пропорционально уменьшаем кегль: 68.75/(120/96) */
    html, x:-moz-any-link {font-size: 87.51%} /* тут должен быть размер по-умолчанию */
}

#for-opera927 {/* dont' remove! */}

#wrap {
  scrollbar-track-color:expression(
  this.runtimeStyle.scrollbarTrackColor = "#fff",
  ((screen.deviceXDPI/screen.logicalXDPI) == 1) ? (document.body.style.fontSize = 1/(screen.logicalYDPI/96) +'em') : false
  );
}

html, body {
	height: 100%;
	color: #282727;
}

* html img {
	-behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "/images/b.gif"):1),this.pngSet=true));
}

* html .png {
	-behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(
	this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url(,'.html).replace(')',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.origBg + ", sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none",this.pngSet=true
	)));
}

#wrap {
	font-family: "Trebuchet MS", Trebuchet, Arial;
	min-width: 1000px;
	min-height: 100%;
	-height: 100%;
	position: relative;
	background: url(../images/top_grad.png) 0 149px repeat-x;
}

#main {
	padding: 0 50px 315px 150px;
	width: 800px;
	margin: 71px auto 0;
}

#footer {
	background: #929292 url(../images/footer.png) 0 0 repeat-x;
	font-size: 85.71%;
	position: relative;
	color: #4b4b4b;
	min-width: 1000px;
}
	#footer a {
		color: #4b4b4b;
	}
	#footer .copy {
		position: absolute;
		left: 50px;
		top: 43px;
	}
	#footer .search {
		position: absolute;
		top: 46px;
		right: 64px;
		display: none;
	}
#footer {
	height: 135px;
	margin-top: -135px;
}


#header {
	text-align: center;
	height: 149px;
	color: #000;
	overflow: hidden;
}
	#header h1, #header h2 {
		padding: 24px 0 0;
		margin: 0;
		font-family: "Book Antiqua", "Bookman Old Style", Times;
		font-size: 214.29%;
		font-weight: normal;
		background: url(../images/subheader_line.png) center 110px no-repeat;
		position: relative;
		z-index: 1;
	}
		#header h1 span, #header h2 span {
			display: block;
			font-size: 46.67%;
			padding: 11px 0 23px;
			width: 700px;
			margin: 0 auto;
			line-height: 120%;
		}
		#header a {
			color: #000;
			text-decoration: none;
		}

	#breadcrumbs {
		position: absolute;
		left: 40px;
		top: 23px;
		text-align: left;
		z-index: 2;
	}
		#breadcrumbs span.el {
			padding-right: 10px;
			background: url(../images/breadcrumbs_arrow.png) right 2px no-repeat;
		}
		#breadcrumbs a {
			text-decoration: underline;
			color: #464c4e;
		}
		#breadcrumbs a:hover {
			color: #000;
		}

	#subheader {
		position: absolute;
		width: 100%;
		top: 110px;
		left: 0;
		height: 39px;
		background: #d1e1f0 url(../images/subheader.png) 0 0 repeat-x;
	}
		#subheader a.button {
			display: block;
			position: absolute;
			height: 39px;
			width: 38px;
			overflow: hidden;
			top: 0;
			left: 0;
			z-index: 1;
		}

/**
 * Общие
 */


h1 a, h2 a, h3 a {
	text-decoration: none;
}
	h1 a:hover, h2 a:hover, h3 a:hover {
		text-decoration: underline;
	}
h1 {
	font-size: 171.43%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 1em;
	clear: both;
	color: #474747;

	font-size: 214.29%;
}

h2 {
	font-weight: normal;
	font-size: 128.57%;
	color: #474747;
}
	body.index h2 {
		font-size: 214.29%;
		margin: 90px 0 0.6em;
		font-weight: normal;
		font-style: normal;
		color: #000000;
	}


.atip {
	border: 1px solid #999;
	background: #FFFDDF;
	padding: 3px 5px;
	z-index: 2000;
	opacity: 0.95;
	max-width: 300px;
}
	.atip .tip-text {
		font-size: smaller;
		color: #4d5255;
		display: none;
	}

.author_header {
	position: relative;
	clear: both;
}
	.author_header:after { content: ""; display: block; height: 0; clear: both; }

	.author_header .date {
		position: absolute;
		text-align: right;
		left: -190px;
		width: 180px;
		display: block;
		margin-top: 0.2em;
		color: #818181;
	}
	.author_header .author {
		width: 180px;
		float: left;
		line-height: 158.57%;
	}
	.author_header a {
		color: #282727;
	}
	.author_header .title {
		display: block;
		font-size: 128.57%;
		margin-left: 180px;
	}

a:active {
  outline: none;
}

a {
	color: #0038a0;
}
	a:hover {
		color: #5e8cb2;
	}


a.bigthumb {
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 190px;
	font-style: italic;
	color: #666666;
	line-height: 110%;
	background: url(../images/bigthumb_shadow.png) 0 90px no-repeat;
	padding-bottom: 0.5em;

}
	a.bigthumb img {
		border: 3px solid #d5d5d5;
	}
	a.bigthumb span {
	}

	a.bigthumb:hover img {
		border-color: #ff9d4d;
	}
	a.bigthumb:hover span {
		text-decoration: underline;
	}

a.thumb {
	margin: 0 21px 0 0;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
}
	a.thumb:hover img {
		border-color: #ff9d4d;
	}
	a.thumb img {
		border: 1px solid #d5d5d5;
		vertical-align: top;
	}

/*
#textbody ul {
	margin-left: 1em;
	margin: 1em 0 1em 1em;
	list-style: none;
}
#textbody ul>li {
	text-indent: -1em;
	list-style: none;
}
#textbody ul>li:before {
	content: '\2014\a0';
}
#textbody ul li {
	*behavior: expression(!this.before && this.parentNode && this.parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '— ' + this.innerHTML : '');
	-position: relative;
	-left: -1em;
	-list-style: none;
	margin-bottom: 0.4em;
}
#textbody ol li {
	list-style: decimal outside;
	padding-left: 1em;
}
*/


/**
 * Главная
 */

body.index #main {
	position: relative;
}


#main_brush {
	position: absolute;
	width: 233px;
	height: 229px;
	top: -220px;
	right: 3%;
	background: url(../images/main_brush.png) 0 0 no-repeat;
}
#main_man {
	position: absolute;
	left: 20px;
	top: 12px;
	width: 268px;
	height: 449px;
	background: url(../images/main_man.png) 0 0 no-repeat;
}

body.index .program_link {
	position: absolute;
	display: none;
	left: 310px;
	top: 340px;
	font-style: italic;
	border-bottom: 0.1em dashed;
	cursor: pointer;
}
	body.index .program_link:hover {
		border-bottom: 0.1em solid;
	}
	body.js.index .program_link {
		zdisplay: inline;
	}

body.index .menu {
	position: absolute;
	left: 515px;
	top: 44px;
	margin: 0;
	font-size: 214.29%;
	font-style: italic;
}
	body.index .menu li {
		list-style: none;
		white-space: nowrap;
	}
	body.index .menu a {
		color: #000;
		text-decoration: none;
	}
		body.index .menu a:hover {
			text-decoration: underline;
		}

	body.index .menu li.el2 {
		margin-left: 11px;
	}
	body.index .menu li.el3 {
		margin-left: 22px;
	}


body.index .main_albums {
	padding-top: 312px;
	margin: 0 0 0 147px;
	min-height: 130px;
}
	body.index .main_albums li {
		list-style: none;
		padding-left: 46px;
		margin-bottom: 1.7em;
		position: relative;
		background: url(../images/main_arrow_down.png) 18px 3px no-repeat;
	}
	body.index .main_albums a.header {
		font-size: 128.57%;
		text-decoration: none;
		border-bottom: 0.10em dashed;
		font-style: italic;
		position: relative;
		z-index: 1;
	}

	body.index .main_albums li:hover  {
		z-index: 2;
	}
	body.index .main_albums li:hover .description {
		display: block;
	}
	body.index .main_albums li:hover a.header {
		color: #f4f4f4;
		border-bottom: 0.10em solid;
	}

	body.index .main_albums .description {
		position: absolute;
		display: none;
		width: 406px;
		height: 128px;
		padding: 15px;
		background: url(../images/main_catopen_bg.png) 0 0 no-repeat;
		top: -13px;
		left: -9px;
		color: #f4f4f4;
		font-style: italic;
	}
		body.index .main_albums .description .wrap {
			background: #818181 url(../images/main_catopen_bg.png) -15px -15px no-repeat;
			padding: 34px 17px 0;
		}

	body.index .main_albums .thumbs {
		margin: -0.5em -60px 0 -3px;
	}


body.index .hexamples {
	margin: 90px 0 17px -23px;
}
body.index .examples {
	width: 1000px;
	position: relative;
	margin: 0 -150px;
	height: 380px;
	background: url(../images/main_middle_bg.png) 0 0 no-repeat;
}
	body.index .examples a {
		position: absolute;
		top: 67px;
		height: 253px;
		background: url(../images/main_lamp_combined.png) 0 0 no-repeat;
	}

		body.index .examples .el1 {
			left: 117px;
		}
		body.index .examples .el2 {
			left: 405px;
			margin-top: -11px;
		}
		body.index .examples .el3 {
			right: 117px;
		}

/* news on main */
body.index h2.hnews {
	background: url(../images/main_news_bg.png) 192px 31px no-repeat;
	margin: 15px 0 0 !important;
	padding: 37px 0 28px;
}

body.index .years {
	width: 232px;
	margin-left: -130px;
}

.years {
	font-style: italic;
	text-align: right;
	font-family: "Bookman Old Style", Times;
}
	.years a {
		color: #818181;
	}
		.years a.current {
			color: #282727;
			font-style: italic;
		}
	.years li, .years ul {
		display: inline;
		list-style: none;
		margin: 0;
	}

div.newsitem {
	margin: 0 0 1em;
	font-family: "Bookman Old Style", Times;
	color: #282727;
	padding-left: 130px;
}
	div.newsitem .short {
		margin-bottom: 2em;
	}
	div.newsitem .header {
		position: relative;
	}
	div.newsitem .header .date {
		position: absolute;
		text-align: right;
		left: -208px;
		width: 180px;
		display: block;
		margin-top: -1.2em;
		*margin-top: 0.1em;
		color: #818181;
	}
	div.newsitem .header .name {
		font-family: "Bookman Old Style", Times;
		font-weight: bold;
		text-decoration: none;
	}
		div.newsitem .header a.name:hover {
			text-decoration: underline;
		}
/**
 * Exposition
 */

.exp_detailed {
	margin: 40px -100px 0 -10px;
	clear: both;
	overflow: hidden;
}
	.exp_detailed .bigthumb {
		float: left;
	}
	.exp_detailed h3 {
		margin: 0 0 0.3em 214px;
		font-size: 142.86%;
		font-style: italic;
	}
	.exp_detailed .description {
		margin-left: 214px;
		font-size: 86%;
		color: #747474;
		font-style: italic;
	}
	.exp_detailed .thumbs {
		margin: 0.5em 0 0 214px;
	}

.hbestworks, .hstaticalbums, .heverything {
	margin-top: 90px;
	margin-right: -100px;
}

.hstaticalbums {
	background: url(../images/gallery_open.jpg) 445px 5px no-repeat;
	padding-top: 90px;
	margin-top: 60px;
}

.everythinglink {
	margin-left: -29px;
	padding: 105px 0 0 60px;
	display: block;
	width: 593px;
	color: #b7b7b7;
	font-style: italic;
	background: url(../images/gallery_everything.png) 0 0 no-repeat;
	text-decoration: none;
}




/* inner gallery */

body.igallery #subheader {
	background: url(../images/igallery_subheader.png);
	height: 104px;
}
body.igallery #header h1, body.igallery #header h2 {
	background: none;
}
body.igallery #wrap {
	background: none;
}
body.igallery #main {
	margin: 0;
	padding: 0 0 315px;
	width: auto;
	margin-top: -39px;
	position: relative;
	background: url(../images/igallery_bg.png) center top no-repeat;
}

.bigpicture {
	text-align: center;
	width: 447px;
	margin: 0 auto;
	padding-top: 100px;
	height: 285px;
	position: relative;
}
	.next, .prev, .bigpicture .src {
		vertical-align: middle;
		display: -moz-inline-box;
		display: inline-block;
		text-decoration: none;
		position: relative;
	}

	.next, .prev {
		width: 17px;
		height: 67px;
		line-height: 65px;
		position: absolute;
		top: 218px;
	}
		.next span, .prev span {
			display: -moz-inline-box;
			display: inline-block;
			position: absolute;
			left: 0;
			top: 0;
			width: 17px;
			height: 67px;
			background: #fff url(../images/igallery_arrows.png) 0 0 no-repeat;
		}
		.bigpicture .prev {
			left: 9px;
		}
		.bigpicture .next {
			right: 9px;
		}
			.next span {
				background-position: -17px 0;
			}

	.bigpicture .src img {
		padding: 3px;
		background: #ced1d5;
	}
		.bigpicture .src:hover img {
			background: #f0ad1d url(../images/bigpicture_hover.jpg) center center no-repeat;
		}

		.bigpicture .zoom {
			display: none;
			width: 24px;
			height: 24px;
			position: absolute;
			right: -18px;
			top: -21px;
			background: url(../images/igallery_zoom.png) 0 0 no-repeat;
		}
		.bigpicture .src:hover .zoom {
			display: block;
		}

.picture_info {
	text-align: center;
}
	.picture_info .wrap {
		display: -moz-inline-box;
		display: inline-block;
		min-width: 227px;
		max-width: 411px;
		text-align: left;

		background: #fff;
		padding: 1px 18px;
		font-size: 85.71%;
		height: 110px;
	}
	.picture_info h2 {
		font-size: 100%;
		margin: 0;
	}
	.picture_info h1, .picture_info .h1 {
		font-size: 117%;
		margin: 0;
		text-align: center;
		font-style: italic;
	}

.category_selector {
	margin: 17px auto 0;
	width: 380px;
	width: 420px;
	color: #6b6b6b;
}
	.category_selector a {
		color: #000;
		text-decoration: none;
		border-bottom: 1px dashed;
	}

.lenta {
	width: 440px;
	margin: 6px auto;
	position: relative;
	padding-top: 1px;
}
	.lenta .scroller {
		width: 379px;
		margin: 9px auto;
		overflow: hidden;
		white-space: nowrap;
		font-size: 80px;
		height: 45px;
		position: relative;
	}
		.lenta .scroller .wrap {
			left: -21px;
			zoom: 1;
			position: relative;
		}
		.lenta .scroller a.thumb {
			margin: 0 0 0 21px;
			overflow: hidden;
			height: 45px;
			opacity: 0.5;
		}
			.lenta .scroller a.thumb:hover {
				opacity: 1;
			}
		.lenta scroller img {
			font-size: 11px;
		}
		.lenta a.current {
			opacity: 1 !important;
		}
		.lenta a.current img {
			border-color: #ff9d4d;
		}
	.lenta .prev {
		top: 0;
		left: 0;
	}
	.lenta .next {
		top: 0;
		right: 0;
	}

#comments {
	width: 724px;
	margin: 30px auto;
}
	#comments dl,
	#comments dt,
	#comments dd {
		margin: 0;
	}
	h2.hcomments {
		font-style: italic;
		color: #5f6163;
		margin-bottom: 3em;
	}
	#comments .name {
		font-size: 128.57%;
	}

	#comments p.text {
		padding-top: 19px;
		margin-top: -8px;
		background: url(../images/comment_textarea.png) 0 0 no-repeat;
	}

	#comments .date {
		font-size: 85.71%;
		color: #bbb6b1;
		margin-left: 20px;
		position: relative;
	}
	#comments .arrow {
		position: absolute;
		margin-top: 18px;
		margin-left: 8px;
		width: 27px;
		height: 21px;
		background: url(../images/comment_arrow.png) 0 0 no-repeat;
	}
	#comments .buttons {
		font-size: 85.71%;
		text-align: right;
	}
	#comments dt {
		margin: 0;
		height: 39px;
	}
	#comments dl {
		margin-bottom: 50px;
	}
	#comments dd {
		background: #f5f5e8 url(../images/comment_boundaries.png) 0 -10px no-repeat;
		padding: 25px 60px;
		position: relative;
		color: #000;
	}
		#comments dd .after {
			height: 10px;
			width: 724px;
			position: absolute;
			left: 0;
			bottom: 0;
			background: #f5f5e8 url(../images/comment_boundaries.png) 0 0 no-repeat;
		}

	#comments input.input {
		color: #434343;
		font-size: 14px;
		height: 39px;
			height: 29px;
			padding-top: 10px;
		width: 400px;
		padding-left: 61px;
		border: none;
		background: url(../images/comment_input.png) 0 0 no-repeat;
	}

	#comments textarea {
		border: none;
		color: #434343;
		width: 602px;
		height: 237px;
		background: none;
		padding: 20px 61px;
		overflow: auto;
	}

	#comments .username {
		height: 39px;
		line-height: 39px;
		margin: 0;
		position: relative;
		font-size: 18px;
		padding-left: 61px;
		cursor: default;
	}
		#comments .input_border {
			height: 39px;
			margin-left: -61px;
			padding-left: 61px;
			background: url(../images/comment_input.png) 0 0 no-repeat;
		}
		#comments .username input {
			margin-left: -61px;
		}

	#comments input.submit {
		margin-left: 36px;
		border: none;
		background: #fff;
		font-size: 18px;
		color: #0060b1;
		text-decoration: underline;
		height: 39px;
		cursor: pointer;
		width: auto;
		width: auto !important;
		padding: 1px;
		overflow: visible;
		width: 1px;
	}
	#comments input.disabled {
		visibility: hidden;
	}






#map {
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 379px;
	width: 1000px;
}
	#pre_map_area {
		width: 1000px;
		height: 476px;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}
	#map .foto {
		z-index: 1;
	}
	#map area.inactive {
		cursor: default;
	}

.tourmenu {
	position: relative;
	width: 1000px;
	margin: 0 -150px;
	position: relative;
	overflow: hidden;
}
	.tourmenu li {
		float: left;
		width: 210px;
		margin-left: 120px;
		font-size: 18px;
		list-style: none;
	}
	.tourmenu li.first {
		margin-left: 60px;
	}
	.tourmenu a {
		color: #000;
		text-decoration: none;
		display: block;
		width: 210px;
		height: 57px;
		text-align: center;
		line-height: 50px;
	}
		.tourmenu a:hover {
			text-decoration: underline;
		}
		.tourmenu a.current, .tourmenu a.current:hover {
			background: url(../images/tour_activepage.png) 0 0 no-repeat;
			text-decoration: none;
			color: #fff;
		}

.tour_bigpane {
	width: 417px;
	background: #6a6a6a url(../images/tour_bigpane.png) left top no-repeat;
	color: #f3f2ec;
	font-size: 85.71%;
	font-style: italic;
	position: absolute;
	left: 50%;
	margin-left: -382px;
	top: 740px;
	z-index: 20;
}
	.tour_bigpane .wrap {
		min-height: 160px;
		-height: 160px;
		padding: 10px 20px;
		background: url(../images/tour_bigpane.png) right bottom no-repeat;
	}
	.tour_bigpane h2 {
		margin-top: 0;
		color: #f3f2ec;
		font-size: 18px;
	}
	.tour_bigpane .thumbs {
		white-space: nowrap;
		overflow: hidden;
		margin: -0.5em -1px 1em;
	}


body.profile #textbody {
	font-size: 128.57%;
	position: relative;
}
	body.profile h1 {
		width: 560px;
	}
	.error {
		color: #9c0000;
	}
	table.form td.r1 {
		text-align: right;
	}
	.required {
		color: #ff0000;
		font-size: 130%;
		line-height: 80%;
	}
	table.form input {
		width: 300px;
	}
	.photo {
		position: absolute;
		top: -100px;
		right: 0;
		border: 3px solid #ced1d5;
	}
		.photo img {
			display: block;
		}
	h2.position {
		margin-top: 0;
		font-size: 100%;
	}
	.profile dl,
	.profile dt,
	.profile dd {
		margin: 0;
	}
	.profile h3 {
		font-size: 14px;
		color: #797979;
		margin: 3em 0 1.5em;
		font-weight: normal;
	}
	.profile dt {
		width: 290px;
		text-align: right;
		float: left;
		margin-right: 38px;
		margin-bottom: 1em;
	}
	.profile dd {
		margin-bottom: 1em;
	}
	.profile dl {
		margin-bottom: 3em;
	}

	.profile .change, .profile .change a {
		color: #009856;
		font-size: 12px;
	}

	.success {
		color: green;
	}