html, body{
	width:100%;
	height:100%;
	margin:0; 
	padding:0
}

body {
	font-family: Arial;
}

img {
	border: 0;
}

#header{
	background:url(/resources/header.jpg) no-repeat left 91px;
	width:100%;
	min-width:996px;
	height:237px;
	border-bottom:1px solid #fff;}

#header .header-top{
	background:url(/resources/header-top.jpg) no-repeat center 0;
	width:100%;
	min-width:996px;
	height:91px;}

#phone{
	/* background:url(/resources/phone.png); */
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	width: 190px;
	height: 90px;
	position:absolute;
	right:12px; top:122px; }

#header .header-top .logo{
	background:url(/resources/logo.png) no-repeat;
	width:504px;
	height:44px;
	position:absolute;
	left:24px;
	top:24px;}

#header .header-top .logo-link{
	width:504px;
	height:44px;
	position:absolute;
	left:24px;
	top:30px;}

#header .header-top .logo-link a{
	width:200px;
	height:37px;
	display:block;}

#header .header-top .menu{
	margin:0; 
	padding:67px 15px 0 0;
	float:right}
	
#header .header-top .menu li{
	list-style:none;
	width:139px;
	height:26px;
	margin: 0;
	padding:0 0 0 10px;
	float:right}

#header .header-top .menu li a{
	background:url(/resources/menu-item.png) no-repeat;
	color:#fff;
	font:bold 13px Arial;
	line-height:18px;
	height:19px;
	padding:7px 0 0 0;
	text-align:center;
	text-decoration:none;
	display:block;}

#header .header-top .menu li a:hover{text-decoration:underline}
/*
#wrappper{
	background:url(/resources/wrap-fon.jpg) repeat-x 0 336px;
	background-color:#F2EFEA;
	width:100%;
	min-width:996px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	position:relative;}
*/
#wrapper {
  width: 100%;
  width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'1000px':'');
  min-width: 1000px;
}

#container {width: 100%;}
#content {
  width: 100%;
  float: left;
}

#text {
	margin: 0 250px;
	padding: 10px;
}
#left {
  float: left;
  width: 250px;
  margin-left: -100%;
}
#right {
  float: left;
  width: 250px;
  margin-left: -250px;
}

.clear{height:127px;
	clear:both}

#footer{
	background:url(/resources/footer.jpg) no-repeat;
	width:100%;
	min-width:996px;
	border-top:1px solid #C5C4C4;
	height:126px;
	position:relative;
	margin:0 auto;
	margin-top:-127px;}

#footer .counter{
	margin: 0;
	padding-top:28px;
	overflow:hidden;
	text-align:center}

#footer .counter li{
	list-style:none;
	padding:0 0 0 20px;
	display:inline;}

#footer .counter li img{-moz-opacity: 0.6; /* Mozilla 1.6 и ниже */
	-khtml-opacity: 0.6; /* Konqueror 3.1, Safari 1.1 */
	opacity: 0.6; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/}


#footer p{
	color:#FDFDFC;
	font:12px Arial;
	text-align:center;
	margin: 0;
	padding:20px 0 0 0;}

.sideHeader{
	color:#fff;
	font:bold 16px Arial;
	background:url(/resources/sideHeader.jpg) no-repeat;
	height:33px;
	padding:5px 10px;
	margin: 5px 0 0 0;
}

.sideContent{
	overflow:hidden;
	border:1px solid #4E3909;
	padding:5px 3px 5px 5px;
	margin: 0 0 20px 0;
}

a{
	color:#4E3909;
	font-family:Arial;
	text-decoration:underline
}

a:hover{text-decoration:none}

h1, h2, h3 {
	color:#4E3909;
}

/* Универсальная таблица - если надо где-нибудь вывести табличные данные */
.show {border-collapse: collapse; margin:10px 0; width:100%}

.show td, .show th {
	padding: 4px;
	vertical-align:top;
	border: 1px solid #4E3909;
}

.list{
	width:100%;
	overflow:hidden;}

.list ul{
	margin:0;
	padding: 0;
	position:relative;
	overflow:hidden;}

.list li{
	list-style:none;
	width:120px;
	position:relative;
	text-align:center;
	float:left;
	margin-bottom: 20px;}

.list li div{
	position:relative;
	z-index:100;
	padding:0 12px;
	height:100px;
	width:113px;
	text-align:center;
	float:left}

.list li span{
	background-color:#fff;
	position:absolute;z-index:50;display:inline;
	display:block;
	left:0;	
	height:100px;
	width:1600px;
	float:left}

.list li a{
	color:#634A17;
	font:bold 14px Arial;
	text-align:center;
	height:35px;
	display:block;
	padding:5px 0;
	padding-top:30px;}

.list li a:hover{text-decoration:none}

.rotate { 
    height:  240px; 
    width:   240px;
	border:  1px solid #4E3909;
    padding: 0; 
    margin:  4px; 
}
 
.rotate img { 
    padding: 0; margin: 0;
    width:  240px;
    height: 240px;
    top:  0;
    left: 0
}

.rotate1 { 
    height:  242px; 
    width:   242px;
	border:  1px solid #4E3909;
    padding: 0; 
    margin:  4px; 
}
 
.rotate1 img { 
    padding: 0; margin: 0;
    width:  240px;
    height: 240px;
    top:  0;
    left: 0
}

.rotate2 { 
    height:  240px; 
    width:   240px;
	border:  1px solid #4E3909;
    padding: 0; 
    margin:  4px; 
}
 
.rotate2 img { 
    padding: 0; margin: 0;
    width:  240px;
    height: 240px;
    top:  0;
    left: 0
}

.rotate3 { 
    height:  240px; 
    width:   240px;
	border:  1px solid #4E3909;
    padding: 0; 
    margin:  4px; 
}
 
.rotate3 img { 
    padding: 0; margin: 0;
    width:  240px;
    height: 240px;
    top:  0;
    left: 0
}

.leader {
	text-align: center;
    height:  240px; 
    width:   240px;
    padding: 0; 
    margin:  0; 
}
 
.leader img { 
    padding: 0; 
	margin: 0;
    width:  240px;
    height: 240px;
    top:  0;
    left: 0;
}

.prdImage {
	border:1px solid #4E3909; 
	width:250px; 
	height:250px;
	margin: 0 30px 10px 0;
	float: left;
}

.prdImgLinked {
	border:1px solid #4E3909; 
	width:150px; 
	height:150px;
	margin: 0 30px 10px 0;
	float: left;
}

.prdListImage {
	border:1px solid #4E3909; 
	width:150px; 
	height:150px;
	margin: 0 30px 10px 0;
	float: left;
}

.image {
	border:1px solid #4E3909;
	margin: 5px;
}

.figure {
	position: relative; }
.figure p.caption {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 94%;
	margin: 0;
	padding: 5px 3%;
	background-color: #555;
	color: #fff;
	font-weight: bold; 
}