html, body{
	width:100%; 
	height:100%;
	margin: 0; 
	padding: 0;
	color: #666666;
	background: #fff url(../im/bg.gif) left top repeat-x;
}
body {
min-width: 990px;
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}
* html body {
width: expression(document.getElementsByTagName('HTML')[0].clientWidth<=990?"990px":"100%";)
}
.content {clear: both; 
position: relative; 
overflow: hidden; 
width: 100%;

}
body a:hover {
color:#ce0e3d;
}
img {
border:0px;
}
.cl {
clear:both;
height:1px;
overflow:hidden;
}
#main {
padding:40px 20px 0px 20px;
}
#main_div {
z-index: 100000;
width:950px;
text-align:left
}
#div_menu {
float:left; 
width:656px; 
position:relative;
z-index:100000
}

#menu li a img {
color:#333333;
font-size:90%;
text-transform:uppercase;
}
#menu UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	PADDING-TOP: 13px; 
	LIST-STYLE-TYPE: none
}
#menu {
	padding:0;
	MARGIN: 0; 
	LIST-STYLE-TYPE: none;
	Z-INDEX: 1000;  
	ZOOM: 1;
}
* html #menu {
	WIDTH: 100%; 
	LEFT: 0px; 
	TOP: 0px
	}
#menu li a img {
color:#667c84;
font-size:100%;
text-transform:uppercase;
font-weight:bold;
}
#menu LI {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TEXT-ALIGN: left;
}
#menu LI A {
	/*PADDING-RIGHT: 0.6em; */
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	/*FONT: bold 1.1em/1.62em arial, sans-serif;  */
	COLOR: #fff;
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none;
}
#menu LI A:hover {
	BACKGROUND: none
}

#menu LI ul li a:hover {
BACKGROUND: #94bdaa;
}
#menu LI ul li a:active {
background:#458a69;
}

#menu LI ul li a.arrow {
background:url(../im/menu_str.gif) 95% center no-repeat;
}
#menu LI ul li .arrow:hover {
background:#94bdaa url(../im/menu_str2.gif) 95% center no-repeat;
}
#menu ul li  A:hover div.arrow {

}
#menu LI SPAN {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	FONT: bold 1.1em/1.6em arial, sans-serif; 
	COLOR: #f9c81e; 
	PADDING-TOP: 0px; 
	TEXT-DECORATION: none
}
#menu UL {
	DISPLAY: none; 
	 BACKGROUND: #74a990;
	LEFT: 0px; 
	WIDTH: 11em; 
	POSITION: absolute; 
	TOP: 57px;
}
@media all
	{
	#menu UL { LEFT:auto; top:auto; }
	}
#menu UL li {
width:100%;
}

#menu LI:hover UL {
	DISPLAY: block
}
#menu LI.over UL {
	DISPLAY: block
}
#menu UL LI {
	DISPLAY: block; 
}
#menu LI UL LI A {
	DISPLAY: block; 
}
#menu UL LI A {
	PADDING-RIGHT: 20px; 
	PADDING-LEFT: 13px; 
	PADDING-BOTTOM: 6px; 
	font-size:79%;
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #b9d4c8 1px solid;
	color:white;
}
#menu UL LI A.ext {
	BACKGROUND: url(../im/menu_str.png) no-repeat 95% 50%
}

#menu UL LI A.ext:hover {
	BACKGROUND:#94bdaa url(../im/menu_str.png) no-repeat 95% 50%
}
#menu UL LI UL {
	DISPLAY: none; 
	BACKGROUND: #74a990; 
	LEFT:11em; 
	TOP: 0px;
	padding-top:0px;
}

#menu LI:hover UL LI UL {
	DISPLAY: none; 
	BACKGROUND: #74a990; 
	LEFT: 11em;
	TOP: 0px;
	BORDER-LEFT:1px  solid #fff ;
}
#menu LI.over UL LI UL {
	DISPLAY: none; 
	BACKGROUND: #74a990; 
	LEFT: 11em; 
	TOP: 0px;
	BORDER-LEFT:1px  solid #fff ;
}
#menu LI UL LI:hover UL {
	DISPLAY: block
}
#menu LI UL LI.over UL {
	DISPLAY: block
}

#menu LI UL LI:hover UL {
	DISPLAY: block
}
/*****************************4 ur**************************/
#menu LI:hover UL LI UL li ul {
	DISPLAY: none; 
	BACKGROUND: #74a990; 
	LEFT: 11em; 
	BORDER-LEFT:1px  solid #fff ; 
	TOP: 0px
}
#menu LI.over UL LI UL li ul {
	DISPLAY: none; 
	BACKGROUND: #74a990; 
	LEFT: 11em; 
	BORDER-LEFT: #fff 1px solid; 
	TOP: 0px;
	margin-left:-1px;
}
#menu LI UL LI UL li:hover ul {
	DISPLAY: block
}
#menu LI UL LI UL li.over ul {
	DISPLAY: block
}

#menu LI UL LI UL li:hover ul{
	DISPLAY: block
}
 HTML #menu UL LI {
	FLOAT: left
}
 HTML #menu UL LI A {
	HEIGHT: 1%
}
/***************************** /4 ur**************************/
#links {
float:left; 
text-align:right; 
width:290px;
margin-top:16px;
white-space:nowrap;
}
#links .ll {
float:right; 
width:62px;
font-size:80%;
}
#links .ll a img {
color:#ce0e3d;
}

#top_block {
height:84px;
clear:both;
background:#ce0e3d url(../im/top_bg.jpg) left top no-repeat;
}
#top_corner {
height:84px;
background:url(../im/top_corner.gif) right top no-repeat;
}
#logo{
height:84px;
display:table;
width:646px;
vertical-align: middle; 
float:left
}
#logo div.img {
width:100%;
display:table-cell;
vertical-align:bottom;
position:relative;
z-index:0;
}
#logo div img {
color:white;
font-size:120%;
font-weight:bold;
}
* html #logo div.img {
top:100%;
//top:103%;
left:0; 
z-index:0}

* html #logo div img {
top:-100%;	
position:relative; 
margin:0px; 
padding:0px;}

#search{
float:left; 
width:304px;
margin-top:42px;
}
#search_div {
margin-left:0px;
height:42px; 
padding-left:22px;
border-left:1px solid #e7879e;
}


#search_div  form,
#search_div_in form {
margin:0px;
padding:0px;
}
#search  form input.inp {
width:195px;
margin-top:3px;
margin-right:10px;
float:left;
font-size:14px;
}

#inner_logo {
float:left;
height:84px;
width:60%
}
#inner_logo div.img {
width:100%;
padding-top:27px;
}
#inner_logo div img {
color:white;
font-size:120%;
font-weight:bold;
}
#inner_search {
width:40%;
float:left; 
margin-top:42px;
}
#search_div_in {
border:0px;
padding-right:0px;
padding-left:0px;
height:42px; 
padding-left:22px;
}
#inner_search form input.inp {
width:190px;
margin-top:3px;
margin-right:10px;
float:left;
font-size:14px;
}
#search_div_in form {
margin:0px;
padding:0px;
}
#ss {
float:right; 
width:241px; 
margin-right:25px;
}
* html #ss {
	margin-right:15px;
	}
#ok {
	zoom:1;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	}
/*#ok {
float:left; 
cursor:pointer;
}*/
#ok img {
color:#FFF;
}
#main_pic {
margin-top:7px;
width:646px;
float:left;
}
#main_text {
width:303px;
margin-top:7px;
float:left;
margin-left:1px;
height:452px;
background:#96c1ad url(../im/present_bg.jpg) left top no-repeat;
}

#main_text div#tt {
height:100%;
background:url(../im/kotli1.jpg) right bottom no-repeat;
z-index:10;
position:relative;
}
#pr_bg {
padding:28px 22px 0px 24px;
}
#pr_bg img {
color:white;
font-size:120%;
font-weight:bold;
}
#ttext {
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.3em;
margin-top:12px;
overflow:visible;
}
* html #ttext {
	margin-top:10px;
	}
#ttext div {
height:180px; 
overflow:hidden;

}
#about {
color:#006666;
font-size:12px;
display:block; 
text-decoration:underline;
width:139px;
clear:both;
float:left;
height:32px;
margin-top:5px;
overflow:hidden;
}
#about:hover {
color:#ce0e3d;
}
#bord {
border-left:1px solid #ced1d5;
height:46px;
width:303px;
float:right;
margin-top:-76px;
background:white;
z-index:0;
position:relative
}
#we_suggest {
margin-top:-22px;
background:white;
position: relative;
height:35px;
}
#we_suggest div {
padding-top:8px;
background:white;
position: absolute;
top: 0;
left: 0;
}
#we_suggest div  img {
font-size:120%;
font-weight:bold;
}
#bottom_fl {
height:190px;
}
#hr {
height:2px;
overflow:hidden;
background:#db033b;
}
#bottom_block {
position:relative;
zoom:1;
}
#bottom_block div {
font-size:79%;
float:left;
padding-top:19px;
font-family:Arial, Helvetica, sans-serif;
}
#bottom_block div div {
font-size:100%;
padding-top:0px;
}
#bottom_block div a {
color:#3ca777;
}
#bottom_block div a:hover {
color:#ce0e3d;
}
#copy {
width:162px;
}
#adress {
width:180px;
}
#adress div {
padding-left:20px;
}
#tel {
width:305px;
}
#tel div {
padding-left:22px;
}
#develop {
border-left:1px solid #ced1d5;
height:3em;
}
#develop div {
padding-left:8px;
}

#counter_logo {
	right:0;
	float:none;
	position:absolute;
	margin-top: -5px;
}

/* Dock menu */
.dock-wrap {
	background: url('../im/dock-bg.png') 0 20px no-repeat;
	padding: 0;
	margin: 10px 0;
	zoom: 1;
}
.dock {
	position: relative; 
	text-align: center;
	overflow: auto;
	height: 180px;
	padding: 0;
	width: 896px;
	margin: 0 27px;
}
.dock-container {
	margin-top: 0px;
	height: 153px;
	width: 2944px;
	overflow:hidden;
	position:relative;
}
* html .dock-container {width: 2947px; margin-right: -3px;}
a.dock-item {
	float: left;
	width: 63px;
	height: 86px;
	margin: 20px 17px 20px 18px;
	padding: 14px 15px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	font-size: 0.903em;
	position: relative;
	overflow: hidden;
}
a.dock-item,
a.dock-item:hover {color: #666;}
.dock-item img {
	border: none;
	width: 100%;
	height: 100%;
	display: inline;
	text-align: center;
}
.dock-item span {
	display: none;
	position: absolute;
	bottom: 0; left: 0; right: 0;
	width: 94px;
	white-space: nowrap;
	text-align: center;
	padding: 0 0 1em 0;
	background: #fff;
}
.dock-nojs .dock-item:hover {
	width: 84px; height: 115px;
	padding: 8px 21px 28px 21px; margin: 0!important;
	background: #fff;
	border: 1px solid #d71a4a;
}
.dock-nojs .dock-item:hover img {
	width: 84px!important;
	height: 115px!important;
}
.dock-nojs .dock-item:hover span {
	display: block;
	width: 126px;
}
* html .dock-container {zoom:1;}
.dock img {
	filter: expression( (runtimeStyle.filter == '') ? runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='scale')" : '',
						src = 'http://www.chappee.ru/im/blank.gif');
}

