html {height: 100%; background: #d2ccbd url('/img/bg.png') repeat-y}
body {
	margin: 0; padding: 0; height: 100%;
	font: 100% Arial, Helvetica, sans-serif; color: black;
	background: url('/img/top_bg.png') repeat-x
}


a:link,
a:visited	{color: #701416; text-decoration: none}
a:hover,
a:active	{color: #e30d12}


img			{border: none}
table td	{padding: 0}
p			{margin: 12px 0}
h1			{font-weight: bold; font-size: 11pt; color: #701416}


/**** header ****/
.hdr		{position: absolute; left: 356px; top: 0; width: 623px; height: 277px; background: url('/img/top_rht.jpg') no-repeat}
.hdr .innr	{padding: 97px 0 0 73px}
.hdr .header			{margin-bottom: 20px; font-size: 190%; line-height: 85%; color: #88341c}
.hdr .phone				{width: 365px; font-size: 90%; color: #88341c}
.hdr .phone td			{padding: 0; vertical-align: top}
.hdr .phone .title		{padding-right: 2px; font-weight: bold}
.hdr .phone .txt		{white-space: nowrap}
.hdr .phone .cntr-space	{width: 100%}
.hdr .phrase			{position: absolute; top: 71px; margin-left: -5px; font-size: 75%; color: white}
.hdr .shop-blk					{position: absolute; top: 0; padding-left: 75px; font-size: 80%}
.hdr .shop-blk .lft				{position: absolute; width: 107px; height: 41px; padding: 12px 62px 0 0; color: #296ecb; text-align: right}
.hdr .shop-blk .lft .emu-ul-lst	{display: list-item; list-style-type: square}
.hdr .shop-blk .rht				{position: absolute; margin-left: 187px; width: 170px; height: 63px; padding: 9px 0 0 79px; color: #296ecb}
.hdr .shop-blk .rht .title		{font-size: 140%; font-weight: bold}

.hdr .shop-blk a			{text-decoration: none}
.hdr .shop-blk a:link,
.hdr .shop-blk a:visited	{color: #296ecb}
.hdr .shop-blk a:hover,
.hdr .shop-blk a:active		{color: #709c22}

.hdr .feedback			{position: absolute; top: 0; margin-left: 527px; width: 43px; height: 72px}


/**** left column ****/
.l-col	{width: 356px; background: url('/img/lcol_bg.png') 0 350px no-repeat}

/*** menu ***/
.l-col .menu				{list-style: none; margin: 0 0 20px 58px; width: 205px; padding: 0}
.l-col .menu li				{padding: 0; font-size: 90%; color: #878787}

.l-col .menu li .sqr		{position: absolute; margin: 8px 0 0 -17px; width: 8px; height: 8px; font-size: 1px; background-color: #63762c}
.l-col .menu li:hover .sqr	{background-color: #e30d12}
.l-col .menu li.curr .sqr	{margin-top: 4px; background-color: #e30d12}

.l-col .menu li.curr		{padding-top: 4px; padding-bottom: 4px; color: #e30d12}
.l-col .menu li a			{display: block; padding: 4px 0; width: 100%}
* html .l-col .menu li.curr			{height: 0}
*+html .l-col .menu li.curr			{padding-left: 17px}
*+html .l-col .menu li.curr .sqr	{margin-top: 6px}

.l-col .menu li a			{text-decoration: none}
.l-col .menu li a:link,
.l-col .menu li a:visited	{color: #4a6817}
.l-col .menu li a:hover,
.l-col .menu li a:active	{color: #709c22}

.l-col .menu li.shop			{margin-top: 8px}
.l-col .menu li.shop a			{
	margin-left: -17px; padding-top: 0; padding-bottom: 0; padding-left: 9px;
	line-height: 110%;
	border-left: 8px solid #3261a0
}
.l-col .menu li.shop a:hover	{border-left: 8px solid #e30d12}
.l-col .menu li.shop a .title	{line-height: 110%; font-size: 140%; font-weight: bold}
* html .l-col .menu li.shop a	{position: relative}

.l-col .menu li.shop a:link,
.l-col .menu li.shop a:visited	{color: #3261a0}
.l-col .menu li.shop a:hover,
.l-col .menu li.shop a:active	{color: #709c22}

/*** last work ***/
.l-col .last-work	{margin: 20px 0 0; width: 266px}
.l-col .last-work .rht-shdw			{
	position: absolute; margin: 5px 0 0 266px; width: 14px; height: 119px;
	background: url('/img/lcol_last_wrk_rht_shdw.png') no-repeat
}
.l-col .last-work .header			{height: 55px; font-size: 90%; color: white; background: url('/img/lcol_last_wrk_hdr.png') no-repeat}
.l-col .last-work .header .innr		{padding: 9px 0 0 53px}
.l-col .last-work .header .title		{font-weight: bold}
.l-col .last-work .content 			{font-size: 85%; color: black; background-color: white}
.l-col .last-work .content .innr 	{padding: 7px 0 10px 53px}
.l-col .last-work .content .name 		{margin: 0 0 10px 1px; padding: 0; clear: both; font-weight: bold; color: #701416}
.l-col .last-work .content .pic			{clear: both; float: left}
.l-col .last-work .content .pic a		{display: block; float: left; padding: 8px; background-color: #f1efea; border: 1px solid #c8c3b8}
.l-col .last-work .content .pic a:hover	{color: red; background-color: white}
.l-col .last-work .content .pic a img	{border: 1px solid #e6e3dd}
.l-col .last-work .content .desc		{padding: 8px 8px 10px 0; clear: both; font-size: 90%}
.l-col .last-work .content .detail		{font-size: 90%}
* html .l-col .last-work .content .name {position: relative}


/**** content block ****/
.content-blk	{position: absolute; left: 281px; top: 222px; width: 650px; z-index: 1}

.content-blk .cnt-lft-shdw	{
	position: absolute; z-index: 1; margin: 24px 0 0 -12px; width: 12px; height: 316px;
	background: url('/img/cnt_lft_shdw.png') no-repeat
}
.content-blk .cnt-rht-side-img {
	position: absolute; z-index: 2; margin: 55px 0 0 456px; width: 242px; height: 345px;
	background: url('/img/cnt_rht_side.jpg') no-repeat
}

.content-blk .main-header	{height: 55px; background: #721705 url('/img/cnt_hdr_bg.jpg') no-repeat}
.content-blk .main-header .header	{
	position: relative; z-index: 3; margin: 0; padding: 14px 20px 0 35px;
	font-weight: normal; font-size: 140%; color: white; letter-spacing: 0
}

/*** content ***/
.content-blk .content {
	padding: 15px 0 15px 20px; width: 630px; min-height: 315px;
	font-size: 75%; color: black;
	background: #d9d4c8 url('/img/cnt_bg.png') repeat-y
}
.content-blk .content .sct-cnt	{width: 430px}
.content-blk .content p.first	{margin: 0 0 10px; text-indent: 28px; text-align: justify}
.content-blk .content p			{margin: 0 0 10px; text-align: justify}

.content-blk .content .indx-banner-hdr	{margin: 0 0 10px 0; padding: 0; font-weight: bold; font-size: 17px; color: #466915; text-align: center}

/** news **/
.news	{position: absolute; left: 470px; top: 330px; width: 150px; z-index: 3}
.news h1					{margin: 0 0 8px}
.news ul					{padding-left: 14px}
.news .pic a,
.news .pic img				{border-width: 0}
.news .pic a > img			{border: 2px solid #701416}
.news .pic a > img:hover	{border-color: #cc3333}
.news .desc					{margin-top: 8px; font-size: 8pt}

/** list last works **/
.list_last_works	{margin-bottom: 5px}
.list_last_works td	{padding-top: 20px; width: 50%; vertical-align: top}
.list_last_works .header		{font-weight: bold; font-size: 13.5pt; color: black}
.list_last_works .category_name	{margin: 0 0 5px 1px; padding: 0; color: black; font-weight: bold; font-size: 9pt}
.list_last_works .name			{margin: 0 0 0 1px; padding: 0; height: 55px; font-weight: bold; font-size: 11pt; color: #701416}
.list_last_works .pic a			{display: block; float: left; margin: 0 8px 8px 0; padding: 8px; background-color: #f1efea; border: 1px solid #c8c3b8}
.list_last_works .pic a:hover	{color: red; background-color: white}
.list_last_works .pic a img		{border: 1px solid #e6e3dd}

.list_last_works .desc			{clear: both; margin: 8px 0 5px}

/** table products **/
.products		{border-collapse: collapse; margin: 25px; width: 400px}
.products td	{padding: 5px}

.products td.name h4				{margin: 15px 0 0; font-weight: bold; font-size: 13pt; color: #990000; text-indent: 5px}
.products td.text					{padding-bottom: 20px}
.products td.text a.to_full_info	{display: block; margin: 10px 0 5px 15px; padding: 2px 2px 2px 110px}

.products td.text a:link,
.products td.text a:visited			{font-size: 9pt; text-decoration: none}

.products .img						{text-align: left}
.products a.lrg_img					{display: block; float: left; margin: 0 8px 8px 0; padding: 8px; background-color: #f1efea; border: 1px solid #c8c3b8}
.products a.lrg_img:hover			{color: red; background-color: white}
.products a.lrg_img img				{border: 1px solid #e6e3dd}

/** pages **/
.pages	{margin: 10px; width: 500px; text-align: center}
.pages a,
.pages b			{margin: 0 1px; padding: 2px}
.pages b			{font-weight: bold; font-size: 11pt}

.pages a:link,
.pages a:visited	{font-weight: bold; font-size: 10pt; color: maroon; text-decoration: none}
.pages a:hover		{color: red}

/** section detail **/
.s-detail .lst_pics {margin: 12px 0; clear: both; text-align: center}
.s-detail .lst_pics a {
	display: block; float: left;
	margin: 5px; padding: 8px;
	background-color: #f1efea; border: 1px solid #c8c3b8
}
.s-detail .lst_pics a:hover	{color: red; background-color: white}
.s-detail .lst_pics a img	{border: 1px solid #e6e3dd}
.s-detail .lst_pics_btm		{clear: both}

/** feedback **/
table.feedback		{margin: 20px 0}
table.feedback td	{padding: 5px 0}
table.feedback td.question			{padding-right: 5px; font-weight: bold; text-align: right}
table.feedback td.question small	{margin-top: 7px; display: block; font-weight: normal; font-size: 7pt}
table.feedback input,
table.feedback textarea				{padding: 1px 2px 2px; font: 10pt Arial, Helvetica, sans-serif; border: 1px solid #aca594}
table.feedback .bsubmit				{
	padding: 2px 5px;
	font: 8pt Verdana, Arial, Helvetica, sans-serif; color: maroon;
	background-color: #f5f3ed; border-color: #aca594
}
table.feedback .bsubmit:hover		{color: white; background-color: #cec6b3; border-color: white}

div.sendmail		{padding-top: 20px; font-size: 14pt; color: maroon}

ul.send_warning		{margin: 0 0 10px; padding: 10px 0 0; font-size: 10pt; color: red}
ul.send_warning li	{margin-left: 40px}
ul.send_warning li div	{color: black}

/*** content bottom ***/
.cnt-btm	{clear: both; height: 80px; background: url('/img/cnt_btm_bg.png') no-repeat}
.cnt-btm .innr	{padding: 23px 0 0 30px; font-style: italic; font-size: 80%; color: #5d0605}


/**** footer ****/
.footer	{clear: both; padding: 15px 0 20px 110px; font-size: 70%; background: url('/img/ftr_logo.jpg') 491px 3px no-repeat}
.footer .contacts	{color: #3e3e3e}
.footer .contacts .title	{font-weight: bold; color: maroon; text-transform: uppercase}
.footer .madeby		{margin: 10px 0}
.footer .banners	{margin: 10px 0}