@import "reset.css";

/* All 
---------------------------------------*/
HTML,
BODY {
	background:#1f1812 url('bg.png') 0 0 repeat;
	height:100%;
	width:100%;
	}
BODY {}
A {color:#FFCC00;}
A:hover {
	color:#ffae02;
	border-bottom:none !important;
	text-decoration:none;
	}
.none {display:none;}
.clear {clear:both;}
.img {margin:0 0 23px;}


/* Заголовки
---------------------------------------*/
H1.title {font:25px/37px Arial;padding:0 0 23px;}
H2.title {font:20px/30px Arial;padding:0 0 26px;}


/* Глобальные блоки
---------------------------------------*/
/* Container */
#container {
	color:#fff;
	font:12px/19px Verdana;
	min-height:100%;
	position:relative;
	}
	#container .emptyForFooter {
		clear:both;
		height:160px;
		}

/* Header */
#header {
	min-height:164px;
	width:820px;
	margin:0 auto;
	position:relative;
	z-index:1;
	}

/* Content */
#content {
	position:relative;
	width:820px;
	margin:0 auto;
	}

	/* Main */
	#main {
		float:right;
		width:100%;
		margin-left:-180px;
		}
		#main-inner {margin-left:180px;}

	/* Sidebar */
	#sidebar {
		float:left;
		padding:5px 0 0;
		width:180px;
		}

/* Footer */
#footer {
	background:url('bg-bottom.png') 0 bottom repeat-x;
	clear:both;
	margin-top:-160px;
	position:relative;
	height:96px;
	padding:64px 0 0;
	}
	#footer .footer-inner {
		font:12px/18px Arial;
		color:#FEFEFE;
		width:820px;
		margin:0 auto;
		position:relative;
		}
		#footer .footer-inner .kiwi {
			float:left;
			position:absolute;
			left:300px;
			line-height:18px;
			top:0;
			width:280px;
			}
			#footer .footer-inner .kiwi A {color:#61452C;}
			#footer .footer-inner .kiwi IMG {
				float:left;
				margin:3px 18px 0 0;
				}


/* Блоки контента
---------------------------------------*/
/* Логотип */
.logo {
	display:block;
	color:#fad131;
	font:bold 22px Arial;
	letter-spacing:1px;
	position:absolute;
	text-decoration:none;
	top:58px;
	left:0;
	z-index:1;
	}

/* Языки */
.languages {
	position:absolute;
	top:17px;
	right:0;
	}
	.languages LI {
		float:left;
		color:#FFE981;
		padding:11px 0 11px 11px;
		position:relative;
		}
	.languages LI#language-active {
		background:url('language-active.png') 0 2px no-repeat;
		padding-right:21px;
		margin-right:-21px;
		}

/* Навигация */
.navigation {
	position:absolute;
	top:69px;
	left:302px;
	width:530px;
	}
	.navigation LI {
		float:left;
		font:italic 15px Arial;
		padding:0 30px 0 0;
		position:relative;
		}
		.navigation LI A {
			text-decoration:none;
			border-bottom:1px solid;
			}
		.navigation LI.active A {
			color: #fff;
			border: 0;
			}
			.navigation LI.active A:hover {
			color: #d2d1d0;
			}

		.navigation LI #navigation-contactsLink {
			border-bottom:1px dashed;
			position:relative;
			z-index:1;
			}
		.navigation LI#navigation-contacts .navigation-contacts-box {
			background:#000;
			display:none;
			width:183px;
			font:18px/25px Arial;
			position:absolute;
			top:-15px;
			left:-20px;
			padding:70px 20px 22px;
			}
		.navigation LI#navigation-contacts .navigation-contacts-box SPAN {
			font:13px Arial;
			}
	.navigation LI.navigation-contacts-active .navigation-contacts-box {display:block !important;}
	.navigation LI.navigation-contacts-active #navigation-contactsLink {color:#8d8a87;}

/* Навигация второго уровня */
.sub-navigation {
	position:absolute;
	top:107px;
	left:300px;
	width:530px;
	}
	.sub-navigation LI {
		float:left;
		font:italic 12px Arial;
		padding:0 26px 0 0;
		}
		.sub-navigation LI A {
			text-decoration:none;
			border-bottom:1px solid;
			}
		.sub-navigation LI.active A {
			color: #fff;
			border: 0;
			}
			.sub-navigation LI.active A:hover {
			color: #d2d1d0;
			}

/* Слоган */
.slogan {
	font:22px/37px Arial;
	padding:0 0 25px;
	text-align:center;
	min-height:119px;
	}

/* Галерея (на главной) */
.mainGallery {padding:0;overflow:hidden;width:820px;}
	.mainGallery-bigImage {
		position:relative;
		padding:0 0 18px;
		}
		.mainGallery-bigImage .bigImage-text {
			background:url('main-big-image-gradient.png') 0 0 repeat-x;
			position:absolute;
			top:442px;
			left:0;
			height:88px;
			width:820px;
			font:16px Arial;
			}
			.mainGallery-bigImage .bigImage-text P {
				display:table-cell;
				height:65px;
				padding:18px 40px 0;
				vertical-align:middle;
				}
	.mainGallery-smallImages {margin-right:-22px;}
		.mainGallery-smallImages LI {
			float:left;
			position:relative;
			margin:0 20px 0 0;
			}
			.mainGallery-smallImages LI .smallImage-text {
				background:url('small-image-gradient.png') 0 0 repeat-x;
				position:absolute;
				font:12px Arial;
				top:97px;
				left:0;
				height:36px;
				overflow: hidden;
				width:190px;
				white-space:nowrap;
				}
				.mainGallery-smallImages LI .smallImage-text P {
					display:table-cell;
					height:34px;
					padding:2px 10px 0 20px;
					vertical-align:middle;
					}

/* Меню */
.menu {padding:0 0 10px;}
	.menu H2 {
		font:bold 15px Arial;
		padding:0 0 10px;
		}
	.menu LI {
		font:12px/18px Arial;
		padding:0 30px 8px 0;
		}

/* Навигация по годам */
.years-navigation LI {
	font:15px Arial;
	padding:0 0 20px;
	}

/* Статьи */
.article {padding:4px 0 45px;}
	.article .date {
		color:#9E9891;
		font:italic 12px Arial;
		padding:0 0 6px;
		}
	.article P {padding:0 0 28px;}

/* Навигация по страницам */
.paging {padding:0 0 43px;}
	.paging LI {
		display:inline;
		font:bold 15px Arial;
		padding:0 17px 0 0;
		}

/* Интерьеры - галерея */
.interiorsGallery {padding:8px 0 0;}
	.interiorsGallery .big-image {
		float:left;
		margin:0 10px 0 0;
		height:398px;
		width:580px;
		}
	.interiorsGallery .small-images {
		height:1%;
		height:398px;
		overflow:auto;
		}
		.interiorsGallery .small-images LI {
			float:left;
			margin:0 0 10px 10px;
			}
		.interiorsGallery .small-images IMG {margin-bottom:-5px;}
		.interiorsGallery .small-images .img-active A {float:left;overflow:hidden;border:3px solid #FFCC00;}
		.interiorsGallery .small-images .img-active A:hover {border:3px solid #FFCC00 !important;}
		.interiorsGallery .small-images .img-active IMG {margin:-3px -3px -8px;}

/* Интерьеры - информация */
.interiorsInfo {
	clear:both;
	height:1%;
	overflow:hidden;
	padding:28px 0 65px;
	}
	.interiorsInfo-img {
		float:left;
		width:300px;
		margin:4px 0 0;
		}
	.interiorsInfo-text {
		height:1%;
		overflow:hidden;
		}

/* Другие интерьеры */
.otherInteriors {margin:0 0 -22px;}
	.otherInteriors UL {
		padding:5px 0 0;
		margin-right:-32px;
		}
		.otherInteriors UL LI {
			float:left;
			margin:0 20px 15px 0;
			}

/* Схема */
.scheme {
	color:#fff;
	font:12px Verdana;
	padding:20px;
	width:600px;
	}
	.scheme A {color:#fff;}
	.scheme-img {
		float:left;
		width:385px;
		margin:4px 0 0 20px;
		}
	.scheme-text {
		height:1%;
		overflow:hidden;
		}
		.scheme-text OL {padding:3px 0 0 25px;}
			.scheme-text LI {padding:0 0 5px;}

/* Интерьеры */
.interiorsPage {padding:10px 0 0;}
	.interiorsPage H1 {padding:0 0 35px;}
	.interiorsPage P {padding:0;}
		.interiorsPage P BIG {font:19px/28px Arial;}

/* Галерея */
.slideGallery {
	background:url('gallery-bg.png') 0 0 repeat-x;
	height:379px;
	margin:0 auto;
	overflow:hidden;
	padding:40px 0;
	position:relative;
	text-align:center;
	white-space:nowrap;
	}
	.slideGallery LI {
		display:inline-block;
		margin:36px -4px 0 0;
		position:relative;
		text-align:left;
		}
		.slideGallery LI .image-text {
			background:url('big-image-gradient.png') 0 0 repeat-x;
			position:absolute;
			top:242px;
			left:0;
			height:57px;
			width:100%;
			font:14px Arial;
			}
			.slideGallery LI .image-text P {
				display:table-cell;
				float:left;
				height:57px;
				padding:21px 25px 0;
				max-width:60%;
				overflow:hidden;
				}
			.slideGallery LI .image-text SPAN {
				display:table-cell;
				float:right;
				padding-right:25px;
				background:url('number-bg.png') no-repeat;
				color:#000;
				font-weight:bold;
				margin-top:12px;
				padding-top:9px;
				text-align:center;
				height:38px;
				width:36px;
				}
	.slideGallery-bigImage-left {
		position:absolute;
		top:0;
		left:-820px;
		padding:0;
		}
	.slideGallery-bigImage-right {
		position:absolute;
		top:0;
		left:820px;
		padding:0;
		}