@import "common.css";
@import "tables.css";

.page-wrap {
	min-height: 100%;
	min-width: 1000px;
	position: relative;
	background: #f8f5f2;
	overflow: hidden;
}

header { 
	height: 178px;
	background: url(/images/header-background.jpg) 0 center repeat-x;
	position: relative;
	z-index: 2;
}

.header-content {
	width: 980px;
	height: 178px;
	margin: 0 auto 0 auto;
}

.header-content .logo {
	float: left;
	position: relative;
	left: 0;
	top: 83px;
	margin-right: 38px;
	z-index: 1;
}

.header-content .header-blocks {
	width: 725px;
	height: 122px;
	float: left;
	padding-top: 56px;
}

.header-content .header-blocks .phones {
	float: left;
	width: 328px;
	height: 60px;
	padding-top: 16px;
}

.header-content .header-blocks .phones .select {
	font-size: 14px;
	line-height: 20px;
	color: #4e2306;
	text-shadow: 0 1px 0px #fcfbfa;
}

.header-content .header-blocks .phones .select .city {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	background: url(/images/header-city-arrow.png) right center no-repeat;
	cursor: pointer;
	color: #4e2306;
}

.header-content .header-blocks .phones .select .city:hover {
	color: #3e4095;
}

.header-content .header-blocks .phones .select .city span {
	border-bottom: 1px dotted #937c64;
}

.header-content .header-blocks .phones .select .city:hover span {
	border-bottom: 1px dotted #3e4095;
}

.header-content .header-blocks .phones .select .city .list {
	display: none;
	position: absolute;
	left: 0;
	top: -8px;
	padding: 5px 10px 5px 10px;
	background: url(/images/fancybox-background.png) 0 0 repeat;
	-webkit-box-shadow: 0 2px 10px 0 #000000;
	box-shadow: 0 2px 10px 0 #000000;
	z-index: 10;
}

.header-content .header-blocks .phones .select .city .list .item {
	margin: 2px 0 2px 0;
}

.header-content .header-blocks .phones .select .city .list .item .title {
	border-bottom: none;
	color: #4e2306;
}

.header-content .header-blocks .phones .select .city .list .item .title:hover {
	color: #3e4095;
	border-bottom: 1px dotted #3e4095;
}

.header-content .header-blocks .phones .select .city .list .item .data-content {
	display: none;
}

.header-content .header-blocks .phones .data {
	font-size: 14px;
	line-height: 20px;
	color: #4e2306;
	text-shadow: 0 1px 0px #fcfbfa;
}

.header-content .header-blocks .phones .data strong {
	display: inline-block;
	font-weight: normal;
	font-size: 18px;
}

.header-content .header-blocks .email {
	float: left;
	width: 228px;
	height: 60px;
	font-size: 14px;
	line-height: 20px;
	color: #4e2306;
	padding-top: 16px;
	text-shadow: 0 1px 0px #fcfbfa;
}

.header-content .header-blocks .email a {
	color: #4e2306;
}

.header-content .header-blocks .email a:hover {
	color: #3e4095;
}

.header-content .header-blocks .callback {
	float: left;
	width: 169px;
	height: 50px;
	font-size: 14px;
	line-height: 20px;
	color: #4e2306;
	padding-top: 26px;
	text-align: right;
	background: url(/images/header-flower.png) 5px center no-repeat;
	text-shadow: 0 1px 0px #fcfbfa;
}

.header-content .header-blocks .callback a {
	color: #4e2306;
}

.header-content .header-blocks .callback a:hover {
	color: #3e4095;
}

.header-content .header-blocks .get-discount-button {
	display: block;
	width: 158px;
	height: 33px;
	padding: 12px 0 0 15px;
	background: url(/images/get-discount-button.png) 0 0 no-repeat;
	text-align: center;
	float: left;
	margin: 15px 0 0 55px;
	color: #f3e6d8;
	text-shadow: 0 1px 0 #332118;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
}

.header-content .header-blocks .get-discount-button:hover {
	background-position: 0 -45px;
}

.header-content .header-blocks .menu-top {
	clear: both;
	width: 725px;
	height: 32px;
}

.header-content .header-blocks .menu-top ul {
	width: 725px;
	height: 46px;
	list-style: none;
	text-align: justify;
	margin: 0;
}

.header-content .header-blocks .menu-top ul li.item {
	position: relative;
	display: inline-block;
	height: 46px;
}

.header-content .header-blocks .menu-top ul li.item .blink {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -28px;
	right: -28px;
	background: url(/images/menu-active-background.png) -1px -1px repeat;
	opacity: 0.001;
	transition: opacity 300ms;
}

.header-content .header-blocks .menu-top ul li.item:hover .blink {
	opacity: 1.0;
}

.header-content .header-blocks .menu-top ul li.item a {
	position: relative;
	display: inline-block;
	margin: 0 -28px 0 -28px;
	padding: 11px 28px 0 28px;
	height: 35px;
	color: #f3e6d8;
	text-decoration: none;
	font-style: italic;
	font-size: 18px;
	line-height: 20px;
	text-shadow: 0 1px 0 #262a4f;
}

.header-content .header-blocks .menu-top ul li.item.selected a {
	text-decoration: underline;
}

.header-content .header-blocks .menu-top ul li.item .subitems-wrap {
	position: absolute;
	top: 46px;
	left: -150px;
	right: -150px;
	height: 0;
	line-height: 0;
	text-align: center;
}

.header-content .header-blocks .menu-top ul li.item .subitems-wrap ul {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border-left: 1px solid #6d72ae;
	border-right: 1px solid #6d72ae;
	border-bottom: 1px solid #6d72ae;
	width: auto;
	height: 0;
	min-width: 100px;
	margin: 0;
	padding: 0;
	
	-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.49);
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.49);

	opacity: 0.001;
	transition: opacity 300ms;
	
	overflow: hidden;
}

.header-content .header-blocks .menu-top ul li.item:hover .subitems-wrap ul {
	/*display: inline-block;*/
	height: auto;
	opacity: 1.0;
}

.header-content .header-blocks .menu-top ul li.item .subitems-wrap ul li {
	border-top: 1px solid #dddef6;
	margin: 0;
	padding: 0;
}

.header-content .header-blocks .menu-top ul li.item .subitems-wrap ul li:first-child {
	border-top: none;
}

.header-content .header-blocks .menu-top ul li.item .subitems-wrap ul li a {
	display: block;
	color: #3e4095;
	font-size: 16px;
	line-height: 17px;
	font-style: normal;
	font-weight: normal;
	text-shadow: none;
	padding: 7px 22px 7px 22px;
	margin: 0;
	height: auto;
	text-decoration: none;
}

.header-content .header-blocks .menu-top ul li.item .subitems-wrap ul li a:hover {
	text-decoration: none;
	background: #f8f5f2;
}


.header-content .header-blocks .menu-top ul li.helper {
	display: inline-block;
	width: 725px;
}

footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 192px;
	background: url(/images/footer-background.jpg) 0 center repeat-x;
	z-index: 2;
}

.footer-split {
	height: 192px;
	clear: both;
}

.footer-content {
	position: relative;
	width: 980px;
	height: 192px;
	margin: 0 auto 0 auto;
}

.footer-content .plate {
	position: absolute;
	top: -159px;
	left: 590px;
	width: 148px;
	height: 155px;
	background: url(/images/footer-plate.png) 0 0 no-repeat;
	text-align: center;
	padding: 95px 50px 0 50px;
}

.footer-content .plate a {
	color: #f3e6d8;
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
	text-shadow: 0 1px 0 #0a0c1e;
}

.footer-content .plate a:hover {
	color: #fff;
}

.footer-content .pillows {
	position: absolute;
	top: -72px;
	left: 768px;
	width: 308px;
	height: 204px;
	background: url(/images/footer-pillows.png) 0 0 no-repeat;
}

.footer-content .description {
	padding: 35px 0 0 0;
	width: 460px;
	margin-right: 190px;
	float: left;
}

.footer-content .description h1 {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-style: italic;
}

.footer-content .description h1 a {
	color: #4e2306;
	text-shadow: 0 1px 0px #fcfbfa;
}

.footer-content .description h1 a:hover {
	color: #3e4095;
}

.footer-content .description article p, ul, ol {
	font-size: 14px;
	line-height: 19px;
	color: #362e29;
	margin: 0 0 10px 0;
}

.footer-content .copyrights {
	float: left;
	width: 330px;
	padding-top: 125px;
	font-size: 14px;
	line-height: 20px;
	color: #362e29;
}

.footer-content .copyrights a {
	color: #362e29;
}

.footer-content .copyrights a:hover {
	color: #3e4095;
}

.main-slider-placeholder {
	height: 450px;
}

.main-slider {
	position: absolute;
	left: 0;
	right: 0;
	top: 178px;
	bottom: 192px;
	z-index: 1;
}

.main-slider .slides {
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.main-slider .slides li {
	display: block;
	height: 100%;
	overflow: hidden;
}

.main-slider .slides li a {
	display: block;
	height: 100%;
	background: center center no-repeat;
	background-size: cover;
	-webkit-transform: scale(1, 1);
	-webkit-transition-duration: 30s;
	-webkit-transition-timing-function: ease-out;
	-moz-transform: scale(1, 1);
	-moz-transition-duration: 30s;
	-moz-transition-timing-function: ease-out;
	-ms-transform: scale(1, 1);
	-ms-transition-duration: 30s;
	-ms-transition-timing-function: ease-out;
	transform: scale(1, 1);
	transition-duration: 30s;
	transition-timing-function: ease-out;
}

.main-slider .slides li.active-slide a {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}

.main-blocks-wrap1 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 192px;
	height: 0;
	z-index: 2;
}

.main-blocks-wrap2 {
	position: relative;
	width: 980px;
	margin: 0 auto 0 auto;
	height: 0;
}

.main-block-1 {
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 240px;
	height: 90px;
	background: url(/images/main-block-blue.jpg) 0 0 no-repeat;
	padding: 30px 20px 0 20px;
}

.main-block-1 .title {
	display: block;
	font-size: 18px;
	font-style: italic;
	line-height: 23px;
	color: #f3e6d8;
	margin-bottom: 5px;
}

.main-block-1 .title:hover {
	color: #fff;
}

.main-block-1 .text {
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
}

.main-block-2 {
	position: absolute;
	left: 290px;
	bottom: 0;
	width: 240px;
	height: 90px;
	background: url(/images/main-block-brown.jpg) 0 0 no-repeat;
	padding: 30px 20px 0 20px;
}

.main-block-2 .title {
	display: block;
	font-size: 18px;
	font-style: italic;
	line-height: 23px;
	color: #f3e6d8;
	margin-bottom: 5px;
}

.main-block-2 .title:hover {
	color: #fff;
}

.main-block-2 .text {
	font-size: 14px;
	line-height: 18px;
	color: #ffffff;
}

.page-content {
	width: 980px;
	margin: 0 auto 0 auto;
	padding-bottom: 180px;
}

.page-content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.page-content .column-left {
	float: left;
	width: 670px;
}

.page-content .column-right {
	float: right;
	width: 250px;
}

.page-content .column-right .block-reviews {
	width: 250px;
	padding: 74px 0 0 0;
}

.page-content .column-right .block-reviews .block-title {
	color: #3e4095;
	font-style: italic;
	font-size: 18px;
	padding-bottom: 17px;
	background: url(/images/block-title-line.png) 0 bottom repeat-x;
	text-shadow: 0 1px 0 #fff;
	margin-bottom: 2px;
}

.page-content .column-right .block-reviews .block-frame {
	position: relative;
}

.page-content .column-right .block-reviews .block-frame .background-top {
	position: absolute;
	top: 0;
	left: -1px;
	right: -3px;
	height: 5px;
	background: url(/images/revirews-block-top-bottom.png) 0 top no-repeat;
}

.page-content .column-right .block-reviews .block-frame .background-bottom {
	position: absolute;
	bottom: 0;
	left: -1px;
	right: -3px;
	height: 50px;
	background: url(/images/revirews-block-top-bottom.png) 0 bottom no-repeat;
}

.page-content .column-right .block-reviews .block-frame .background-middle {
	position: absolute;
	top: 5px;
	bottom: 50px;
	left: -1px;
	right: -3px;
	background: url(/images/revirews-block-middle.png) 0 0 repeat-y;
}

.page-content .column-right .block-reviews .block-frame .block-content {
	position: relative;
	padding: 16px 16px 32px 16px;
}


.page-content .column-right .block-reviews .block-frame .block-content .ajax-overlay {
	display: none;
	position: absolute;
	left: 15px;
	top: 10px;
	right: 15px;
	bottom: 34px;
	background: #ffffff url(/images/loading.gif) center center no-repeat;
	-moz-opacity: 0.7;
	-ms-opacity: 0.7;
	-o-opacity: 0.7;
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.7;
	border-radius: 0 0 30px 0;
}


.page-content .column-right .block-reviews .block-frame .block-content .navigation {
	width: 28px;
	height: 15px;
	float: right;
}

.page-content .column-right .block-reviews .block-frame .block-content .navigation .prev {
	float: left;
	width: 14px;
	height: 15px;
	background: url(/images/reviews-block-arrows.png) 0 0 no-repeat;
	cursor: pointer;
}

.page-content .column-right .block-reviews .block-frame .block-content .navigation .prev.disabled {
	background-position: 0 -15px;
	cursor: default;
}

.page-content .column-right .block-reviews .block-frame .block-content .navigation .next {
	float: right;
	width: 14px;
	height: 15px;
	background: url(/images/reviews-block-arrows.png) -14px 0 no-repeat;
	cursor: pointer;
}

.page-content .column-right .block-reviews .block-frame .block-content .navigation .next.disabled {
	background-position: -14px -15px;
	cursor: default;
}

.page-content .column-right .block-reviews .block-frame .block-content .name {
	margin-bottom: 15px;
	color: #4e2306;
	font-size: 14px;
}

.page-content .column-right .block-reviews .block-frame .block-content .text {
	color: #9b928c;
	font-size: 14px;
	line-height: 19px;
	font-style: italic;
}

.callback-form {
	display: none;
	width: 230px;
}

.callback-form .form-title {
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
	color: #3e4095;
	font-style: italic;
}

.callback-form .textbox {
	width: 216px;
}

.callback-form .form-button {
	width: auto;
	padding: 0 27px 0 27px;
}

.callback-form .form-required-hint {
	float: right;
	font-size: 12px;
	font-style: italic;
	color: #9b928c;
	width: 90px;
}

.designer-form {
	display: none;
	width: 240px;
}

.designer-form .form-title {
	text-align: center;
	margin-bottom: 20px;
	font-size: 18px;
	color: #3e4095;
	font-style: italic;
}

.designer-form .textbox {
	width: 226px;
}

.designer-form .form-button {
	width: auto;
	padding: 0 27px 0 27px;
}

.designer-form .form-required-hint {
	float: right;
	font-size: 12px;
	font-style: italic;
	color: #9b928c;
	width: 90px;
}

.tour-center {
	display: none;
	position: fixed;
	width: 0;
	height: 0;
	left: 50%;
	top: 50%;
	z-index: 100;
}

.tour-center .tour {
	position: absolute;
	width: 1024px;
	height: 768px;
	left: -516px;
	top: -388px;
	z-index: 100;
	box-shadow: 0 0 50px #000;
	background: white url(/images/loading.gif) center center no-repeat;
	overflow: hidden;
	border: 4px solid #f9f4f1;
}

.tour-center .tour2 {
	position: absolute;
	width: 1024px;
	height: 768px;
	left: 0;
	bottom: 0;
}

.tour-center .close {
	position: absolute;
	width: 36px;
	height: 36px;
	right: -542px;
	top: -416px;
	z-index: 101;
	background: url(/includes/js/fancybox/source/fancybox_sprite.png) 0 0 no-repeat;
	cursor: pointer;
}