/* ####################################################################### */
/* #                              RESET CSS                              # */
/* ####################################################################### */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, sup, sub {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 12px;
}

ol, ul { list-style: none; }

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

object, embed {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
}

/* ###################################################################### */
/* #                              BASE CSS                              # */
/* ###################################################################### */

h1 { font-size: 16px; } 

h2 { font-size: 15px; } 

h3 { font-size: 14px; }
 
h1, h2, h3 { margin:1em 0; } 

h1, h2, h3, h4, h5, h6, strong { font-weight:bold; } 

abbr, acronym { 
	border-bottom:1px dotted #000; 
	cursor: help; 
}  

em { font-style:italic; } 

blockquote, ul, ol, dl { margin: 1em; } 

ol, ul, dl { margin-left: 2em; } 

ol li { list-style: decimal outside; } 

ul li { list-style: disc outside; } 

dl dd { margin-left: 1em; } 

th,td {
	border: 1px solid #000; 
	padding: .5em; 
} 

th { 
    font-weight:bold; 
    text-align:center; 
}
 
caption { 
	margin-bottom:.5em; 
    text-align:center; 
} 

p, fieldset, table { margin-bottom: 1em; } 

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}

sup { bottom: 1ex; }

sub { top: .5ex; }

/* #################################################################### */
/* #                              COMMON                              # */
/* #################################################################### */

html { height: 100%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #3e3e3e;
	background-color: #FFFFFF;
	height: 100%;
}

.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}

a {
	color: #A65214;
	text-decoration: underline;
}

a:hover { text-decoration: none; }
 
.clearFix {	display: inline-block; }
 
html[xmlns] .clearFix { display: block; }
 
* html .clearFix { height: 1%; }

/* ####################################################################### */
/* #                              Z-INDICES                              # */
/* ####################################################################### */

#wrapper {
	z-index: 20;
}

#footer {
	z-index: 10;
}

#header {
	z-index: 30;
}

#homeContent {
	z-index: 40;
}

/* ##################################################################### */
/* #                              WRAPPER                              # */
/* ##################################################################### */

#wrapper {
	width: 990px;
	margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -130px;
}

/* #################################################################### */
/* #                              HEADER                              # */
/* #################################################################### */

#header {
	position: relative;
	height: 360px;
}

#header-logo {
	position: absolute;
	left: 5px;
	top: 107px;
}

#header-logo a {
	position: relative;
} 

#header-languageMenu {
	position: absolute;
	left: 11px;
	top: 33px;
}

#header-languageMenu ul {
	margin: 0;
}

#header-languageMenu ul li {
	list-style-type: none;
	font-size: 13px;
	color: #FFFFFF;
	background: #e08020 url(../images/language_menu_item_background.gif) no-repeat left top;
	float: left;
	margin-right: 6px;
}	

#header-languageMenu ul li span {
	display: block;
	float: left;
	height: 23px;
	line-height: 20px;
	background: transparent url(../images/language_menu_item_background.gif) no-repeat right bottom;
	padding: 0 10px;
}

#header-languageMenu ul li a {
	color: #3e3e3e;
	text-decoration: underline;
	display: block;
	float: left;
	height: 23px;
	line-height: 20px;
	background-color: #FFFFFF;
	padding: 0 10px;
}

#header-languageMenu ul li a:hover {
	text-decoration: none;
}

#header-flash {
	float: right;
}

#header-mainMenu {
	font-size: 18px;
	position: absolute;
	left: -11px;
	_left: -21px;
	top: 314px;
	overflow: hidden;
	height: 29px;
}

#header-mainMenu ul {
	font-size: 18px;
	margin: 0;
	height: 29px;
	position: relative;
	right: -27px;
	_right: -37px;
	float: left;
}

#header-mainMenu ul li {
	list-style-type: none;
	font-size: 18px;
	color: #FFFFFF;
	background: #e08020 url(../images/main_menu_item_background.gif) no-repeat right bottom;
	float: left;
	margin-right: 10px;
}	

#header-mainMenu ul li span {
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	background: transparent url(../images/main_menu_item_background.gif) no-repeat left top;
	padding: 0 37px 0 10px;
	font-size: 18px;
}

#header-mainMenu ul li a {
	color: #406618;
	text-decoration: underline;
	display: block;
	float: left;
	height: 29px;
	line-height: 29px;
	background: #FFFFFF;
	margin-right: 27px;
	_margin-right: 13px;
	padding: 0 10px 0 10px;
	font-size: 18px;
}

#header-mainMenu ul li a:hover {
	text-decoration: none;
}

/* ########################################################################## */
/* #                              HOME CONTENT                              # */
/* ########################################################################## */

#homeContent {
	position: relative;
}

#homeContent h1 {
	color: #3e3e3e;
	font-size: 22px;
	font-weight: bold;
	padding-left: 43px;
	height: 27px;
	line-height: 27px;
	margin: 0 0 1em 0;
	background: transparent url(../images/article_icon.png) no-repeat left top;

}

/* ###################################################################################### */
/* #                              HOME CONTENT LEFT COLUMN                              # */
/* ###################################################################################### */

#homeContent-leftColumn {
	background: transparent url(../images/horizontal_gray_dashed_line.gif) repeat-x left top;
	float: left;
	width: 575px;
	margin-left: 25px;
	padding: 20px 20px 0 0;
	display: inline;
}

#homeContent-leftColumn a {
	color: #e08020;
}

#homeContent-leftColumn p {
	font-size: 14px;
	line-height: 19px;
	width: 47%;
}

#homeContent-leftColumn p.leftColumn {
	float: left;
	width: 46%;
}

#homeContent-leftColumn p.rightColumn {
	float: right;
}

/* ####################################################################################### */
/* #                              HOME CONTENT RIGHT COLUMN                              # */
/* ####################################################################################### */

#homeContent-rightColumn {
	float: right;
	width: 350px;
	padding-bottom: 20px;
}

/* ############################################################################## */
/* #                              PRODUCTION BLOCK                              # */
/* ############################################################################## */

#productionBlock {
	background: #fff7e7 url(../images/production_block_top_corner.gif) no-repeat left top;
	position: relative;
}

#productionBlock-content {
	background: transparent url(../images/production_block_bottom_corner.gif) no-repeat left bottom;
	padding: 28px 0 28px 28px;
}

#productionBlock h2 {
	color: #3e3e3e;
	font-size: 20px;
	height: 21px;
	line-height: 21px;
	padding-right: 35px;
	float: left;
	background: transparent url(../images/hint_icon.gif) no-repeat right top;
	margin: 0 0 20px 0;
	position: relative;
}

#productionBlock ul {
	margin: 0;
	width: 100%;
}

#productionBlock ul li {
	list-style-type: none;
	float: left;
	width: 48%;
}

#productionBlock ul li a {
	background: transparent url(../images/production_list_bullet.gif) no-repeat left center;
	font-size: 12px;
	line-height: 19px;
	color: #3e3e3e;
	text-decoration: none;
	padding-left: 20px;
	position: relative;
	display: block;	
	float: left;
}

#productionBlock ul li a span {
	background: transparent url(../images/production_hint.png) no-repeat left top;
	display: block;
	overflow: hidden;
	width: 0;
	height: 0;
	position: absolute;
	left: -222px;
	top: -190px;
	z-index: 1000;
}

#productionBlock ul li a img {
	/*margin: 8px 0 0 8px;*/
	margin: 17px 0 0 39px;
}

#productionBlock ul li a:hover {
	text-decoration: underline;
	cursor: pointer;
}

#productionBlock ul li a:hover span {
	width: 252px;
	height: 195px;
}

/* ################################################################################### */
/* #                              DOWNLOAD PRICE BUTTON                              # */
/* ################################################################################### */

.downloadPriceButton {
	margin-top: 20px;
	display: block;
	background: transparent url(../images/download_price_button.jpg) no-repeat left top;
	width: 252px;
	height: 68px;
	font-size: 22px;
	color: #598527;
	text-decoration: none;
	padding: 29px 0 0 98px;
	font-weight: bold;
	position: relative;
}

.downloadPriceButton small {
	display: block;
	color: #3e3e3e;
	font-size: 11px;
	font-weight: normal;
	margin-top: 0.5em; 
}

.downloadPriceButton span {
	display: block;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	background: transparent url(../images/download_hint.png) no-repeat left top;
	position: absolute;
	margin-left: 50%;
	left: -75px;
	top: -75px;
}

.downloadPriceButton span dl {
	display: block;
	clear: both;
	margin: 0;
	height: 20px;
}

.downloadPriceButton span dt,
.downloadPriceButton span dd {
	font-size: 11px;
	color: #000000;
	float: left;
	font-weight: normal;
	margin: 0;
}

.downloadPriceButton span dt { width: 60px; }

.downloadPriceButton:hover {
	cursor: pointer;
	cursor: hand;
}

.downloadPriceButton:hover span {
	width: 150px;
	height: 107px;
	padding: 23px 0 0 19px;
}

/* ############################################################################## */
/* #                              PRODUCTS CONTENT                              # */
/* ############################################################################## */

#productsContent {
	background: transparent url(../images/horizontal_gray_dashed_line.gif) repeat-x left top;
	padding: 35px 0 35px 0;
	margin-left: 22px;
}

/* ########################################################################################## */
/* #                              PRODUCTS CONTENT LEFT COLUMN                              # */
/* ########################################################################################## */

#productsContent-leftColumn {
	width: 256px;
	float: left;
}

#productsContent-leftColumn ul {
	margin: 0;
}

#productsContent-leftColumn ul li {
	list-style-type: none;
	font-size: 11px;
}

#productsContent-leftColumn ul li a {
	color: #3e3e3e;
	text-decoration: none;
	padding-left: 21px;
	background: transparent url(../images/folder_icon.gif) no-repeat left center;
	line-height: 19px;
}

#productsContent-leftColumn ul li a:hover {
	text-decoration: underline;
}

/* ########################################################################################### */
/* #                              PRODUCTS CONTENT RIGHT COLUMN                              # */
/* ########################################################################################### */

#productsContent-rightColumn {
	width: 712px;
	float: left;
	overflow: hidden;
}
#productsContent-rightColumn h1 {
margin-top:0px;
}

/* ################################################################################# */
/* #                              PRODUCTS CATEGORIES                              # */
/* ################################################################################# */

.categories {
	margin: 0;
	display: block;
	width: 724px;
}

.categories li {
	list-style-type: none;
	width: 170px;
	float: left;
	margin: 0 11px 14px 0;
}

.categories li a {
	display: block;
	width: 170px;
	color: #3e3e3e;
	text-decoration: underline;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}

.categories li a:hover {
	text-decoration: none;
}

.categories li a img {
	display: block;
	margin-bottom: 0.25em;
}

/* ########################################################################## */
/* #                              ALL ARTICLES                              # */
/* ########################################################################## */

#articlesContent {
	margin-left: 22px;
	background: transparent url(../images/horizontal_gray_dashed_line.gif) repeat-x left top;
	padding: 35px 0 35px 0;
}

#articlesContent h1 {
	color: #3e3e3e;
	font-size: 25px;
	font-weight: bold;
	padding-left: 43px;
	height: 27px;
	line-height: 27px;
	margin: 0 0 1em 0;
	background: transparent url(../images/article_icon.png) no-repeat left top;
}

#articlesContent ul {
	font-size: 12px;
	line-height: 16px;
}

#articlesContent ul li {
	background: transparent url(../images/list_bullet.gif) no-repeat left 0.4em;
	padding-left: 15px;
	list-style-type: none;
}

/* ##################################################################### */
/* #                              ARTICLE                              # */
/* ##################################################################### */

#articleContent {
	margin-left: 22px;
	background: transparent url(../images/horizontal_gray_dashed_line.gif) repeat-x left top;
	padding: 35px 0 35px 0;
}

#articleContent h1 {
	color: #3e3e3e;
	font-size: 25px;
	font-weight: bold;
	padding-left: 43px;
	height: 27px;
	line-height: 27px;
	margin: 0 0 1em 0;
	background: transparent url(../images/article_icon.png) no-repeat left top;
}

#articleContent p {
	font-size: 14px;
	line-height: 1.25em;
}

/* ############################################################################## */
/* #                              CONTACTS CONTENT                              # */
/* ############################################################################## */

#contactsContent {
	background: transparent url(../images/horizontal_gray_dashed_line.gif) repeat-x left top;
	padding: 35px 0 35px 0;
	margin-left: 22px;
	width:400px;
}

/* ########################################################################################## */
/* #                              CONTACTS CONTENT LEFT COLUMN                              # */
/* ########################################################################################## */

#contactsContent-leftColumn {
	width: 267px;
	float: left;
	color: #3e3e3e;
}

#contactsContent h1 {
	color: #3e3e3e;
	font-size: 25px;
	font-weight: bold;
	padding-left: 43px;
	height: 27px;
	line-height: 27px;
	margin: 0 0 1em 0;
	background: transparent url(../images/contact_icon.png) no-repeat left top;
}

#contactsContent-leftColumn dl {
	margin: 0 0 2em 0;
}

#contactsContent-leftColumn dt,
#contactsContent-leftColumn dd {
	margin: 0;
	font-size: 14px;
	line-height: 1.25em;
}

#contactsContent-leftColumn dt {
	font-weight: bold;
}

img.yandexMapsIcon {
	vertical-align: middle;
}

/* #################################################################### */
/* #                              FOOTER                              # */
/* #################################################################### */

#footer,
#footerPusher {
	height: 130px;
}

#footer {
	width: 990px;
	margin: 0 auto;
	background: transparent url(../images/footer_background.gif) no-repeat left top;
	position: relative;
	color: #a65214;
	font-size: 12px;
}

#footer-copyright {
	font-size: 14px;
	position: absolute;
	left: 5px;
	top: 22px;
	line-height: 62px;
	padding-left: 59px;
    min-height: 59px;
    height: auto !important;
    height: 59px;
	background: transparent url(../images/copyright_icon.png) no-repeat left top;
}

#footer-contacts {
	font-size: 14px;
	position: absolute;
	left: 765px;
	top: 41px;
	line-height: 24px;
	padding-left: 42px;
    min-height: 24px;
    height: auto !important;
    height: 24px;
	background: transparent url(../images/contact_icon.png) no-repeat left top;
}

#footer-contacts a {
	font-size: 14px;
	color: #a65214;
}
.cat_links {
	font-size: 12px;
}

#productsContent-leftColumn ul li span{
	font-size: 12px;
	color: #3e3e3e;
	text-decoration: none;
	padding-left: 21px;
	background: transparent url(../images/folder_icon2.gif) no-repeat left center;
	line-height: 19px;
	font-weight:bold;
	text-decoration:underline;
}