@import "reset.css";

@import url("../js/fancybox/fancy.css");	

body {

	background: #4c4135 url(../img/body_bg.jpg) no-repeat center top;

	color: #dfdfab;

	font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;	

}

a, a:active, a:link, a:visited { text-decoration: none }

i, em { font-style: italic}

object {float:left}

legend {display: none}

strong { font-weight:bold}

.accessibility {display: none}

.container {margin: 0 auto;position:relative;width: 960px}

.notxt {

	font-size: 0;

	line-height: 0;

	text-indent: -9998%;

}

#header, #banner, #content, #footer {

	clear: both;

	display: block;

	width: 100%;

}



/* 	HEADER

------------------------------------------------------------*/

#header {

	height: 108px;

	position: relative;

	width: 100%;

}

#header img {

	position: absolute;

	left: 20px;

	top: 28px;

}

#banner, #content {

	background: #3d362a;

	float: left;

	padding: 20px 25px 0 20px;

	width: 915px;

}

#banner div { width: 100%; height: 100%}

#header ul {

	bottom:0;

	position: absolute;

	right: 0;

}

#header ul li {display: inline}

#header ul li a {

	background-position: 0 0;

	background-repeat: no-repeat;

	float: left;

	font-size: 0;

	height: 66px;

	line-height: 0;

	text-indent: -9998%;

}

#header ul #company a {background-image:url(../img/m_company.jpg);width:81px}

#header ul #offer a {background-image:url(../img/m_offer.jpg);width:80px}

#header ul #advices a {background-image:url(../img/m_advices.jpg);width:81px}

#header ul #contact a {background-image:url(../img/m_contact.jpg);width:80px}

#header ul #shop a {background-image:url(../img/m_shop.jpg);width:81px}

#header ul li a:hover, #header ul li a.active { background-position: 0 -56px}



/* 	CONTENT

------------------------------------------------------------*/

.main-page #content {background:#3d362a url(../img/content_bg.gif) repeat-y top right}

#content a {color:#DFDFAB;text-decoration: underline}

body .sifr {

	height: 16px;

	width: 100%;

	float: left;

}

#content a.more {

	clear: both;

	background: url(../img/a_more.gif);

	height: 18px;

	float: left;

	font-size: 0;

	line-height: 0;

	margin-top: 10px;

	text-indent: -9998%;

	width: 18px;

}

#content h2 {

	float: left;

	margin-bottom: 10px;

	width: 100%;

}

#our-offer {float: left;width: 535px}

#our-offer div {float: right;width: 435px}

#our-offer img {float: left;margin-top: 10px}

#our-offer p {margin: 0 0 7px}

#temp_x {

	float: right;

	margin-right: -15px;

	padding-bottom: 50px;

	width: 365px;	

}

#temp_x p {margin: 0 0 7px}

#partners {

	float: left;

	width: 100%;

	background: #342d22 url(../img/partners_bg.gif) repeat-x;

	padding: 20px 0 5px;

	height: auto;

}

#partners h3 {margin-left: 20px; width: 60%}

#partners ul {clear: both}

#partners ul li {display: inline;margin-left: 21px}



/* 	FOOTER

------------------------------------------------------------*/

#footer {

	background: url(../img/footer_bg.jpg) no-repeat;

	float: left;

	padding: 12px 0 20px 0;

	width: 100%;

}

#footer ul {float: left}

#footer li {display: inline;margin: 0 15px 0 25px}

#footer a {color: #dfdfab}

#footer a:hover { color: #c9142e; text-decoration: underline}

#footer p {float: right;text-align: right;margin-right: 25px}





/* SUBPAGE: product.html 

------------------------------------------------------------*/

#main-content {

	float: right;

	padding-bottom: 30px;

	width: 652px;

}

#main-content p {margin: 8px 0 7px}

#breadcrumbs {

	background: #342d22;

	float: left;

	height: 36px;

	width: 100%;

}

#breadcrumbs ul {margin: 10px 0 0 15px}

#breadcrumbs li { display: inline }

#breadcrumbs li a {

	background: url(../img/dots.gif) no-repeat 0 4px;

	color: #736753;

	padding: 0 15px 0 18px;

	text-decoration: none;	

}

#breadcrumbs li a:hover {color: #dfdfab;text-decoration: underline}

#breadcrumbs li a:first-child {background: none;padding-left: 0}

#product-info, #contents {

	background: url(../img/product_info_bg.gif) repeat-x;

	float: left;

	padding-top: 22px;

	position: relative;

	width: 100%;

}

#product-info a.next, #product-info a.prev {

	background:url(../img/a_more.gif) no-repeat top right;

	height: 18px;

	padding-right: 33px;

	position: absolute;

	right: 5px;

	top: 14px;

	text-decoration: none;

	z-index: 99999;

}

#product-info a.prev {

	background:url(../img/a.prev.bg.gif) no-repeat top left;

	border-right: 1px solid #342d22;

	right: 100px;

	padding-left: 33px;

	padding-right: 15px;

}

#product-info a.next:hover, #product-info a.prev:hover {text-decoration: underline}

#main-content h1 {margin-bottom: 21px}

#product-info .image {float: left}

#product-info .image img {

	border: 5px solid #373024;

	float: left;

	margin-top: 7px;

}

#product-info .description {float: right;width: 370px}

#product-info table {clear: both;float: left;margin-top: 15px}

#product-info table td, #product-info table th {

	padding: 6px 0 4px;

	background:url(../img/tabletd_bg.gif) repeat-x bottom;

}

#product-info table td {font-weight: bold}

#product-info table th {font-weight: normal;width: 137px;padding-left: 3px}

#sidebar {

	background: url(../img/sidebar_bg.gif) repeat-y top right;

	float: left;

	width: 232px;

}

#sidebar li a {

	background:url(../img/sidebarlia.gif);

	border-top: 1px solid #3d362a;

	color: #736753;

	float: left;

	height: 26px;

	padding: 10px 0 0 50px;

	width: 180px;

	text-decoration: none;

}

#sidebar li a:hover {color: #dfdfab; text-decoration: underline}

#sidebar li a.active {background-image:url(../img/sidebar_li_act.gif);color: #736753; font-weight: bold}

#sidebar li a.active:hover {text-decoration: underline;color: #dfdfab}

#sidebar li li a {

	color: #dfdfab;

	margin-left: 36px;

	width:156px;

	height: 29px;

	background-image: url(../img/sidebar_li_li_a.gif);

	padding: 5px 0 0 38px;

}

#sidebar li li a.active {background-image:url(../img/sidebar_li_li_act.gif)}

#sidebar li li li a {

	color: #dfdfab;

	margin-left: 72px;

	width:120px;

	height: 29px;

	background-image: url(../img/sidebar_li_li_a.gif);

	padding: 5px 0 0 38px;

}

#sidebar li li li a.active {background-image:url(../img/sidebar_li_li_act.gif)}



/* SUBPAGES: tekst.html & partner.html

------------------------------------------------------------*/

#contents img {border: 5px solid #373024}

#contents img.align-left {float: left;margin-right: 15px}

#contents img.align-right {float:right;margin-left: 15px}

#contents img.logo {background: #fff}

#contents h2, #contents h3, #contents h4 {

	width: 100%;

	margin: 10px 0;

	font-size: 14px;

	color: #c9142e;

	font-weight: bold;

}

#contents h4 {color:#dfdfab}

#sitemap ul {

	padding: 5px 0;

}

#sitemap ul li a {font-weight: bold;}

#sitemap ul li {

	padding:5px 2%;

}

#sitemap ul li li a {font-weight: normal;}