/* CSS Document */
html {
	overflow: auto;  /* ну это понятно - автосключение полос прокрутки */
}

html:not(:nth-child(1)) { overflow: visible; } /* это тоже самое, но для браузера Konqueror */

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

body { /* определение шрифта страницы по умолчанию и мин ширины страницы */
	font: 12px/120% Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color:#666666;
	font-weight: 400;
	position: relative;
	min-width: 800px;
	width: 100%; /* если меньше, то будут отступы слева и справа */
	margin: 0 auto;
}

a, a img {
   border: none; /* Убираем границу */
   outline-style: none;
   text-decoration: none;
}

#header {
	height: 206px;
	background: white;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
	left: 0;
}

.column { /* отступ сверху для блоков обеих колонок - левого и правого меню - такой как и высота блока header!!! */
	padding-top: 206px !important;
}

#container {
	padding-left: 200px; /* отступ для содержимого слева - туда потом попадет блок для ЛЕВОГО меню */
	padding-right: 2px; /* отступ для содержимого справа - туда потом попадет блок для ПРАВОГО меню 
                         вот тут важно - если мы хотим превратить макет в двух-колоночный,
                         то отступ справа нужно сделать например 0,
                         но и тогда ниже - для блока right надо указать то-же значение ширины!!! */
	overflow: hidden;
	float: left; /* IE 5.01 */
	float/**/: none;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	/* background: lime;   только для отладки */
	/* border: 1px solid red;   только для отладки */
	position: relative;
}

* html #container { overflow: visible; }

#left, #right, #content {
	float: left;
	position: relative;
	padding-bottom: 5em !important; /* указывается тот же размер что и параметр height блока footer!!! */
}

/* ниже хак только для IE6 */
/*\*/
#left, #right, #content {
	padding-bottom: 1000em !important;
	margin-bottom: -997em !important;
}
/**/

@media all and (min-width: 0px) {
	#left, #right, #content {
		margin-bottom: 0 !important; 
		padding-bottom: 80px !important;  /* указывается тот же размер что и параметр height блока footer!!! */
	}

	#left:before, #right:before, #content:before {
		content: 'EasyClearing';
		display: block;
		background: inherit;
		padding-top: 1000em !important;
		margin-bottom: -1000em !important;
		height: 0;
	}
}

#container:after {
	content: 'EasyClear'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#container { display: inline-block; }
/*\*/
#container { display: block; }
/**/

#left {
	width: 200px;
	margin-left: -100%;
	right: 200px;
}

* html #left {
	left: 200px;
}

#right {
	width: 2px; /* указывается тот же размер что и параметр padding-right блока container !!! */
	margin-right: -100%;
}

#content {
	width: 100%;
}

#footer {
  height: 80px;
	position: relative;
	z-index: 1000;
	margin-top: -90px;
	width: 100%;
}

#ribbon { /* разделитель */
    position: relative;
    top: 200px;
    height: 6px;
    background-image: -moz-linear-gradient(left, #f2a1fb, #ffffff); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,right top,left bottom,color-stop(0, #ffffff),color-stop(1, #f2a1fb));
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#f2a1fb', endColorstr='#ffffff'); /* IE6 и IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#f2a1fb', endColorstr='#ffffff')"; /* IE8 */
    /* background: #f2a1fb; /* Цвет фона */
   }

/* классы меню MAC */
#dock {
	width: 100%;
	top: 130px;
	position: absolute;
	left: 100px;
}
.dock-container {
	position: absolute;
	height: 70px;
	padding-left: 20px;
}
a.dock-item {
	display: block; 
	width: 50px; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
/* dock item-span */
.dock-item span {
	position: absolute;
	margin-top: 80px;
	text-align: center;
  display: none;
}

.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

#tiptop {
  position: absolute;
  left: 10px;
  top: 168px;
  height: 30px;
  width: 268px;
  background-image: url(pusto.gif);
  float: left;
}

/* описание сталей плавающего фона */
#wrapper {
  width:900px;
  position: absolute;
  left: 200px;
  top: 0px;
  padding:0;
}

#gradi_ent {
  background:url(img_main/head/gradient.png);
  position:relative;
  width:899px;
  height:200px;
}

#overlay {
  position:absolute;
  top:0;
  left;0;
  width:899px;
  height:200px;
  background:url(img_main/head/overlay.png);
/* конец описания стилей контейнеров для оверлея и градиента */ 
}

   .sidebar { /* Навигация по сайту */
    width: 198px; /* Ширина меню */
    float: left; /* Состыковка с другим слоем по горизонтали */
    padding: 0px; /* Поля */
   }
   
   .sidebar ul {
    list-style: none; /* Убираем маркеры */
    margin-top: 0;
    padding: 0; /* Убираем отступы */
   }

   .sidebar ul li {
    list-style: none; /* Убираем маркеры */
 	  width:193px;
	  overflow:hidden;
	  height: 48px;
    text-decoration: none;
    border-bottom: 1px solid #b6b6b6;
    padding: 0;
    margin-top: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #999;
    -webkit-box-shadow: 0 1px 5px #999;
    border-radius: 5px;
    behavior: url(border-radius.htc);
   }
   .sidebar ul li:hover {
    outline: 0;
    border-bottom: 1px solid #b6b6b6;
    padding: 0;
    margin-top: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior: url(border-radius.htc);
    -moz-box-shadow: 0 1px 5px #000;
    -webkit-box-shadow: 0 1px 5px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=5); /* Все версии IE */
   }
   
   .sidebar ul li img {
    border-radius: 5px;
    behavior: url(border-radius.htc);
   }

/* пользовательские шрифты и элементы */
.homchik { /* стиль шрифта для отзыва Г.Хомчик на титуле */
	font: 12px Arial, Helvetica, sans-serif;
	font-style: italic;
	color:#A0522D;
	line-height: 100%;
	margin-top: 0px;
	}
	
#hotnews {
    height: 16px;
    width: 880px;
	  font: 13px Arial, Helvetica, sans-serif;
	  font-style: italic;
	  color:#0000FF;
}
	
.foottext {/* стиль для футера-подвала сайта */
    border: 0;
    padding: 0;
  	font: 10px Arial, Helvetica, sans-serif;
	  color:#525252;
	  line-height: 100%;
	  margin-top: 0px;
	  text-align: center; 
  }   
	
.newstext { /* стиль шрифта для новостей, отчетов и пр. */
	font: 12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height: 110%;
	margin-top: 0px;
	}

.pageName{ /* заголовки разделов на страницах */
	font: 18px Arial, Helvetica, Tahoma, sans-serif;
	color: #5C743D;
	line-height:26px;
	letter-spacing:normal;
	}

.subHead { /* стиль подзаголовков */
	font:bold 13px Arial, Helvetica, Tahoma, sans-serif;
	color: #993300;
	}

.playList { /* стиль подзаголовков */
	font: 14px Arial, Helvetica, Tahoma, sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 18px;
	color: #4a70c7;
	margin-bottom: 4px;
	}