/* 

+ old.brosment.com 

+ Base Styles

+Suggested order: alphabetical



+TOC:

   Random HTML Styles

   Forms

   General Structure

   Navigation

   Quotations

   Comments and Other Asides

   Emphasis

   Computers - General

   Code

   Examples and Figures

   Q and A (FAQ)

   Tables

   Headers

   Meta

   Specific to Products Pages

*/



/* html elements*/

body {
	background: #000;
	color: #333;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:16px;
	margin: 0px;
	padding: 0px;
}
a:link, a:hover, a:active, a:visited {
	color: #09F;
}
a:hover {
	color: #366;
	text-decoration: none;
}
p {
	margin: 7px 0px 0px 0px;
	padding: 5px 0px;
}
a img {
	border:0px;
}
ul {
	list-style:none;
	margin-left:0;
	padding:0
}
div {
	overlay:hidden;
}
/*Header*/

#header {
	background: #000;
	height: 75px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#header p {
	margin:0;
	padding:0;
}
#header_banner {
	position: absolute;
	right: 10px;
	top: 25px;
}
#header_banner .input_field {
	border: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	height: 17px;
	padding: 2px 2px 0px 3px;
	margin-right: 3px;
}
#nav-main {
	background: #F9F9F9 url('../imgs/bg_nav.gif');
	margin-bottom:0;
	overflow:hidden;
	width:100%;
	padding:0 0 1px 0;
	height:29px;
}
#nav-main ul, #nav_footer ul {
	list-style:none;
	overflow:hidden;
	margin:0 0 0 5px;
	padding:0;
	float:left;
}
#lang {
	float:right;
}
#lang span {
	display:block;
	float:left;
	padding:7px 10px;
}
#nav-main li, #nav_footer li {
	margin:0;
	padding:0;
	float: left;
	display: inline;
}
#nav-main a {
	background:url(../images/bg-nav-main-items.gif) no-repeat;
	display:block;
	padding: 7px 15px;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	font-size:10px;
	font-weight:bold;
	border-right:1px solid #DDD;
}
#nav-main a:hover, #nav-main .cur a {
	color:#690;
}
/*footer*/

#nav_footer {
	background-color:#000;
	border-top: 5px solid #75AE29;
	width: 100%;
	float: right;
}
#nav_footer a {color:#333;text-decoration: none;}
#nav_footer div {
	float:left;
	height: 30px;
}
#nav_footer span {
	display: none;
}
#nav_footer li a {
	border: none;
	color: #CCC;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 8px 15px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	border-right:1px solid #111;
}
#nav_footer a:hover, #nav_footer .cur a {
	color:#09F;
}
#nav_footer #f_home a {
	width: 74px;
}
#nav_footer #f_contacts a {
	background-position: -74px 0px;
	width: 81px;
}
#nav_footer #f_sitemap a {
	background-position: -155px 0px;
	width: 94px;
}
#nav_footer #f_home a:hover {
	background-position: 0px -30px;
}
#nav_footer #f_contacts a:hover {
	background-position: -74px -30px;
}
#nav_footer #f_sitemap a:hover {
	background-position: -155px -30px;
}
/*Main Image*/

.main_image {
	background: #00AFDF url("../imgs/bg_main_img.png");
	height: 150px;
	width: 100%;
}
.decors {
	background:  url("../imgs/bg_main_img_decors.png") repeat-x;
	height: 150px;
	position: absolute;
	width: 100%;
}
.siluets {
	position: absolute;
	height: 150px;
	width: 900px;
	background-image: url("../imgs/about/services.gif");
	background-repeat: no-repeat;
}
.en .siluets {
	position: absolute;
	height: 150px;
	width: 900px;
	background-image: url("../imgs/about/services_eng.png");
	background-repeat: no-repeat;
}
.siluets.serv {
	background-image: url(../imgs/services.png);
}
.siluets.research, .siluets.researches {
	background-image: url(../imgs/services/business_research_ru.png);
}
.siluets.audience {
	background-image: url(../imgs/services/user_xp_research_ru.png);
}
.siluets.web-strategies {
	background-image: url(../imgs/services/web_strategies_dev_ru.png);
}
.siluets.analysis {
	background-image: url(../imgs/services/business_research_ru.png);
}
.siluets.seo {
	background-image: url(../imgs/services/web_marketing_ru.png);
}
.siluets.context {
	background-image: url(../imgs/services/web_marketing_ru.png);
}
.siluets.banners {
	background-image: url(../imgs/services/web_advertising_ru.png);
}
.siluets.pr {
	background-image: url(../imgs/services/pr_support_ru.png);
}
.siluets.media {
	background-image: url(../imgs/services/video_multimedia_ru.png);
}
.siluets.pre-research {
	background-image: url(../imgs/services/business_research_ru.png);
}
.siluets.info {
	background-image: url(../imgs/services/information_design_ru.png);
}
.siluets.visual {
	background-image: url(../imgs/services/visual_design_ru.png);
}
.siluets.tech {
	background-image: url(../imgs/services/tech_production_ru.png);
}
.siluets.dev {
	background-image: url(../imgs/services/web_app_dev_ru.png);
}
.siluets.utils {
	background-image: url(../imgs/services/maintenance_support_ru.png);
}
.siluets.branding {
	background-image: url(../imgs/services/social_web_ru.png);
}
.siluets.naming {
	background-image: url(../imgs/services/branding_services_ru.png);
}
.siluets.style {
	background-image: url(../imgs/services/logo_identity_ru.png);
}
.siluets.more {
	background-image: url(../imgs/services/pack_collateral_ru.png);
}
.en .siluets.serv {
	background-image: url(../imgs/services_eng.png);
}
.en .siluets.research, .siluets.researches {
	background-image: url(../imgs/services/business_research_eng.png);
}
.en .siluets.audience {
	background-image: url(../imgs/services/user_xp_research_eng.png);
}
.en .siluets.web-strategies {
	background-image: url(../imgs/services/web_strategies_dev_eng.png);
}
.en .siluets.analysis {
	background-image: url(../imgs/services/business_research_eng.png);
}
.en .siluets.seo {
	background-image: url(../imgs/services/web_marketing_eng.png);
}
.en .siluets.context {
	background-image: url(../imgs/services/web_marketing_eng.png);
}
.en .siluets.banners {
	background-image: url(../imgs/services/web_advertising_eng.png);
}
.en .siluets.pr {
	background-image: url(../imgs/services/pr_support_eng.png);
}
.en .siluets.media {
	background-image: url(../imgs/services/video_multimedia_eng.png);
}
.en .siluets.pre-research {
	background-image: url(../imgs/services/business_research_eng.png);
}
.en .siluets.info {
	background-image: url(../imgs/services/information_design_eng.png);
}
.en .siluets.visual {
	background-image: url(../imgs/services/visual_design_eng.png);
}
.en .siluets.tech {
	background-image: url(../imgs/services/tech_production_eng.png);
}
.en .siluets.dev {
	background-image: url(../imgs/services/web_app_dev_eng.png);
}
.en .siluets.utils {
	background-image: url(../imgs/services/maintenance_support_eng.png);
}
.en .siluets.branding {
	background-image: url(../imgs/services/branding_services_eng.png);
}
.en .siluets.naming {
	background-image: url(../imgs/services/branding_services_eng.png);
}
.en .siluets.style {
	background-image: url(../imgs/services/logo_identity_eng.png);
}
.en .siluets.more {
	background-image: url(../imgs/services/pack_collateral_eng.png);
}
#message {
	background: #3CF url("../imgs/bg_message.png") repeat-x;
	border-left: 1px dotted #0CE;
	border-right: 1px dotted #0CE;
	color: #CFF;
	font-size: 11px;
	height: 130px;
	left: 42%;
	padding: 15px 20px 5px 20px;
	position: absolute;
	width: 290px;
	overflow:hidden;
	line-height:12px;
}
#message h3 {
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 2px 0;
	padding:0;
}
#message h2 {
	margin: 0;
}
#message p {
	margin: 0px;
	padding: 0px;
}
#message a {
	color: #FF0;
	display: block;
	font-weight: bold;
	padding: 2px 0px;
	text-decoration: none;
	text-align: right;
	margin-left: 148px;
}
#message a:hover {
	background: url(../imgs/bg_animatied.gif) repeat-x bottom;
}
.slogan {
	background: url(../imgs/slogan.png) no-repeat right bottom;
	height: 150px;
	position: absolute;
	right: 0px;
	width: 314px;
}
/*Something*/

#breadcrumbs {
	background: #E9F5FF;
	border-top:1px solid #F9FCFF;
	border-bottom: 1px solid #CDE;
	color: #6CF;
	height: 25px;
	width: 100%;
	line-height:14px;
}
#breadcrumbs p {
	margin: 0 15px;
	padding: 6px 0 0 0;
}
/*sec_nav sections*/

#sections_4 {
	background: #F0F9FF url("../imgs/bg_sections.png") repeat-x;
	border-bottom: 5px solid #DAECF2;
	border-top: 1px solid #FFF;
	padding-bottom: 20px;
	width: 100%;
	overflow:hidden;
}
#sections_4.serv {
	background: #32BEFA url(../imgs/nav_bg.gif) right top no-repeat;
	border-top: 1px solid #9FF;
	color: #FFFFFF;
	border-bottom: 7px solid #daecf2;
}
#sections_4.serv .div_4 {
	background: #32BEFA url(../imgs/nav_bg.gif) right top no-repeat;
}
#sections_4.serv a, #sections_4.serv h2 {
	color:#FFF;
}
#sections_4 .div_4 {
	float:left;
	font-size: 12px;
	line-height: 18px;
	padding: 2% 1% 1% 3%;
	width: 20.5%;
	display:inline;
}
#sections2 {
	background:#FFFFFF none repeat scroll 0%;
	padding:0 20px 20px;
	overflow:hidden;
}
#sections2 .div_4 {
	float:left;
	font-size: 11px;
	line-height: 14px;
	padding: 2% 1% 1% 3%;
	width: 20.5%;
	display:inline;
}
#sections_4 ul, #nav_block ul, #div_sitemap ul {
	margin: 5px 0 0 0;
	list-style-type: none;
	padding:0;
}
/*additional info sections*/





/*main section*/

#nav_block {
	background: #F0F9FF url(../imgs/bg_sections.png) repeat-x;
	margin: 0px;
	padding: 20px 30px;
	width:20%;
	display:inline;
	overflow:hidden;
	float:left;
	line-height:14px;
}
#nav_block h2 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #006699;
	padding: 0px;
	margin-bottom:5px;
}
#nav_block ul, #div_sitemap ul {
	margin-bottom:20px;
}
#nav_block li {
	padding: 2px 0px;
}
#content {
	background: #FFF;
	display:inline;
	float:left;
	overflow:hidden;
	width:60%;
	padding: 0px 30px;
	border:1px solid #DEF;
	border-top:none;
	padding-bottom: 15px;
}
h1 {
	font-size: 18px;
	font-weight: normal;
}
#content h1 {
	cursor:pointer;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	text-transform: uppercase;
}
#content div h2 {
	color: #669900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
#section_links {
	border-top: 1px solid #CCEEFF;
	margin-top:5px;
	width:100%;
}
h2, #div_sitemap h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #0099FF;
	text-transform: uppercase;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}
h4, #div_sitemap h2 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#div_sitemap h2 {
	color:black;
}
.container {
	background:#F0F9FF;
	overflow:hidden;
	width:100%;
}
.bg_blue {
	background: #32BEFA url(../imgs/sec_bg.gif) repeat-x;
	border-top: 1px solid #9FF;
	border-bottom: 7px solid #daecf2;
	color:#FFF;
	font-size:11px;
	line-height:14px;
}
.cont {
	font-size:11px;
	line-height:14px;
}
.bg_blue.extra {
	border-bottom: none;
	border-top: 7px solid #daecf2;
}
.bg_blue a {
	color:#FFF;
}
#extranet_login .div_3_1 img {
	padding: 2px;
	margin: 5px 7px 0px 0px;
	border: 1px solid #CCC;
	background: #FFF;
}
#extranet_login .div_3_2 {
	width:35%;
}
#extranet_login {
	background: #FFF url('../imgs/news_bg2.jpg') no-repeat right top;
}
#div_contacts {
	background: #FFF url('../imgs/bg2.jpg') no-repeat right top;
}
#div_contacts .div_3_1 {
	width:20%
}
#div_contacts .div_3_2 {
	width:35%
}
.div_3_1 {
	float:left;
	display:inline;
	width:26%;
	padding: 20px 3% 25px 3%;
	margin:0px;
}
.div_3_1.on_blue {
	background:url(../imgs/nav_bg.gif) right top no-repeat;
	border-right: 1px solid #33CCFF;
}
.cont .div_3_1.on_blue {
	background:none;
	border-right:none;
}
.div_3_2 {
	float:left;
	display:inline;
	width:60%;
	padding: 20px 0 20px 6%;
}
.tx-indexedsearch-searchbox {
	display:none;
}
.cont {
	background: #ffff99 url(../imgs/news_bg.png) repeat-x;
	width: 100%;
	border-top: 7px solid #daecf2;
}
#sections_4.div_news {
	border-top: 7px solid #9CF;
}
.news_list {
	margin-bottom:15px;
}
.news_list h4 {
	text-transform:none;
	margin-bottom:0px;
}
.news_list p {
	margin-top:0px;
	padding-top:0;
}
#div_news {
	background: #FFF url(../imgs/news_bg3.png) left bottom no-repeat;
}
.en #div_news {
	background: #FFF url(../imgs/news_bg3_eng.png) left bottom no-repeat;
}
 border-bottom: 7px solid #daecf2;
.cont h3 {
	color:white
}
.wid {
	width:65%;
}
.color_red {
	color:red
}
.serv_img_bg {
	background: #FFF;
	height: 75px;
	border: 1px solid rgb(204, 204, 204);
	padding: 2px;
	overflow:hidden;
}
.container .serv_img_bg {
	background:none;
	height:auto;
	border:none;
	padding:none;
}
.serv_img_bg strong, .container .serv_img_bg span {
	display:none;
}
.container .serv_img_bg strong {
	display: inline;
}
.serv_img_bg span {
	height: 75px;
	padding: 0px;
	display:block;
	width:100%;
}
#img_1 {
	background: url('../imgs/services/01.jpg');
}
#img_2 {
	background: url('../imgs/services/02.jpg');
}
#img_3 {
	background: url('../imgs/services/03.jpg');
}
#img_4 {
	background: url('../imgs/services/04.jpg');
}
.siluets.socialnetworks {
	background: url('../imgs/services/social_web_ru.png') no-repeat;
}


.clients_files {
	border: 5px solid #daecf2;
	margin: 10px 0px 20px 0px;
	padding: 20px;
	background: #F0F9FF;
}
.clients_files img {
	width:128px;
	height:128px;
	float:left;
	margin-right: 20px;
}
.clients_files .files {
	margin-left:150px;
}
#header_logo h2 {
	position:absolute;
	display:block;
	top:0px;
	font-weight:normal;
	margin: 27px 0px 0px 500px;
	color:#FFF;
}
.en #header_logo h2 {
	position:absolute;
	display:block;
	top:0px;
	font-weight:normal;
	margin: 27px 0px 0px 500px;
	color:#FFF;
}
#header_logo h2 em {
	font-size:12px;
	font-style:normal;
	color:#CCC;
}
#content ul {
	list-style:disc;
	padding-left:25px;
}
#content ul.rgtabs-menu {
	list-style:none;
	padding-left:0;
	width:100%;
}
#nav_footer {
	overflow:hidden;
}
#nav_footer div.advius {
	margin: 8px 10px 0;
	float:right;
}
#nav_footer div.advius, #nav_footer div.advius a {
	color:#999;
}
#sections2 {
	background:#FFFFFF;
}

