/**
 * @author Emil Hasanoff (emil@siteleader.ru)
 * @copyright SiteLeader, 2005-2009 || http://www.siteleader.ru
 * @version 20091211 
 */
@media screen
{
	body {
		margin: 0; padding: 0; background: url('/i/bg.jpg') repeat left top; background-color: #EDCD9A;
		font-size: 79.99%;
	}
	body, td, li { font-family: Arial, Tahoma, Sans-serif; color: #290F00; }
	* html { font-size: 100%; }
	ul { margin: 0; padding: 0; }
	* html { filter:expression(document.execCommand("BackgroundImageCache", false, true)); } 

	.clear { clear:both; }
	.break { clear:both; font-size:1px; height:1px; }

	table { border-collapse: collapse; }
	table td, table th { padding: 0; }
	img { border: 0; }

	h1 { color: #5D3E2F; font-family: Calibri, Tahoma, Arial, Sans-Serif; font-size: 14pt; margin: 0 0 0.6em 0; text-transform: uppercase; }
	h2 { color: #5D3E2F; font-family: Calibri, Tahoma, Arial, Sans-Serif; font-size: 12pt; margin: 0 0 0.5em 0; text-transform: uppercase; }
	h3 { color: #5D3E2F; font-family: Calibri, Tahoma, Arial, Sans-Serif; font-size: 10pt; margin: 0 0 0.4em 0; text-transform: uppercase; }
	.mb0 { margin-bottom: 0; }

	a { color: #6F1100; text-decoration: underline; }
	a:hover { color: #9F4130; }
	a img, #parts a, .menu a { text-decoration: none; }

/* контейнер блоков */
.root-box { min-width: 1000px; max-width: 1250px; margin: 0 auto; }
* html .root-box {
	width:expression(
		( document.getElementById('ie-test') && document.getElementById('ie-test').scrollWidth < 1000 )
		? '1000px'
		: ( document.getElementById('ie-test') && document.getElementById('ie-test').scrollWidth > 1250 )
			? '1250px' : '100%'
	);
}
/* тёмные блоки */
.black-box1 { background: url('/i/black-bg1.png') 0 0 repeat; }
* html .black-box1 { width: 100%; background-image: none; zoom: 1; filter:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/black-bg1.png', sizingMethod='scroll'); }
.black-box2 { background: url('/i/black-bg2.png') 0 0 repeat; }
* html .black-box2 { width: 100%; background-image: none; zoom: 1; filter:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/black-bg2.png', sizingMethod='scroll'); }

.left { float: left; }
.hr { width: auto; height: 2px; background: url('/i/hline.gif') 0 0 repeat-x; }
.l50 { padding-left: 50px; }
.p20 { padding: 20px; }
.b1 { border: 1px solid #FFE5B6; }
.b2 { border: 1px solid #BD9964; }
	#hat { height: 80px; }
	#hat .logo, #inner-hat .logo { float: left; padding-top: 12px; width: 25%; }
	#hat .stickers, #inner-hat .stickers { float: left; width: 30%; }

	#menu {  }
	#menu .about-width { width: 56%; }
	#menu .menu { height: 240px; float: left; width: 50%; } /* 190px */
	#menu .menu ul { list-style: none; padding: 15px 0 0 50px; }
	#menu .menu ul li { list-style: none; background: url('/i/hline.gif') left top repeat-x; padding: 4px 0 3px 0; width: 200px; }
	#menu .menu ul li.first { background: none; }
	#menu .menu ul li a { background: url('/i/bullet.gif') left 6px no-repeat; padding-left: 12px; font-size: 11pt; font-weight: bold; color: #5D3E2F; font-family: Calibri, Arial, Tahoma; text-transform: uppercase; }
	#menu .phone { height: 130px; float: left; width: 39%; padding: 60px 0 0 10%; font-size: 14pt; color: #5D3E2F; font-family: Calibri, Arial, Tahoma; }
	#menu .phone .text { font-size: 15pt; font-weight: bold; text-transform: uppercase; }
	#menu .phone span { font-size: 24pt; font-weight: bold; }
	#menu .about { height: 190px; float: left; width: 50%; }
	#menu .shkaf { float: left; position: relative; margin-top: -10px; width: 44%; height: 430px; background: url('/i/duga.png') right 250px no-repeat; text-align: center; }
	* html #menu .shkaf { background: url('/i/hline.gif') right 250px repeat-x;  }
	#menu .shkaf .img { margin: 0 auto; background: url('/i/main-shkaf.png') center top no-repeat; width: 380px; height: 431px; margin-top: -20px; }
	* html #menu .shkaf .img { overflow: hidden; background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/main-shkaf.png', sizingMethod='crop'); }
/*	#menu .shkaf img { margin: 0 auto; }*/

	#grafmenu { height: 210px; }
	#grafmenu .gm1 { float: left; margin-top: 30px; height: 160px; width: 20%; background: url('/i/ramka.gif') center 10px no-repeat; text-align: center; }
	#grafmenu .img { height: 120px; }
	#grafmenu .img table { width: 100%; height: 120px; }
	#grafmenu .img table td { text-align: center; vertical-align: bottom; height: 120px; }
	#grafmenu .text { padding-top: 10px; }
	#grafmenu .text a { font-size: 9pt; font-weight: bold; text-transform: uppercase; color: #5D3E2F; }

	#parts li span {
		background-image: url('/i/slide1.png'); background-repeat: no-repeat;
	}
	* html #parts .hr,
	* html #parts li span { overflow: hidden; background-image: none; }
/* Разделы каталога */
	#parts { overflow: hidden; list-style: none; width: 100%; margin: 0 auto; }

	#parts li {
		position: relative;				/* нулевые координаты для абсолютного позиционирования картинок */
		width: 16.666%; float: left;
		padding: 155px 0 20px 0;		/* место под картинку */
		text-align: center;
		background: url('/i/ramka.gif') 50% 40px no-repeat; Aborder-right: 1px dotted #fff; 
	}
	* html #parts li {
		width: 16.5%;					/* для осла немногим уже */
	}
	/* Крайний правый блок для осла немногим уже */
	#parts li.right { margin-right: -1%; zoom: 1; }
	/* Инлайн элемент, что бы не было видно без цсс */
	#parts li span {
		display: block;
		width: 150px;
		height: 150px;
		position: absolute;
		top: 8px;
		left: 50%;
		margin-left: -77px;
	}
	/* Фиксим бэкгроунд для осла */
	* html #parts li span i {
		display: block;
		width: 500px;
		height: 500px;
		margin-top: -10px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/slide1.png', sizingMethod='crop');
	}
	/* Перекрываем ссылкой картинку */
	#parts li a {
		position: relative;
		display: block;
		padding-top: 154px;				/* на высоту картинки */
		width: 130px;					/* не надо тянуть ссылку на весь блок */
		margin: -150px auto 0 auto;		/* поднимаем вверх и центруем */
		z-index: 2;						/* становимся поверх абсолютной картинки */
		font-size: 9pt; font-weight: bold; text-transform: uppercase; color: #5D3E2F;
	}
/* // Разделы каталога */
	/*
	 * Для статики всё это можно переместить в файл, для картинок, заливаемых
	 * через админку всё тут и генерится из шаблонов
	 */
	.part-1 { background-position: 0 -10px; }
	
	.part-2 { background-position: -150px -10px; }
	* html .part-2 i { margin-left: -150px; }
	
	.part-3 { background-position: -300px -10px; }
	* html .part-3 i { margin-left: -300px; }
	
	.part-4 { background-position: 0 -160px; }
	* html .part-4 i { margin-top: -160px !important; }
	
	.part-5 { background-position: -300px -160px; }
	* html .part-5 i { margin-top: -160px !important; margin-left: -300px; }
	
	.part-6 { background-position: -150px -160px; }
	* html .part-6 i { margin-top: -160px !important; margin-left: -150px; }

	#articles {}
	#articles .row { padding-left: 50px; }
	#articles .banner { float: left; width: 292px; padding: 20px 0; }
	#articles .art { margin-left: 292px; }
	#articles .art .art1 { float: left; height: 220px; overflow: hidden; width: 50%; border-right: 1px solid #FFE5B6; }
	#articles .art .art2 { float: left; height: 220px; overflow: hidden; width: 49%; border-left: 1px solid #BD9964; }

	#gallery-title { height: 33px; }
	#gallery-title h1 { margin: 5px 0 5px 50px; }

	#gallery {}
	#gallery .gallery { margin: 10px 4%; }
	#gallery .arrow { 	padding: 63px 10px 8px 10px; height: 75px; width: 21px; }

	#prod-logos {  }
	#prod-logos .logos { padding: 10px 80px 0 50px; }
	#prod-logos ul { list-style: none; padding: 0; margin: 0; }
	#prod-logos ul li { list-style: none; display: block; height: 40px; float: left; margin-right: 20px; }

	#footer {}
	#footer .copyright { float: left; margin: 20px 0; padding-left: 50px; width: 27%; font-size: 8pt; }
	#footer .copyright a { text-decoration: underline; }
	#footer .phone { float: left; margin: 20px 0; width: 14%; font-size: 11pt; color: #5D3E2F; font-family: Calibri, Arial, Tahoma; }
	#footer .phone .text { font-size: 12pt; font-weight: bold; text-transform: uppercase; margin-bottom: -5px; }
	#footer .phone span { font-size: 17pt; font-weight: bold; }
	#footer .cards { float: left; margin: 20px 0; width: 20%; text-align: center; }
	#footer .cards .text { float: left; padding-top: 8px; font-size: 10pt; font-weight: bold; color: #5D3E2F; }
	#footer .cards .img { border: 1px solid #BD9964; margin: 0 3px; float: left; height: 32px; }
	#footer .cards .img img { border: 1px solid #FFE5B6; margin: 0; padding: 0; }

	#footer .counters { margin: 20px 0; text-align: center; }
	#footer .counters img { margin: 0 10px 0 0; }

/* DEBUG */
.xR { border:1px red dashed; }
.xG { border:1px green dashed; }
.xB { border:1px blue dashed; }
}