/* 1. Стили для самых обших и основных тэгов */
body, html {
	margin: 0;
	padding: 0;
}
a {color: #3a8fae;}
a:hover {color: #ae3a9c;}
.inactive_link {color: #c0c0c0} /* Цвет для временно неработающих ссылок */
h1 {
	font: 600 24px Tahoma,  Arial, Myriad Pro;
	color: #ffffff;
	margin-bottom: 20px;
	padding: 0;
}
img {border: 0}
table {
	font-size: 12px;	
}
/* 2. Контейнер, самый главный див, содержащий всю страницу */
#container {
	height: 100%;
	margin: 0;
	padding: 0;
	min-width: 980px;
	width: expression((document.documentElement.clientWidth	|| document.body.clientWidth) < 980 ? '980px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1600 ? '1600px' : '100%' );
	min-height: 800px;
	font: normal 12px Tahoma, Sans Serif, Arial;
	line-height: 1.3;
	background-color: #484848;
	background-position: left top;
	background-repeat: repeat-x;
}
#bg_picture {
	float: left;
	width: 100%;
	padding: 0;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
}
#hat {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
/* 3. Лого */
#logo {
	float: right;
	width: 23%;
	margin: 25px 0 0 0;
}
#language {
	float: left;
	margin: 1em 0 0 97px;
}
/* 4. Основное меню */
/* 4.1.1. Стили для главной страницы и всяких общих случаев */
#menu {
	float: left;
	clear: left;
	margin: 25px 0 0 25px;
	padding: 0 0.5em 0 0.5em;
	height: 3.3em;
	list-style-type: none;
	font-size: 16px;
	background-color: #484848;
}
#menu a{color: #a7dcfb}
#menu a:hover{color: #d9fba7}
#menu li {
	float: left;
	margin: 0;
	height: 3.3em;
	padding: 0 0.9em 0 0.9em;
	line-height: 3.3em;
}
/* 4.1.2. Стили для выпадающих списков. */
#menu li ul { /* Весь выпадающий список для выбранного элемента меню. */
position: absolute;
	display: none;
	top: 78px;
	left: 33px;
	margin: 0;
	padding: 0 0 7px 0;
	list-style-type: none;
	font-size: 12px;
	background-color: #484848;
}
#menu li:hover ul, #menu li.over ul { display: block; }
#menu li ul li { /* Элемент выпадающего списка для выбранного элемента меню. */
float: left;
clear: left;
height: 20px;
min-width: 150px;
overflow: visible;
width: expression(this.offsetWidth < '200' ? '200px' : 'this.offsetWidth');
padding: 3px 10px 4px 10px;
margin: 0;
line-height: 1.4;
background-color: #484848;
color: #c1c1c1;
}
#menu li ul li a {margin-bottom: 5px}
#menu li ul li a:hover {margin-bottom: 5px}
/* 4.2. Стили для внутренних страниц */
.blue_bg {
	float: left;
	margin: 0 -0.9em 0 -0.9em;
	padding: 0 0.9em 0 0.9em;
	line-height: 3.3em;
	background-color: #c3ecee;
	background-position: left top;
	background-repeat: repeat-x;
	color: #465052;
}
.blue_bg_thin {
	float: left;
	margin: 0 -0.9em 0 -0.9em;
	padding: 0 0.9em 0 0.9em;
	line-height: 3.3em;
	background-color: #484848;
	background-position: left bottom;
	background-repeat: repeat-x;
	color: #465052;
}
.subelement_selected {
	color: white;
	display: inline;
}
/* 5. Приветствие (Блоки с инфой — три веселых гууусяяя) */
#greeting { /* 4.2. Приветственный блок — самое первое, на что должен обратить внимание зашедший */
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 800px;
	min-height: 250px;
	height: expression(this.offsetHeight < '250' ? '250' : 'this.offsetHeight');
}
#first_block {
	float: left;
	width: 40%;
	padding: 0 0 20px 0;
}
#as_a_begining {
	float: left;
	margin: 0 0 0 25px;
	font-size: 26px;
	color: #545454;
}
#greeting_text {
	float: left;
	clear: left;
	width: 85%;
	margin: 15px 0 0 25px;
	text-align: left bottom;
}
#second_block {
	float: left;
	width: 32%;
	padding: 0;
	}
	
	#we_offer {
	font: normal 26px Tahoma,  Arial, Myriad Pro;
	color: #545454;
}
	#second_block ul {
		padding: 0;
		margin: 15px 0 0 0;
	}
#we_offer_list li {
	line-height: 2.2;
	display: inline-block;
	float: left;
	clear: left;
	padding: 0 10px 3px 10px;
	display: inline-block;
	white-space:nowrap;
}
#third_block {
	float: left;
	width: 26%;
	padding: 0;
}
#our_clients {
	font-size: 26px;
}
#clients_list {
	float: left;
	width: 100%;
	padding: 0;
	margin: 15px 0 0 0;
}
.clients_list_entry {
	float: left;
	width: 100%;
	margin: 0 0 3px 0;
	padding: 0;
}
.client_name {
	width: 100%;
	height: 55px;
	margin: 0;
	padding: 0 15px 0 0;
	text-decoration: none;
	font-size: 12px;
}
.client_name img {
	float: left;
	width: 55px;
	vertical-align: middle;
	margin-right: 10px;
}
/* 6. Основная часть сайта — главная страница */
/*  6.1. О продуктах */
#page_body {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
	padding-top: 20px;
	background-color: white;
}
#products { /* Вся таблица с информацией о наших продуктах */
	float: left;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	min-width: 800px;
	min-height: 150px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.product {
	float: left;
	width: 32%;
	height: 370px;
	vertical-align: top;
}

.product_image_holder {
	width: 100%;
	height: 250px;
	text-align: center;
	padding: 0 0 15px 0;
}
.product_image {
	height: 250px;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
.product_image a{color: white; text-decoration: none;}
.product_image a:hover{color: #53707c}
.product_name { /* Название продукта */
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	vertical-align: bottom;
	padding: 0 25px 0 25px;
}
.product_text_holder { /* Описание продукта, ячейка для текста */
	float: left;
	width: 100%;
	margin: 7px 0 0 0;
	padding: 0;
	text-align: center;
}
.product_text { /* Описание продукта, сам текст */
	width: 67%;
	margin: 0 auto;
	font-size: 12px;
	font-style: italic;
	color: #676767;
	text-align: left;
}
/*  6.2. Новости (без картинок) в нижней части страницы, пока только заплатка */
#infoblock {
	float: left;
	width: 100%;
	min-height: 180px;
	height: expression(this.offsetHeight < '180' ? '180' : 'this.offsetHeight');
	margin: 0;
	padding: 15px 0 0 0;
	text-align: center;
	color: black;
	background-color: #f2f2f2;
	background-position: left bottom;
	background-repeat: repeat-x;
}
#infoblock_header {
	margin: 0 0 0 25px;
	font-size: 22px;
	text-align: left;
}
#infoblock_projects_header {
	margin: 0 0 0 25px;
	font-size: 22px;
	text-align: left;
}
#infoblock_container {
	overflow: hidden;
	margin: 20px 0 0 0;
}
.info_entry {
	float: left;
	padding: 0;
	margin: 0;
	width: expression(navigator.appName=='Microsoft Internet Explorer' ? '31%' : '33%');
	width: 33%;
}
.info_holder {
	width: 100%;
	text-align: center;
}
.info_header {
	width: 85%;
	font-size: 14px;
	color: #ffffff;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
.infotext {
	width: 85%;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
}
/* 7. Основная часть сайта — обычная страница */
#internal_page_body { /*  Контейнер для центральной части внутренней страницы. */
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 25px 0 25px 0;
	line-height: 1.5;
	background-color: white;
}
#plane_text_content { /* Блок для содержимого обычной страницы с текстом. */
	float: left;
	width: 65%;
	min-width: 600px;
	margin: 0 0 45px 25px;
}
#plane_text_content table { /* Для таблиц в рич-текстовых полях страниц сайта. */
}
#plane_text_content table td { /* Для ячеек таблиц в рич-текстовых полях страниц сайта. */
	padding: 10px 5px;
}
#plane_text_content table td.thin_column { /* Для узких табличных колонок. */
	padding: 0 50px 0 0;
}
#plane_text_content ul { /* Для списков в рич-текстовых полях страниц сайта. */
	margin: 0 0 0 15px;
	padding: 0;
}
#plane_text_content ul li { /* Для элементов списков в рич-текстовых полях страниц сайта. */
	margin-bottom: 14px;
}
#wide_content { /* Блок для содержимого широкой страницы (занимающей 100% ширины). */
	float: left;
	width: 93%;
	margin: 0 0 45px 45px;
}
#categs_name{
	font-size: 120%;
	font-weight: bold;
}
/* Для таблиц в рич-текстовых полях страниц сайта (если у страницы шаблон отличен от PlainText'а). */
table.simple_table { 
}
/* Для таблиц в рич-текстовых полях страниц сайта (если у страницы шаблон отличен от PlainText'а). */
table.simple_table td { 
	padding: 10px 5px;
}
/* 7.1. Меню в правой части страницы */
#right_menu {
	float: right;
	clear: right;
	width: 20%;
	margin: 0 25px 45px 0;
}
#right_menu ul {
	float: right:
	width: 5em;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#right_menu ul li {
	margin: 10px 0 3px 0;
}
#right_menu ul li a.boldfont_link {
	font-weight: bold; 
	color: black;
}
.right_menu_selected_item {
	color: #484848;
	font-weight: bold;
}
.right_menu_selected_item a{
	color: #484848;
	font-weight: bold;
}
#right_menu_images a img{
	margin-top: 10px;
}
/* 7.2. Для страницы с полями для логина и пароля */
#logpass {
	width: 100%;
	margin-top: 90px;
	text-align: center;
}
#logpass input {
	margin-bottom: 10px;
}
/* 7.3. Для страниц проектов */
.screen_with_border {
	border: 1px solid #e3e3e3;
}
/* 7.4. Для таблиц с характеристиками техники */
.specifications ul{
	list-style-type: none;
}
/* 8. Подвал */
#footer {
	clear: left;
	float: left;
	background-color: #484848;
	width: 100%;
	height: 115px;
	margin: 0;
	font-size: 11px;
	color: #e4e4e4;
	background-position: left top;
	background-repeat: repeat-x;
}
#footer a{color: #a7dcfb}
#footer a:hover{color: #d9fba7}
#copyright {
	float: left;
	width: 31%;
	margin: 20px 0 0 25px;
}
#contact_info {
	float: left;
	width: 35%;
	margin: 20px -1px 0 0;
	height: 80px;
	padding: 0 1px 0 1px;
	line-height: 1.7;
}
#contact_info div {
	line-height: 1.4;
}
.footer_phone {
	font-size: 14px;
}
#search {
	float: right;
	width: 20%;
	margin: 20px 45px 0 0;
	padding: 0;
}
#request_input { /* Поле поиска */
	float: right;
}
#request_input input {
	width: 150px;
	font-size: 11px;
}

#submit_button { /* Кнопка «Искать!» */
	float: right;
	margin: -1px 0 0 10px;
}
#login_link {
	font-size: 11px;
}
#rambler_top100 {
	float: right;
	margin: 12px 57px 0 0;
	padding: 0;
}
/* 9. Динамические списки */
#dinamic_lists {
width: 100%;
float: left;
margin-top: 20px;
}
#news_date {
	font-size: 14px;
color: gray;
margin: 0 0 25px 0;
}
/* 10. Результаты поиска */
.searchResult {
background-color: #004D77;
color: white;
}