body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах Internet Explorer 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	color: #000000;
	background-color: #2E2E2E;
}
.thrColLiq #container {
	width: 900px;
	margin: 0 auto; /* автоматические поля (совместно с шириной) выравнивают страницу по центру. */
	border: 1px solid #000000;
	text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
	background-image: url(images/backgrounds/menu_bg.gif);
}
/* Советы по боковым панелям:
1. 
Поскольку значения устанавливаются в процентах, не рекомендуется использовать боковой отступ для боковых панелей.
 Он будет добавлен к ширине для совместимых со стандартами браузеров, создавая таким образом неизвестную действительную ширину. 
2. Пространство между краем блока div и элементами внутри него можно создать путем добавления правого и левого полей к этим элементам, как показано в правиле ".thrColLiq #sidebar1 p".
3. Так как браузер Internet Explorer вычисляет значения ширины после воспроизведения родительского элемента, при использовании колонок, ширина которых задана в процентах, иногда могут возникать необъяснимые ошибки. Чтобы получить более предсказуемые результаты, можно использовать колонки с пиксельными размерами.
*/
.thrColLiq #sidebar1 {
	float: left; /* в исходном порядке данный элемент должен предшествовать элементу, рядом с которым его нужно расположить. */
	width: 22%; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	background: #000000; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 15px 0; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
}
.thrColLiq #sidebar2 {
	float: right; /* в исходном порядке данный элемент должен предшествовать элементу, рядом с которым его нужно расположить. */
	width: 23%; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	background: #000000; /* цвет фона будет отображаться только на отрезке содержимого в колонке, но не дальше. */
	padding: 15px 0; /* верхний и нижний отступы создают визуальное пространство в этом элементе div.  */
}
.thrColLiq #sidebar1 p, .thrColLiq #sidebar1 h3, .thrColLiq #sidebar2 p, .thrColLiq #sidebar2 h3 {
  margin-left: 10px; /* левое и правое поля нужно задать для каждого элемента, который будет помещен в боковые колонки. */
  margin-right: 10px;
}
/* Советы по элементу mainContent:
1. Пространство между элементом mainContent и боковыми панелями создается путем добавления левого и правого полей к элементу mainContent div.
2.Чтобы избежать выпадения потока при поддерживаемом минимальном разрешении 800 x 600, размер элементов в mainContent div не должен превышать 300 пикселов (это относится и к изображениям).
3. В условном комментарии к Internet Explorer ниже свойство zoom используется для присвоения элементу mainContent значения "hasLayout". Это позволяет предотвратить несколько специфичных для Internet Explorer ошибок.
*/
.thrColLiq #mainContent {
  margin: 0 24% 0 23.5%; /* правое и левое поля данного элемента div создают две внешние колонки по бокам страницы. Пространство этих колонок сохранится, несмотря на объем содержимого элементов sidebar div. Это поле можно удалить, чтобы текст элемента #mainContent div заполнял пространство боковой панели, когда заканчивается содержимое в каждой боковой панели. */
}
/* Прочие классы для повторного использования */
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать его дочерние потоки. */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
/* content */
.text-header { font-weight: bold; font-size: 12pt; font-family: Arial Narrow, Arial, sans-serif; color: #ffffff;}
.pageContent {
	font-size: 12pt;
	font-family: Tahoma, sans-serif;
	color: #EAE9EA;
}
 .pageContent a {
	font-size: 14px;
	font-family: Tahoma, sans-serif;
	color: #EAE9EA;
}

/* top elements */
.company {
	font-weight: bold;
	font-size: 14pt;
	font-family: Arial Narrow, Arial, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-align: left;
}
.slogan { font-weight: bold; font-size: 13pt; font-family: Arial Narrow, Arial, sans-serif; color: #ffffff; text-transform: uppercase; }

/*main menu*/
.menu { font-weight: bold; font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; text-decoration: none; }
.amenu { font-weight: bold; font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; text-decoration: underline; }

/*submenu*/
.submenu { font-weight: bold; font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; text-decoration: none; }
.asubmenu { font-weight: bold; font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; text-decoration: underline; }

/*bottom menu*/
.bmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; text-decoration: none; }
.abmenu { font-size: 8pt; font-family: Tahoma, sans-serif; color: #ffffff; text-decoration: none; }

/*copyright*/
.footer { font-size: 8pt; font-family: Tahoma, sans-serif; color: #BFC2C5; }

/*backgrounds*/
.main-bg { background-color: #949294; }
.color-bg {
	background-color: #842100;
	color: #FFF;
}
.line { background-color: #BFBEBF; }
.bold {
	font-weight: bold;
	text-align: center;
}
.submenubig {
	font-weight: bold;
	font-size: 12pt;
	font-family: Tahoma, sans-serif;
	color: #ffffff;
	text-decoration: none;
}