html, body, div, table, tr, td, img
{
	border:		0;
	padding:	0;
	margin:		0;
}

body
{
	font-family:		"Trebuchet MS", Arial, Sans-serif;
	color:			#492215;
	font-size:		14px;
	height:			100%;
	background-color:	white;
}

.x9
{
  width:		930px;
  margin:		0;
  margin-left:		auto;
  margin-right:		auto;
  padding:		0;
  zoom:			1;
}

div#header-out
{
	background:	#e9e6e4 url("/r/bkg_top.jpg") top center no-repeat;
}

div#footer-out
{
	background:	#eeeeee url("/r/bkg_bottom.jpg") bottom center no-repeat;
	height:		110px;
}

div#header-out, div#main-out, div#footer-out
{
	text-align:	center;
}

table#header, table#main, div#footer
{
	text-align:	left;
	border-collapse:	collapse;
}

table#header td#ulc
{
	/*background:	url("/r/logo.jpg") no-repeat top left;*/
	padding-top:	5px;
}
table#header td#ulc a
{
	color:		#d68103;
}
table#header td#urp
{
	background:	url("/r/old_city.jpg") no-repeat top left;
	height:		130px;
	width:		620px;
}

table#header tr.nav
{
	vertical-align:		center;
	font-weight:		bold;
	font-size:		15px;
}
table#header tr.nav td.nav
{
	border:			1px solid #b44e06;
	border-top:		none;
	height:			31px;
	text-align:		center;
	text-transform:		uppercase;
}
table#header tr.nav a,
table#header tr.nav a:visited,
table#header tr.nav a:active,
table#header tr.nav a:hover
{
	text-decoration:	none;
	margin-left:		10px;
	margin-right:		10px;
	color:			#402215;
}
table#header tr.nav td.here
{
	background:	url("/r/bg_menu_active.jpg");
}
table#header tr.nav td.here a,
table#header tr.nav td.here a:visited,
table#header tr.nav td.here a:active,
table#header tr.nav td.here a:hover
{
	color:			#875026;
}
table#header tr.nav td#ncall,
table#header tr.nav td#nmail
{
	border-bottom:		1px solid #b44e06;
	height:			31px;
}
table#header tr.nav td#ncall span
{
	font-size:		13px;
}
table#header tr.nav td#nmail a img
{
	margin:     6px 0 4px 0;
}
table#header tr.nav td#nmail a
{
}
table#header tr#trtop td#tmost
{
}

div#footer
{
	padding-top:	55px;
}



div.mar
{
	margin:		25px 30px 25px 0;
}

span.phone
{
	white-space:	nowrap;
	color:		#bf5b10;
	font-size:	16px;
}

ul.sw
{
	padding-left:	18px;
}

ul.sw li
{
	color:		#d68103;
}

ul.sw li span
{
	color:		#402215;
}

table#main a,
table#main a:visited,
table#main a:active,
table#main a:hover
{
	color:	#8c2f02;
}

table#main b a,
table#main b a:visited,
table#main b a:active,
table#main b a:hover
{
	font-size:	16px;
}

h2
{
	color:		#d71819;
	font-size:	32px;
	font-weight:	normal;
}

h3
{
	color:		#bf5b10;
	font-size:	25px;
	margin-bottom:	10px;
	font-weight:	normal;
}

h4
{
	color:		#bf5b10;
	font-size:	20px;
	margin:		0 0 10px 0;
	font-weight:	bold;
}


/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

#scr
{
	position: 	relative;
	border:		1px solid #e6c99c;
	background:	#f3ecd6;
	width: 930px;
	margin: 0 auto 20px auto;
}

#scr div.scrollableArea img
{
	float: left;
	margin-left: 25px;
}

div.scr355
{
	width:	600px;
	height:	355px;
}

div.scr120
{
	width:		930px;
	height:		120px;
}

.scr355 div.scrollableArea img
{
	width:		575px;
	height:		332px;
}

.scr120 div.scrollableArea img
{
	width:		173px;
	height:		100px;
}

div.scr355 div.scrollingHotSpotLeft,
div.scr355 div.scrollingHotSpotRight,
div.scr355 div.scrollingHotSpotLeftVisible,
div.scr355 div.scrollingHotSpotRightVisible
{
	height:	355px !important;
}

div.scr120 div.scrollingHotSpotLeft,
div.scr120 div.scrollingHotSpotRight,
div.scr120 div.scrollingHotSpotLeftVisible,
div.scr120 div.scrollingHotSpotRightVisible
{
	height:	120px !important;
}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
	and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width: 20px;
	height: 100%;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url("/r/left.cur"), url("/r/left.cur"),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background:	url("/r/arr_left.jpg") #fdf7eb no-repeat left center;
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	border-right:	1px solid #e6c99c;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	width: 20px;
	height: 100%;
	position: absolute;
	z-index: 200;
	right:	0;
	cursor: url("/r/right.cur"), url("/r/right.cur"),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background:	url("/r/arr_right.jpg") #fdf7eb no-repeat right center;
	border-left:	1px solid #e6c99c;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position:	relative;
	width:		auto;
	height:		100%;
}

div.scrollableArea *
{
	margin-top:	10px;
}

input, textarea
{
	font-family:		"Trebuchet MS", Arial, Sans-serif;
}

div.contacts
{
	border:		1px solid #e6c99c;
	background:	#f3ecd6;
	padding:	10px;
}

div.contacts p
{
	margin:	0;
}

.error
{
	color:		#e33;
	font-weight:	bolder;
	font-size:	150%;
	border:		2px solid #f11;
	background-color:	#fcc;
	text-align:	center;
	padding:	4px;
}
.sent
{
	color:		#3e3;
	font-weight:	bolder;
	font-size:	150%;
	border:		2px solid #3e3;
	background-color:	#cec;
	text-align:	center;
	padding:	4px;
}

#ulc span   {color: #F79F0A; padding-left: 119px; font-size: 11px; font-family: arial;  font-style: 1italic;}
#ulc b      {color: #F79F0A; padding-left: 82px;}

table#header tr#trtop td#tpic
{
	background:    url("/r/big_main.jpg") top left no-repeat;
	height:        247px;
	width:        620px;
}

.main_contacts {
	background: url("/r/big_contacts2.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);
	height: 243px;
}

.main_content   {
	width: 930px;
	text-align: left;
	margin: 0 auto;
}

.main_content a  {
	color: #9f2316;
}

.head_gray  {
	background: #E9E6E4;
}

.img_shadow10   {
	box-shadow: 2px 2px 15px  #e2d0bf;
}

.pic_contacts  {
	background: url("/r/big_contacts.jpg") no-repeat !important;
}
.pic_souvenirs  {
	background: url("/r/big_clients.jpg") no-repeat !important;
}
.pic_potf  {
	background: url("/r/big_works.jpg") no-repeat !important;
}
.pic_zasl  {
	background: url("/r/big_clients.jpg") no-repeat !important;
}


.form_inp{
	width: 236px;
	padding: 3px 4px;
	font-size: 13px;
	font-family: arial;
	margin: 3px 0;
	color: #333;
	border-radius: 3px;
	border: 2px solid #ccc;
}

.m1 {width: 100px;}
.m2 {width: 110px;}
.m3 {width: 100px;}
.m4 {}
.m5 {width: 100px;}
.m6 {width: 80px;}
.m7 {width: 90px;}

/*#content h1         {font-family: arial; font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px;}*/

#content table.teanobord h1 {
	margin-top: 0;
	font-size: 18px;
}
#content table.teanobord td img {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 1px #fff;
	max-height: 150px;
	max-width: 200px;
	padding: 2px 15px 15px;
	text-align: center;
	vertical-align: top;
}

#content table.nobord {border: none; background: transparent;}
#content table.nobord td {padding: 6px 7px 6px 15px; border: none; background: transparent; font-size: 12px; font-family:  arial, tahoma,sans-serif; color: #1E2223; vertical-align: top; }
#content table.nobord td p   {color: #760708;  margin: 0px; line-height: 1.7em; font-style: italic;}
#content table.nobord td.img {padding: 5px; }
#content table.nobord td.img div {padding: 5px; background: #fff; vertical-align: top; margin-bottom: 20px;}
#content table.nobord td.txt {width:150px; padding-bottom: 17px;}

#content table.teanobord {border: none; background: transparent; color: #760708;}
#content table.teanobord td {padding: 16px 7px 10px 15px; border: none; border-bottom: 1px solid #f5e6b8; background: transparent; font-size: 12px; font-family:  arial, tahoma,sans-serif; vertical-align: top; color: #760708;}
#content table.teanobord tr:last-child td {border: none;}
#content table.teanobord td p   {color: #760708; margin-bottom: 1em; line-height: 1.7em; }
#content table.teanobord td img {padding: 2px 15px 15px 15px; background: #fff; vertical-align: top; max-width: 200px; max-height: 150px; box-shadow: 0 0 1px #fff; text-align: center;}


#content .right_menu         {list-style: none; padding: 10px 0px;}
#content .right_menu li      {list-style-image: none;}
#content .right_menu li a    {font-size: 14px; display: block; padding: 5px 10px 5px 10px; font-weight: bold;}
#content .right_menu li a:hover  {text-decoration: none;}
#content .right_menu li a.sel{background: #b44306; color: #fff; text-decoration: none;}

/* prods */
#content .pouches-tbl {border: none; width: 620px; border-collapse: collapse; }
#content .pouches-tbl td {border: 1px dotted #e5c9ab; border-left: none; border-right: none; border-collapse: collapse; }
.pouches-tbl img {max-width: 300px; margin: 0 auto; display: block;}
.pouches-tbl strong {font-size: 17px; padding: 15px 7px; display: block;}