/* ##################################################################### */
/* #                              GENERAL                              # */
/* ##################################################################### */

* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	background: #261201 url("../images/background_top.gif") repeat-x 0px 250px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;	
}

a {
	color: #A65214;
	text-decoration: underline;
}

a:hover { text-decoration: none; }
 
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 88px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -88px; /* negative value of footer height */
	height: 88px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.horizontalGradientLine {
	background: transparent url("../images/horizontal_gradient_line.gif") no-repeat left top;
	height: 30px;
}

/* ##################################################################### */
/* #                              WRAPPER                              # */
/* ##################################################################### */

div.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -88px;
	min-width: 1000px;
	width: expression(document.body.clientWidth < 1005 ? "1000px" : "auto");
}

div.verticalGradientLine {
	width: 1px;
	height: 452px;
	position: absolute;
	left: 285px;
	top: 250px;
	background: transparent url("../images/left_menu_gradient_line.gif") no-repeat left top;
}

/* #################################################################### */
/* #                              HEADER                              # */
/* #################################################################### */

div.header {
	position: relative;
	background: #f3e8c5 url("../images/header_background.gif") repeat-x left top;
	height: 249px;
	border-bottom: 1px solid #d9bb84;
}

div.headerImage {
	position: absolute;
	background: transparent url("../images/header_image.jpg") no-repeat left top;
	width: 100%;
	height: 249px;
}

#logo {
	position: absolute;
	top: 40px;
	right: 47px;
	width: 217px;
	height: 198px;
}

#logo div.alternativeImage {
	width: 217px;
	height: 198px;
	background: transparent url("../images/logo.png") no-repeat left top;
}

* html #logo div.alternativeImage {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo.png", sizingMethod="scale");
}

/* ######################################################################### */
/* #                              LEFT COLUMN                              # */
/* ######################################################################### */

div.leftColumn {
	position: absolute;
	left: 0px;
	top: 282px;
	width: 285px;
}

/* ########################################################################### */
/* #                              CENTER COLUMN                              # */
/* ########################################################################### */

div.centerColumn {
	padding-top: 39px;
	margin: 0px 180px 0px 285px;
	color: #f2e7c4;
	font-size: 14px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
}

div.centerColumn h2 {
	color: #bf935e;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	padding-bottom: 6px;
}

div.centerColumn p {
	margin-top: 23px;
}

/* ################################################################################ */
/* #                              INDEX RIGHT COLUMN                              # */
/* ################################################################################ */

div.rightColumn {
	position: absolute;
	right: 0px;
	top: 289px;
	width: 180px;
}

/* ##################################################################### */
/* #                              CONTENT                              # */
/* ##################################################################### */

div.content {
	color: #f2e7c4;
	font-size: 14px;
	margin: 20px 20px 0px 0px;
}

div.content ul {
	list-style-position: inside;
	margin-left: 20px;
}

/* ######################################################################## */
/* #                              PRODUCTION                              # */
/* ######################################################################## */

div.production {
	padding: 39px 0px 0px 34px;
	margin: 0px 0px 0px 285px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
}

div.production div.title h2 {
	color: #bf935e;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	float: left;
}

div.production div.title a {
	color: #8c816c;
	font-size: 14px;
	line-height: 14px;
	text-decoration: underline;
	padding-right: 70px;
	margin-top: 4px;
	background: transparent url("../images/arrow.gif") no-repeat right 3px;
	float: right;
}

div.production div.title a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.production div.productsCategories {
	margin-top: 23px;
}

div.production div.productsCategories a {
	color: #8c816c;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	margin: 0px 26px 22px 0px;
	float: left;
	width: 312px;
}

div.production div.productsCategories a:hover {
	color: #ffffff;
}

div.production div.productsCategories a img {
	display: block; 
	margin: 0px auto 8px auto;
}

div.production div.centered a {
	margin-left: 169px;
}

/* ############################################################################## */
/* #                              PRODUCTS CATALOG                              # */
/* ############################################################################## */

div.products {
	margin-top: 24px;
}

div.products div.product {
	margin-bottom: 20px;
	width: 496px;
}

div.products div.product div.image {
	float: left;
}

div.products div.product div.description {
	margin-left: 24px;
	width: 362px;
	float: left;
}

div.products div.product div.description h2 {
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 12px;
	color: #FFFFFF;
}

div.products div.product div.description p {
	font-size: 14px;
	color: #f2e7c4;
	margin-bottom: 12px;
}

div.products div.product div.description a {
	font-size: 14px;
	color: #8c816c;
	text-decoration: underline;
}

div.products div.product div.description a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.productsPreviews div {
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px;
	border: 1px solid #BF935E;
	padding: 1px;
	background-color: #261201;
}

/* ################################################################################# */
/* #                              PRODUCT DESCRIPTION                              # */
/* ################################################################################# */

div.productDetails {
	margin-top: 20px;
	height: 250px;
	position: relative;
}

div.productDetails div.image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 250px;
}

div.productDetails div.description {
	margin: 0px 60px 0px 285px;
}

div.productDetails div.description h3 {
	color: #bf935e;
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 8px;
	font-weight: normal;
}

div.productDetails div.description p {
	margin-bottom: 23px;
	color: #f2e7c4;
	font-size: 14px; 
}

div.productDetails div.description p.price {
	margin-bottom: 0px;
	color: #ffffff;
	font-size: 16px; 
	font-weight: bold;
}

div.productParameters {
	padding-right: 60px;
}

div.productParameters table {
	margin-top: 35px;
	border-collapse: collapse;
	width: 100%;
}

div.productParameters table td,
div.productParameters table th {
	border: 1px solid #523a20;
}

div.productParameters table th {
	font-size: 14px;
	color: #ffffff;
	background-color: #b89567;
	text-align: center;
	height: 33px;
	padding: 0px 4px;
}

div.productParameters table td {
	font-size: 14px;
	color: #f2e7c4;
	height: 23px;
	text-align: center;
}

/* ###################################################################### */
/* #                              ARTICLES                              # */
/* ###################################################################### */

div.articles {
	padding: 39px 0px 0px 34px;
	margin: 0px 0px 0px 285px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
}

div.articles h2 {
	color: #bf935e;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 29px;
}

div.articles ul {
	list-style-position: inside;
}

div.articles ul li {
	color: #8C816C;
	margin-bottom: 6px;
	font-size: 14px;
}

div.articles ul li a {
	color: #8C816C;
	text-decoration: underline;
}

div.articles ul li a:hover {
	color: #D5A366;
	text-decoration: none;
}

/* ############################################################################## */
/* #                              SPECIFIC ARTICLE                              # */
/* ############################################################################## */

div.article {
	margin: 0px 0px 0px 285px;
	padding: 39px 70px 0px 34px;
	color: #f2e7c4;
	font-size: 14px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
}

div.article div.title {
	position: relative;
}

div.article div.title h2 {
	color: #bf935e;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin-right: 160px;
}

div.article div.title a {
	color: #8c816c;
	font-size: 14px;
	line-height: 14px;
	text-decoration: underline;
	padding-right: 70px;
	margin-top: 4px;
	margin-right: -30px;
	background: transparent url("../images/arrow.gif") no-repeat right 3px;
	position: absolute;
	right: 0px;
	top: 1px;
}

div.article div.title a:hover {
	color: #ffffff;
	text-decoration: none;
}

div.article h3 {
	color: #bf935e;
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	margin: 30px 0px 20px 0px;
}

div.article p {
	margin-top: 23px;
}

div.article ul {
	list-style-position: inside;
	margin-left: 20px;
}

div.article div.table {
	padding-right: 60px;
}

div.article div.table table {
	border-collapse: collapse;
	width: 100%;
}

div.article div.table table td,
div.article div.table table th {
	border: 1px solid #523a20;
}

div.article div.table table th {
	font-size: 14px;
	color: #ffffff;
	background-color: #b89567;
	text-align: center;
	height: 33px;
	padding: 0px 4px;
}

div.article div.table table td {
	font-size: 14px;
	color: #f2e7c4;
	height: 23px;
	text-align: center;
}

div.article div.dataTableLeftAlign {
	padding: 25px 60px 0px 0px;
}

div.article div.dataTableLeftAlign table {
	border-collapse: collapse;
	width: 100%;
}

div.article div.dataTableLeftAlign table td,
div.article div.dataTableLeftAlign table th {
	border: 1px solid #523a20;
}

div.article div.dataTableLeftAlign table th {
	font-size: 14px;
	color: #ffffff;
	background-color: #b89567;
	text-align: center;
	height: 33px;
	padding: 0px 8px;
}

div.article div.dataTableLeftAlign table td {
	font-size: 14px;
	color: #f2e7c4;
	height: 23px;
	padding: 0px 8px;
	text-align: left;
}

/* ########################################################################## */
/* #                              CERTIFICATES                              # */
/* ########################################################################## */

div.certificates {
	padding: 39px 0px 0px 34px;
	margin: 0px 0px 0px 285px;
	min-height: 410px;
	height: auto !important;
	height: 410px;
}

div.certificates h2 {
	color: #bf935e;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 29px;
}

div.certificatesImages a {
	float: left;
	margin-right: 40px;
	display: block;
	width: 194px;
	color: #8C816C;
	text-decoration: underline;
	font-size: 14px;
	text-align: center;
}

div.certificatesImages a img {
	display: block;
	margin-bottom: 8px;
}

div.certificatesImages a:hover {
	color: #D5A366;
	text-decoration: none;
}

/* ####################################################################### */
/* #                              PORTFOLIO                              # */
/* ####################################################################### */

div.portfolio {
	margin-top: 20px;
}

div.portfolio div {
	float: left;
	width: 110px;
	height: 110px;
	margin: 0px 10px 10px 0px;
	border: 1px solid #8C5B3F;
}

/* ###################################################################### */
/* #                              CONTACTS                              # */
/* ###################################################################### */

div.contacts {
	padding: 39px 0px 0px 34px;
	margin: 0px 0px 0px 285px;
	font-size: 14px;
	color: #f2e7c4;
	min-height: 410px;
	height: auto !important;
	height: 410px;
}

div.contacts a {
	color: #f2e7c4;
	text-decoration: underline;
}

div.contacts a:hover {
	text-decoration: none;
}

div.contacts img {
	vertical-align: middle;
}

div.contacts h2 {
	color: #bf935e;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin-bottom: 29px;
}

div.contacts div.address {
	margin-bottom: 29px;
}

div.contact {
	float: left;
	margin: 0px 80px 0px 0px;
	padding-bottom: 30px;
}

div.contact h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	color: #8c816c;
}

div.contact h4 {
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #8c816c;
}

div.contact h5 {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	color: #f2e7c4;
	margin-top: 14px;
}

div.contacts table {
	margin-top: 20px;
	border: 0px none;
}

div.contacts table td {
	padding: 4px 20px 4px 0px;
}

div.contacts table td.formButtons {
	text-align: right;
}

div.contacts table button {
	border: 1px solid #BF935E;
	background-color: #492201;
	color: #BF935E;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	padding: 4px;
}

div.contacts table input,
div.contacts table textarea {
	width: 320px;
	border: 1px solid #BF935E;
	background-color: #492201;
	line-height: 18px;
	color: #BF935E;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 4px;
}

div.contacts table input {
	height: 18px;
}


/* ####################################################################### */
/* #                              MAIN MENU                              # */
/* ####################################################################### */

div.mainMenu {
	padding-bottom: 31px;
}

div.mainMenu ul {
	list-style-type: none;
	margin-bottom: 40px;
}

div.mainMenu ul li {
	color: #d5a366;
	font-size: 16px;
	padding: 9px 0px 0px 54px;
	margin-top: 5px;
	line-height: 16px;
}

div.mainMenu ul li#selected {
	background: transparent url("../images/menu_selected_background.gif") no-repeat left top;
}

div.mainMenu ul li a {
	color: #8c816c;
	text-decoration: none;
}

div.mainMenu ul li a:hover {
	color: #ffffff;
}

a.priceLink {
	text-decoration: underline;
	font-size: 14px;
	color: #efdab5;
}

a.priceLink:hover {
	text-decoration: none;
}

a.priceLink img {
	margin-top: -54px;
	float: left;
}

/* ######################################################################## */
/* #                              MARKS MENU                              # */
/* ######################################################################## */

div.marksMenu {
	background-color: #d9c6a3;
	border: 1px solid #8c5b3f;
	width: 95px;
	padding: 16px 0px 19px 24px;
}

div.rightColumn div.marksMenu {
	margin-left: 30px;
}

div.leftColumn div.marksMenu {
	margin-left: 54px;
}

div.marksMenu h2 {
	font-size: 12px;
	font-weight: bold;
	color: #8c5b3f;
	line-height: 12px;
	margin-bottom: 15px;
}

div.marksMenu ul {
	list-style-type: none;
}

div.marksMenu ul li {
	font-size: 12px;
	line-height: 12px;
	margin-top: 8px;	
	color: #8c816c;
}

div.marksMenu ul li a {
	text-decoration: none;	
	color: #8c816c;
}

div.marksMenu ul li a:hover {
	color: #362b1f;
}

/* #################################################################### */
/* #                              FOOTER                              # */
/* #################################################################### */

div.push {
    height: 88px;
}

div.footer {
	min-width: 1000px;
	width: 100%;
    height: 88px;
	background: transparent url("../images/background_bottom.gif") repeat-x left bottom;
}

div.copyright {
	color: #8c5b3f;
	font-size: 14px;
	padding: 59px 0px 0px 19px;
	float: left;
}

div.copyright strong {
	font-weight: normal;
}

/* ############################################################################## */
/* #                              WEBART COPYRIGHT                              # */
/* ############################################################################## */

#webartCopyright {
	float: right;
	padding: 40px 19px 0px 0px;
}

#webartCopyright div {
	width: 146px;
	height: 31px;
	position: relative;
}

#webartCopyright div * {
	padding: 0px;
	margin: 0px;
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	float: none;
	color: #FFFFFF;
	line-height: 1em;
}

#webartCopyright div del {
	display: none;
}

#webartCopyright div a {
	width: 110px;
	height: 29px;
	position: absolute;
	background: transparent url("../images/small_webart_logo.png") no-repeat left top;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 13px;
	padding-left: 36px;
	padding-top: 2px;
	line-height: 9px;
	cursor: pointer;
	cursor: hand;
	text-indent: -1px;
}

#webartCopyright div p {
	color: #FFFFFF;
	font-size: 15px;
	line-height: 15px;
	position: absolute;
	left: 36px;
	bottom: 0px;
	font-weight: bold;
}

#webartCopyright div p span {
	color: #F7941E;
}

.smalltxt {
	color:#F7941E;
	font-size:11px;
}