@charset "utf-8";
/* CSS Document */

* { margin: 0px; padding: 0px; }
html, body{ 
	width: 100%;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #f9f8f8; line-height: 18px; 
}
html{ overflow-x: hidden; background: url(../images/htm-bg.png) 0 0 repeat; }
body{ background: url(../images/body-bg.png) 0 0 repeat-x; }

.clear{ clear: both; }
a{ text-decoration: none; outline: none; color: #f36b22; }
a:hover{ text-decoration: underline; }
a img{ border: 0px solid; }
.orange{ color: #f36b22; }
.fLeft{ float: left; }
.fRight{ float: right; }

div#main{ width: 966px; margin: 0px auto; }

div.header{ float: left; width: 100%; padding: 32px 0 0 0; }
div.header div.main-menu{ 
	float: left; width: 100%; height: 86px; overflow: hidden; 
	background: #f9f8f8 url(../images/menu-bg1.png) 0 0 no-repeat;
}
div.header a.logo{
	display: block; float: left; width: 220px; height: 86px;
	background: url(../images/menu-bg.png) 0 0 no-repeat;
	text-indent: -9999px; overflow: hidden;
}
div.header ul{ display: block; float: left; height: 86px; list-style-type: none; }
div.header ul.social{ float: right; padding-right: 40px; }
div.header ul.main-menu li, div.header ul.main-menu li a{ display: block; float: left; height: 86px; }
div.header ul.social li, div.header ul.social li a{ display: block; float: left; width: 27px; height: 27px; }
div.header ul.social li{ padding-top: 23px; }
div.header ul li a{ background-image: url(../images/menu-bg.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

div.header ul.main-menu li#menu-home a{ width: 100px; background-position: -220px 0px; }
div.header ul.main-menu li#menu-about a{ width: 98px; background-position: -320px 0px; }
div.header ul.main-menu li#menu-conditions a{ width: 127px; background-position: -418px 0px; }
div.header ul.main-menu li#menu-organizer a{ width: 145px; background-position: -545px 0px; }
div.header ul.main-menu li#menu-contacts a{ width: 105px; background-position: -690px 0px; }

div.header ul.main-menu li#menu-home a:hover, div.header ul.main-menu li#menu-home a.active{ background-position: -220px -86px; }
div.header ul.main-menu li#menu-about a:hover, div.header ul.main-menu li#menu-about a.active{ background-position: -320px -86px; }
div.header ul.main-menu li#menu-conditions a:hover, div.header ul.main-menu li#menu-conditions a.active{ background-position: -418px -86px; }
div.header ul.main-menu li#menu-organizer a:hover, div.header ul.main-menu li#menu-organizer a.active{ background-position: -545px -86px; }
div.header ul.main-menu li#menu-contacts a:hover, div.header ul.main-menu li#menu-contacts a.active{ background-position: -690px -86px; }

div.header ul.social li#menu-facebook a{ background-position: -845px -23px; }
div.header ul.social li#menu-twitter a{ background-position: -872px -23px; }
div.header ul.social li#menu-vimeo a{ background-position: -899px -23px; }

div.header ul.social li#menu-facebook a:hover, div.header ul.social li#menu-facebook a.active{ background-position: -845px -109px; }
div.header ul.social li#menu-twitter a:hover, div.header ul.social li#menu-twitter a.active{ background-position: -872px -109px; }
div.header ul.social li#menu-vimeo a:hover, div.header ul.social li#menu-vimeo a.active{ background-position: -899px -109px; }


div.other-menu{ float: left; width: 966px; height: 41px; background: #dcdcdc; }
div.other-menu ul{ display: block; float: left; height: 41px; list-style-type: none; }
div.other-menu ul li, div.other-menu ul li a{ display: block; float: left; height: 41px; }
div.other-menu ul li a{
	background-image: url(../images/other-menu.png); background-repeat: no-repeat; 
	overflow: hidden; text-indent: -9999px;
}
div.other-menu ul li#menu-design a{ width: 188px; background-position: 0px 0px; }
div.other-menu ul li#menu-photo a{ width: 140px; background-position: -188px 0px; }
div.other-menu ul li#menu-video a{ width: 150px; background-position: -328px 0px; }

div.other-menu ul li#menu-design a:hover, div.other-menu ul li#menu-design a.active{ background-position: 0px -41px; }
div.other-menu ul li#menu-photo a:hover, div.other-menu ul li#menu-photo a.active{ background-position: -188px -41px; }
div.other-menu ul li#menu-video a:hover, div.other-menu ul li#menu-video a.active{ background-position: -328px -41px; }

div.footer{
	float: left; width: 100%; position: relative;
	font: normal 12px Impact, Arial, Helvetica, sans-serif;
	color: #2d2d2d; margin-top: 20px;
}
div.footer span, div.footer a{ display: block; }
div.footer span{ line-height: 37px; height: 47px; white-space: nowrap; padding: 0 5px; }
div.footer a.created{ float: right; color: #2d2d2d; }
div.footer a.created span.fRight{ 
	width: 66px; overflow: hidden; text-indent: -9999px; 
	background: url(../images/mtsoft.png) 0 0 no-repeat; 
}
div.footer-banner, div.header-banner{ float: left; width: 100%; background: #171717; margin: 6px 0; }

a.btn-ad{ 
	display: block; float: left; width: 100px; height: 25px;
	font-size: 16px; line-height: 25px; text-decoration: none; text-align: center;
	position: absolute; top: 11px; left: 420px;
}

/* BANNERS */
div.banner-leaderboard{ width: 728px; height: 90px; position: relative; margin: 0 auto; overflow: hidden; }
div.banner-leaderboard img{ float: left; }
div.banner-leaderboard a{ 
	display: block; float: left; width: 728px; height: 90px; text-indent: -999px; overflow: hidden;
	position: absolute; top: 0px; left: 0px;
}
/* end BANNERS */


div.container{ float: left; width: 100%; min-height: 660px; _height: 660px; background: #171717; padding-top: 20px; }
div.begin-container{ padding-top: 72px; background: url(../images/idea-bg.png) 0 0 no-repeat; }
div.begin-container div.bottom{ float: left; width: 100%; height: 20px; overflow: hidden; }
div.video-container{ width: 926px; padding: 20px; }
div.design-container{ width: 951px; padding: 20px 0 0 15px; }
div.photo-container{ width: 100%; padding: 0px; }

div.container h3.title{
	font: normal 24px Impact, Arial Black, Arial, Helvetica, sans-serif;
	color: #f9f8f8; line-height: 30px; margin-bottom: 10px;
}
div.container h3.title span{ color: #f36b22; }

div.container a.room-box{ 
	display: block; float: left; width: 190px; 
	margin-right: 4px; padding-bottom: 10px; position: relative; 
	text-decoration: none;
}
div.container a.last-room-box{ margin-right: 0px; }
div.container a.room-box img{ float: left; }
div.container a.room-box span.mask{
	float: left; width: 190px; height: 126px;
	position: absolute; top: 0px; left: 0px;
	background: url(../images/mask-img.png) 0 0 repeat; display: none;
}
div.container a.room-box h3.title{
	display: block; float: left; width: 170px; padding: 5px 10px;
	font: normal 14px Impact, Arial Black, Arial, Helvetica, sans-serif;
	text-align: center; color: #908f8f; line-height: 18px;
}
div.container a.room-box h3.title span{ font-size: 16px; line-height: 18px; color: #908f8f; }
div.container a.room-box:hover h3.title{ color: #f9f8f8; }
div.container a.room-box:hover h3.title span{ color: #f36b22; }
div.container a.room-box:hover span.mask{ display: block; }



/* PHOTOGALLERY */
div.photogalery-box{ float: left; width: 966px; position: relative; }
div.photogalery-box div.reload-box{ float: left; width: 966px; position: relative; z-index: 0; min-height: 800px; _height: 800px; }
div.photogalery-box div.reload-box img{ float: left; }
div.photogalery-box div.reload-box div.big-img{ 
	float: left; width: 966px; height: 644px; position: absolute; top: 0px; left: 0px;
	padding-bottom:102px;
}
div.photogalery-box div.reload-box div.description{
	float: left; width: 936px; padding: 20px 15px;
	background: #0c0c0c; margin-top: 728px;
}
div.photogalery-box div.thumbs{ 
	float: left; width: 882px; height: 102px; padding: 0 42px;
	position: absolute; left: 0px; top: 624px;
	background: url(../images/gallery-thumbs-bg.png) 0 bottom repeat-x;
}
div.photogalery-box div.thumbs div.paging{
	float: left; width: 966px; height: 91px; overflow: hidden;
	position: absolute; top: 11px; left: 0; z-index: 0;	
}
div.photogalery-box div.thumbs div.paging div.prev,
div.photogalery-box div.thumbs div.paging div.next{
	float: left; width: 41px; height: 91px; overflow: hidden; text-indent: -9999px;
	background-image: url(../images/gallery-arrows.png); background-repeat: no-repeat;
	cursor: pointer;
}
div.photogalery-box div.thumbs div.paging div.prev{ float: left; background-position: 0px 0px; }
div.photogalery-box div.thumbs div.paging div.next{ float: right; background-position: -41px 0px; }
div.photogalery-box div.thumbs div.inside{ 
	float: left; width: 882px; height: 102px;
	position: absolute!important; top: 0; left: 42px; z-index: 1;
}
div.photogalery-box div.thumbs div.inside a{
	display: block; width: 112px; height: 75px; overflow: hidden;
	position: relative; padding: 19px 4px 0px 4px; margin: 0 auto;
}
div.photogalery-box div.thumbs div.inside a span.mask{
	display: block; float: left; width: 120px; height: 97px;
	position: absolute; top: 0px; left: 0px;
	background: none;
}
div.photogalery-box div.thumbs div.inside a img{ 
	float: left; width: 112px; height: 75px;
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
div.photogalery-box div.thumbs div.inside a:hover, div.photogalery-box div.thumbs div.inside a.active{ 
	padding: 16px 0px 0px 0px; width: 120px; height: 80px; 
}
div.photogalery-box div.thumbs div.inside a.active span.mask{ background: url(../images/gallery-thumb-hover.png) center 0 no-repeat; }
div.photogalery-box div.thumbs div.inside a:hover img, div.photogalery-box div.thumbs div.inside a.active img{ 
	width: 120px; height: 80px; 
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); 
}


div.new-photogalery-box{ height: auto; }
div.new-photogalery-box div.reload-box div.description{ margin-top: 0px; }
div.new-photogalery-box div.reload-box div.content{ float: left; width: 100%; padding-top: 10px; }
div.new-photogalery-box div.reload-box div.reload-content{ width: 762px; float: left; }
div.new-photogalery-box div.reload-box ul.list-items{
	display: block; float: right; list-style-type: none; width: 190px; padding: 0 4px 0 0;
}
div.new-photogalery-box div.reload-box ul.list-items li{
	display: block; float: left; width: 90px; height: 60px; margin: 0 5px 5px 0; overflow: hidden;
	position: relative;
}
div.new-photogalery-box div.reload-box ul.list-items li span{
	display: block; float: left; width: 86px; height: 56px;
	position: absolute; top: 0px; left: 0px; cursor: pointer;
	border: 2px solid #171717; text-indent: -999px;
}
div.new-photogalery-box div.reload-box ul.list-items li.sel span{ border: 0px solid; width: 90px; height: 60px; }
div.new-photogalery-box div.controls{ display: none!important; }
/* end PHOTOGALLERY */

/* VIDEO */
div.video-box{ float: left; width: 530px; }
div.video-text{ float: right; width: 380px; }
/* end VIDEO */

div.container ul, div.container ol{ padding-left: 25px; }

div.left-menu{ float: right; width: 160px; padding-right: 15px; }
div.left-menu h3.title{ display: block; float: left; width: 160px; padding: 0 0 10px 0; }
div.left-menu ul, div.left-menu ul li{ display: block; float: left; width: 160px; list-style-type: none; background: #f9f8f8; padding: 0px; }
div.left-menu ul li{ padding-top: 6px; background: url(../images/left-menu.png) 0 -39px no-repeat; }
div.left-menu ul li.lm-0{ padding-top: 0px; }
div.left-menu ul li a{ 
	display: block; float: left; width: 130px; overflow: hidden; /*text-indent: -9999px;*/
	background-image: url(../images/left-menu.png); background-repeat: no-repeat;
	font: normal 16px Impact, Arial Black, Arial, Helvetica, sans-serif;
	color: #2d2d2d; background: #f9f8f8; line-height: 21px; padding: 9px 15px;
}
div.left-menu ul li a:hover{ color: #f36b22; text-decoration: none; }
/*div.left-menu ul li#menu-office a{ height: 39px; background-position: 0px 0px; }
div.left-menu ul li#menu-wardrobe a{ height: 45px; background-position: 0px -39px; }
div.left-menu ul li#menu-shelves a{ height: 45px; background-position: 0px -84px; }
div.left-menu ul li#menu-bed a{ height: 45px; background-position: 0px -129px; }
div.left-menu ul li#menu-bedside-table a{ height: 48px; background-position: 0px -174px; }

div.left-menu ul li#menu-office a:hover, div.left-menu ul li#menu-office a.active{ background-position: -171px 0px; }
div.left-menu ul li#menu-wardrobe a:hover, div.left-menu ul li#menu-wardrobe a.active{ background-position: -171px -39px; }
div.left-menu ul li#menu-shelves a:hover, div.left-menu ul li#menu-shelves a.active{ background-position: -171px -84px; }
div.left-menu ul li#menu-bed a:hover, div.left-menu ul li#menu-bed a.active{ background-position: -171px -129px; }
div.left-menu ul li#menu-bedside-table a:hover, div.left-menu ul li#menu-bedside-table a.active{ background-position: -171px -174px; }
*/


div.design-box{ float: left; width: 762px; height: 626px; }


div.images{ float: left; width: 300px; padding: 0 0 0 20px; }
div.images a{ display: block; float: left; width: 300px; height: 200px; margin-bottom: 15px; }

div.text{ float: right; width: 600px; padding: 0 20px 0 0; }
div.max{ width: 926px; }




div.contacts-container div.fLeft{ line-height: 25px; width: 400px; padding-left: 20px; }
div.contacts-container div.fRight{ width: 362px; padding-right: 50px; }

div.ad-container div.fLeft{ line-height: 25px; width: 400px; padding-left: 20px; }
div.ad-container div.fRight{ width: 450px; padding-right: 50px; }


/* Контакти */
div.form{ width: 362px; }
div.ad-container div.form { width: 450px; }
div.form label{ width: 100%; margin: 0 0 18px 0; position: relative; }
div.form label, div.form label span{ display: block; float: left; }
div.form label span{ position: relative; }
div.form label span.text{ width: 76px; line-height: 13px; padding: 3px 0 0 0; text-align: left; color: #fff; }
div.ad-container div.form label span.text{ width: 164px; }
div.form .red{ color: #f36b22; font-weight: bold; }
div.form label span.input{ height: 18px; width: 280px; background: #ffffff; padding: 0 3px; }
div.form label span.file-input{ height: 22px; width: 280px; }
div.form label span.select{ width: 286px; padding: 0; }
div.form label span.select select{ width: 100%; }
div.form label span.input input{
	display: block; float: left; width: 100%; height: 16px; margin-top: 1px;
	border: 0px solid; background: #fff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #3c3c3c; 
}
div.form label span.textarea{ float: right; height: 82px; width: 280px; background: #ffffff; padding: 0 3px; }
div.form label span.textarea textarea{
	display: block; float: left; width: 100%; height: 80px; margin-top: 1px;
	border: 0px solid; background: #fff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #3c3c3c; 
}
div.form label.code{ width: 280px; }
div.ad-container div.form label.code{ width: 368px; }
div.form label span.code{ width: 200px; }
div.form label span.code span.input{ width: 74px; margin-right: 5px; }
div.form label span.code img{ float: left; }

div.form span.button{ display: block; float: right; width: 69px; height: 21px; overflow: hidden; background: #f36b22; }
div.form span.button input{
	display: block; float: left; width: 100%; height: 100%;
	border: 0px solid; background: transparent;
	font-size: 12px; color: #fff;
	cursor: pointer;
}
div.form label.error{ 
	font-size: 12px; line-height: 13px; color: #f36b22;  margin: 0; height: 13px;
	position: absolute; bottom: -13px; left: 0px;
}
div.form label span.code label.error{ bottom: -25px; white-space: nowrap; }
div.ad-container div.form label.error{ left: 0px; }
/* // Контакти */