@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html, body{
	width: 100%; height: 100%;
	background: #08080a url(../images/body-bg.jpg) top left repeat-x;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #bbbbbb;
}
html{ overflow-y: scroll; }
a{ text-decoration: none; outline: none; color: #69ad08; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear: both; }
.bold{ font-weight: bold; }
.small-font{ font-size:10px; }
.size10{ font-size:10px; }
.default-color{ color:#878585; }
.fluorescent-green{ color:#76fa01; }
.green{ color:#5d950c; }
.orange{ color:#CFA30A; }
.white{ color:#f4f5f2; }
a img{ border: none; }
.uppercase{ text-transform: uppercase; }

.messageboxok{ color:#76fa01; }
.messageboxerror{ color:red; }

div#main{ width: 987px; margin: 0px auto; }
h1.title{
	display: block; float: left; width: 330px; height: 49px;
	background: url(../images/h1-title-bg.jpg) top left no-repeat;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 20px; color: #69ad08; line-height: 49px;
	text-transform: uppercase;
}
div.domain{
	float:right; width: 175px; height:14px;	
	padding: 0 15px 0 0; overflow: hidden;
}
div.domain input.input{
	float:left; width:149px; height:14px;
	background:url(../images/input-left-bg.jpg) no-repeat;
	border:none; color:#bbbbbb; font-size:10px;
	padding: 0 0 0 3px;
}
div.domain input.button{
	display:block; float:left; width:21px; height:14px;
	background:url(../images/arrow-send.jpg) no-repeat;
	border:none; color:#bbbbbb; text-indent:-9999px;
	cursor: pointer;
}


div.path{
	float:left;	width: 755px;
	padding: 7px 0 0 20px;
	color: #edebeb; font-size: 10px;
	text-transform: lowercase;
}
div.path a{ color: #8f8e8e; }
div.path a:hover{ color: #edebeb; }


div.container-inside{
	float:left; width:952px;	
	padding: 18px 16px 0px 19px;
}
div.container-inside div.content{
	float:left; width: 924px;
	padding: 23px 14px 0 14px;	
	background: #131416 url(../images/content-bg.jpg) top left no-repeat;
}
div.container-inside div.content span.text{
	display:block; float:left; width: 924px;
	text-align:justify; padding: 0 0 15px 0;
	color: #bbbbbb; line-height:17px;
	min-height:427px; _height: 427px;	
}
div.container-inside div.content span.text ul{
	padding: 0 0 0 18px;
}
div.container-inside div.content span.text ul li{
	display: block;  list-style:none;
	background: url(../images/arrow-services.png) 0px 4px no-repeat;	
	padding: 0 0 2px 17px;
}
*html div.container-inside div.content span.text ul li{
	background: url(../images/li-square.jpg) 0px 6px no-repeat;
}


/* ===== HEADER ===== */
div.header{
	float:left; width:967px; height:109px;	
	padding: 0 0 0 20px;
	position: relative;
}
div.header a.logo{
	display: block; float: right; width: 376px; height: 95px;
	background: url(../images/logo.jpg) no-repeat;
}

div.header div.form{
	float:left; width:217px;	
	padding-top:20px;
}
div.header div.form a{
	display:block; height: 23px;
	color:#bbbbbb; font-size:10px; line-height: 23px;
}
div.header div.form input.btn-enter{
	display: block; float: right; height: 23px;
	background: none; border: none;
	padding: 0; margin: 0;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#bbbbbb; cursor: pointer;
}
div.header div.form a:hover{ color: #fff; }
div.header div.form label{
	display: block; float: left; width: 217px;	
	margin: 5px 0 0 0;
}
div.header div.form label span{
	display: block; float: left; width: 52px;
	text-align: left; font-size:10px;
}
div.header div.form label span.l{ color:#538708; }
div.header div.form label span.r{ width: 164px; }
div.header div.form label span.r input{
	float: right; width: 163px; height: 14px;
	background: #2d2f30; border: none;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#bbbbbb; line-height: 14px;
}
/* ===== end HEADER ===== */

/* ===== MENU ===== */

div.menu{
	float:right; width: 639px; height: 44px;
}
div.menu ul{
	list-style-type: none;
	display: block; float: left;
	width: 639px; height: 44px;
}

div.menu ul li{
	display: block; float: left; height: 44px;
	position: relative; z-index: 10;
}
div.menu ul li a{
	display: block; float: left; height: 44px;
	background: url(../images/menu.jpg) no-repeat;
	text-indent: -200px; overflow: hidden;
}
div.menubg ul li a{ background: url(../language/bg/images/menu.jpg) no-repeat; }

div.menu ul li#services a{ width: 114px; background-position: 0px 0px; }
div.menu ul li#portfolio a{ width: 116px; background-position: -114px 0px; }
div.menu ul li#about a{ width: 87px; background-position: -230px 0px; }
div.menu ul li#news a{ width: 107px; background-position: -317px 0px; }
div.menu ul li#contacts a{ width: 127px; background-position: -424px 0px; }
div.menu ul li#lang a{ width: 88px; background-position: -551px 0px; }

div.menu ul li#services a:hover, div.menu ul li#services a.current, div.menu ul li#services:hover a{ width: 114px; background-position: 0px -44px; }
div.menu ul li#portfolio a:hover, div.menu ul li#portfolio a.current, div.menu ul li#portfolio:hover a{ width: 116px; background-position: -114px -44px; }
div.menu ul li#about a:hover, div.menu ul li#about a.current, div.menu ul li#about:hover a{ width: 87px; background-position: -230px -44px; }
div.menu ul li#news a:hover, div.menu ul li#news a.current, div.menu ul li#news:hover a{ width: 107px; background-position: -317px -44px; }
div.menu ul li#contacts a:hover, div.menu ul li#contacts a.current, div.menu ul li#contacts:hover a{ width: 127px; background-position: -424px -44px; }
div.menu ul li#lang a:hover, div.menu ul li#lang a.current, div.menu ul li#lang:hover a{ width: 88px; background-position: -551px -44px; }

div.menu ul li ul{
	position: absolute; top: 44px; left:0px;
	width: 194px; height: 176px;
	background: url(../images/drop-down.png) top left no-repeat;
	visibility: hidden;
	padding: 7px 1px 0 1px;
}
*html div.menu ul li ul{
	background: url(../images/drop-down.jpg) top left no-repeat;
	opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9;
}

div.menu ul li ul li{
	width: 145px; height: 21px;
	padding: 2px 17px 0px 32px;
	background: url(../images/drop-down-separator.png) top left no-repeat;
}
*html div.menu ul li ul li{
	background: url(../images/drop-down-separator.jpg) top left no-repeat;
}

div.menu ul li ul li.first{
	background: none!important;
}
div.menu ul li ul li a{
	text-indent: 0px;
	background: none;
	width: 145px!important; height: 21px;
	line-height:21px;
	color: #bbbbbb;
}
div.menu ul li ul li a:hover, div.menu ul li ul li a.subcurrent{
	color: #7acb08;
	background: url(../images/drop-down-hover.png) top left no-repeat!important;
}
*html div.menu ul li ul li a:hover, *html div.menu ul li ul li a.subcurrent{
	background: url(../images/drop-down-hover.jpg) top left no-repeat!important;
}
/* ===== end MENU ===== */

/* ===== FOOTER ===== */
div.footer{
	float: left; width: 967px;
	background: #010101 url(../images/footer-bg.jpg) no-repeat;
	padding: 16px 0px 15px 20px;
	font-size:10px;
}
div.footer a{ display:block; color:#4b4b4b; }
div.footer a:hover{ color: #fff!important; }
div.footer div.crosslinks{
	float:left; width:145px;
	background:url(../images/crosslinks-bg.jpg) no-repeat top right;
}
div.footer div.crosslinks a, div.footer a.cl-title{ 
	color:#8e8c8c;
	font-size:11px; line-height: 23px;
}
div.footer div.cl-portfolio{
	float: left; width: 210px;
	background: url(../images/crosslinks-bg.jpg) no-repeat top right;
	padding: 0 20px 0 37px;
	line-height:15px;
}
div.footer div.cl-about{
	float:left; width:146px;
	background:url(../images/crosslinks-bg.jpg) no-repeat top right;
	padding-left:62px;
	line-height:15px;
}
div.footer div.cl-friends{
	float:left; width:294px;
	padding-left:36px;
	line-height:19px;
}
div.footer div.cl-friends a{ width: 100%; overflow-x: hidden; white-space: nowrap; }
a.created{
	color:#303030; font-size:10px;
	float:right; line-height:19px;
}
/* ===== end FOOTER ===== */


/* ===== BEGIN ===== */

/* projects */
div.projects{
	float:left; width: 971px; height:225px;	
	padding: 16px 0 10px 16px;
	margin: 0 0 25px 0;
	background: url(../images/projects-bg.jpg) bottom center no-repeat;
}
div#wraper_portfolio{ display: none; width: 954px; height: 208px; }
div.projects div.site{
	float: left; width: 297px; height: 201px;	
	background: url(../images/site-bg.jpg) no-repeat;
	padding: 7px 6px 0 7px;
	margin-right: 8px;
}
div.projects div.site a.pic-domain{
	display: block; float:left; width: 297px; height: 94px;
	padding: 0 0 7px 0;
}
div.projects div.site span.site-text{
	display: block; float: left; width: 281px;
	padding: 0 8px;	text-align: left;
}
div.projects div.paging{
	float: left; height: 13px; width: 954px;
	text-align: center;
}
div.projects div.paging a, div.projects div.paging span.page{
	display: inline-block; width: 13px; height: 13px;
	background: url(../images/round.jpg) 0 0 no-repeat;
	text-indent: 13px; overflow: hidden; cursor: pointer;
}
div.projects div.paging a:hover, div.projects div.paging a.currentpage, div.projects div.paging span.sel{ background-position: 0 -13px; }
/* end projects */

/* who */
div.left-column{
	float: left; width: 611px; height: 197px;	
	background: url(../images/left-colimn-bg.jpg) no-repeat;
	padding: 16px 18px 0 19px;
}
div.left-column h1{
	display:block; text-transform: uppercase;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif; color:#cfa30a;
	margin: 0 0 24px 0;
}
div.left-column span{
	display:block; height: 146px; 
	color:#b0b0b1; line-height:18px; 
	text-align:justify;	
	overflow: hidden;
}
/* end who */

/* top news */
div.right-column{
	float:right; width: 291px; height: 197px;	
	background:url(../images/right-colimn-bg.jpg) no-repeat;
	padding: 16px 16px 0 17px;
}
div.right-column h1{	
	display: block; text-transform: uppercase;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif; color:#76fa01;
	margin: 0 0 24px 0;
}
div.right-column span{
	display:block; height: 108px; 
	color: #b0b0b1; line-height:18px; 
	text-align:justify;
	overflow: hidden;
	margin: 0 0 5px 0;
}
/* end top news */

/* ===== end BEGIN ===== */

/* ===== SERVICES ===== */
div.services-text span.text{
	background: url(../images/horse.png) bottom right no-repeat;
}
*html div.services-text span.text{ background: none; }					
/* ===== end SERVICES ===== */

/* ===== ABOUT ===== */
div.aboutbianet-text span.text{
	background: url(../images/apple.png) bottom right no-repeat;
}
*html div.aboutbianet-text span.text{ background: none; }

/* References */
div.aboutreferences-text span.text{
	background: url(../images/apple.png) bottom right no-repeat;
	position: relative; z-index: 1;
}
*html div.aboutreferences-text span.text{ background: none; }

div.row{
	float: left; width: 924px;
	background: url(../images/row-bg.png) no-repeat left bottom;
	margin: 0 0 20px 0; padding: 0 0 22px 0;
}
div.row div.box{ width:439px; }
div.row div.box a.picture-references{
	display:block; float:left; width: 174px; height: 86px;	
	background: url(../images/news-pic-bg.jpg) no-repeat;
	padding: 5px 4px;
}
div.row div.box span.text-actual{
	float: right; width: 243px;	
	line-height: normal;
}
div.row div.box span.max{ width: 100%; }
/* end References */

div.aboutpartners-text span.text{
	background: url(../images/apple.png) bottom right no-repeat;
	position: relative; z-index: 1;
}
*html div.aboutpartners-text span.text{ background: none; }

/* Jobs */
div.aboutjobs-text span.text{
	background: url(../images/apple.png) bottom right no-repeat;
	position: relative; z-index: 1;
}
*html div.aboutjobs-text span.text{ background: none; }
div.row div.box a.send{
	display: block; float:left; height:17px;	
	background: url(../images/send-friend.png) no-repeat left;
	padding: 0 0 0 23px;
	line-height: 17px;
}
div.row div.box a.candidate{
	display: block; float: right; height:17px; width: 85px;
	background: url(../images/kandidatstvai.jpg) no-repeat left;
	text-indent: -9999px;
}
/* end Jobs */
/* ===== end ABOUT ===== */


/* ===== CONTACTS ===== */
/* References */
div.contacts-text span.text{
	background: url(../images/phone.png) bottom right no-repeat;
	position: relative; z-index: 1;
}

div.contacts-text div.form, div.domain-text div.form {
	width: 450px;
}
div.contacts-text div.form label,
div.domain-text div.form label{
	display: block; float: left; width: 450px;
	margin: 5px 0;
}
div.contacts-text div.form label span,
div.domain-text div.form label span{
	display: block;
}
div.contacts-text div.form label span.l,
div.domain-text div.form label span.l{
	float: left; line-height: 21px; width: 80px;
	text-align: left;
}
div.contacts-text div.form label span.r,
div.domain-text div.form label span.r{
	float: right; width: 357px;
}
div.contacts-text div.form label span.input,
div.domain-text div.form label span.input{
	padding: 2px 5px; width: 347px;
	background: url(../images/input-contacts-bg.jpg) 0 0 no-repeat;
}
div.contacts-text div.form label span.textarea,
div.domain-text div.form label span.textarea{
	padding: 2px 5px; width: 347px;
	background: url(../images/input-textarea-bg.jpg) 0 0 no-repeat;
}
div.contacts-text div.form label span.textarea textarea,
div.domain-text div.form label span.textarea textarea{
	width: 345px; border: none; height: 85px;
	font: normal 10px Verdana; color: #fff;
	background: none;
}
div.contacts-text div.form label span.coder,
div.domain-text div.form label span.coder{
	padding: 2px 5px; width: 57px; margin: 0 5px 0 0;
	background: url(../images/seccode-contacts-bg.jpg) 0 0 no-repeat;
}
div.contacts-text div.form label.code span.l,
div.domain-text div.form label.code span.l{ line-height: 13px; }
div.contacts-text div.form label span input,
div.domain-text div.form label span input{
	width: 345px; border: none; height: 17px;
	font: normal 10px Verdana; color: #fff;
	background: none;
}
div.contacts-text div.form label span.coder input,
div.domain-text div.form label span.coder input{
	width: 55px;
}

div.contacts-text div.form label span input.send,
div.domain-text div.form label span input.send{
	display: block; float: right;
	background: red; width: 67px;
	text-transform: uppercase; padding-bottom: 3px;
	cursor: pointer; font-size: 10px;
	background: url(../images/input-send-bg.jpg) 0 0 no-repeat;
} 


div.contacts-text div.form label.error{
	width: 350px;
	margin: 2px 0 0 0;
	color: red; font-size: 10px;
}
/* ===== end CONTACTS ===== */

/* ===== NEWS ===== */
/* References */
div.news-text span.text{
	background: url(../images/baloon.png) bottom right no-repeat;
	position: relative; z-index: 1;
}
*html div.news-text span.text{ background: none; }
div.row div.box a.picture-news{
	display:block; float:left; width: 166px; height: 93px;	
	background: #131416 url(../images/news-pic-bg.jpg) no-repeat;
	padding: 5px 4px; 
}


div.gallery-news{
	float: left;
	display: inline-block;
	width: 507px;
	background: url(../images/news-gallery-bg.jpg) 0 0 no-repeat;
	padding: 5px 5px 6px 5px;
	margin: 0 20px 10px 0;
}
div.gallery-news div#gallery_news{
	float: left; width: 507px; height: 285px;
}

div.gallery-news div.paging{
	float: left; height: 13px; width: 507px;
	text-align: center;
	margin: 10px 0 0 0; 
 }

div.gallery-news div.paging a, div.gallery-news div.paging span.page{
	display: inline-block; width: 13px; height: 13px;
	background: url(../images/round.jpg) 0 0 no-repeat;
	text-indent: 13px; overflow: hidden; cursor: pointer;
}
div.gallery-news div.paging a:hover, div.gallery-news div.paging a.currentpage, div.gallery-news div.paging span.sel{ background-position: 0 -13px; }

/* ===== end NEWS ===== */

/* ===== PORTFOLIO ===== */
div.categories{
	float: left; width: 987px;
	min-height: 111px; _height: 111px;
	background: #131416 url(../images/categories-bg.jpg) top left no-repeat;
	margin:16px 0 0 0; padding: 10px 0px 10px 0;
}
div.categories h2{ 
	display: block; float:left;
	padding: 0 0 0 19px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
div.categories ul.hmenu{
	list-style-type: none; 
	display: block; float: left; width: 291px; 
	padding: 10px 19px 0px 19px;
	line-height: 16px;
}
div.categories ul.hmenu li a:hover, div.categories ul.hmenu li a.hmenucurrent{ color: #ebe8e8; }
div.portfolio-projects{
	height: auto; margin-bottom: 0; padding-bottom: 0; padding-top: 0px; min-height: 241px; _height: 241px;
	background: #131416 url(../images/container-bg.jpg) repeat-x bottom;
}
div.portfolio-projects div#wraper_portfolio{ 
	height: auto; padding-top: 16px; min-height: 208px; _height: 208px;
	background: url(../images/projects-bg.jpg) top center no-repeat;
}
div.portfolio-projects h3{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
div.portfolio-projects div.site{
	height: auto; min-height: 201px; _height: 201px;
	margin-bottom: 10px; text-align: justify;
}
div.portfolio-projects div.paging{
	height: 19px;
}
div.portfolio-projects div.paging a, div.portfolio-projects div.paging span.page, div.portfolio-projects div.paging span{
	display: inline-block; width: 25px; height: 19px;
	background: url(../images/pagenav-bg.jpg) 0 0 no-repeat;
	text-indent: 0; overflow: hidden; cursor: pointer;
	line-height: 19px; text-align: center;
	color: #4B4B4B;
}
div.portfolio-projects div.paging a:hover, 
div.portfolio-projects div.paging a.currentpage, 
div.portfolio-projects div.paging span.sel,
div.portfolio-projects div.paging span.paging_current{ 
	background-position: 0 -19px; color: #fff; 
}
div.portfolio-projects div.paging a.paging_first,
div.portfolio-projects div.paging a.paging_previous,
div.portfolio-projects div.paging a.paging_next,
div.portfolio-projects div.paging a.paging_last,
div.portfolio-projects div.paging a.paging_num,
div.portfolio-projects div.paging span.paging_dots{
	width: 0px; display: none; 
}
/* ===== end PORTFOLIO ===== */

div.paging_all{
	width: 100%; height: 19px; position:absolute; bottom:0; left:0;
	text-align: center;
}
div.paging_all a, div.paging_all span{
	display: inline-block; width: 25px; height: 19px;
	background: url(../images/pagenav-bg.jpg) 0 0 no-repeat;
	text-indent: 0; overflow: hidden; cursor: pointer;
	line-height: 19px; text-align: center;
	color: #4B4B4B;
}
div.paging_all a:hover, 
div.paging_all span.paging_current{ 
	background-position: 0 -19px; color: #fff; 
}
div.paging_all a.paging_first,
div.paging_all a.paging_previous,
div.paging_all a.paging_next,
div.paging_all a.paging_last,
div.paging_all a.paging_num,
div.paging_all span.paging_dots{
	width: 0px; display: none; 
}

div.demo-projects{
	float: left; width: 100%; min-height: 250px; _height: 250px;
}


div.demo-projects div.demo-box{
	float: left; width: 445px; min-height: 239px; _height: 239px;
	background: url(../images/demo-projects-bg.jpg) 0 0 no-repeat;
}
div.demo-projects div.demo-box h2{
	display: block; float: left;
	width: 420px; height: 50px;
	padding: 0 0 0 25px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 50px;
}
div.demo-projects div.green-box h2{ background: url(../images/green-bg.jpg) 423px 3px no-repeat; color: #89e209; }
div.demo-projects div.blue-box h2{ background: url(../images/blue-bg.jpg) 423px 3px no-repeat; color: #24d1e3; }
div.demo-projects div.pink-box h2{ background: url(../images/pink-bg.jpg) 423px 3px no-repeat; color: #ffab88; }
div.demo-projects div.orange-box h2{ background: url(../images/orange-bg.jpg) 423px 3px no-repeat; color: #ffae00; }

div.demo-projects div.demo-box ul{
	display: block; float: left;
	width: 445px; padding: 0 0 20px 0;
	list-style-type: none;
}
div.demo-projects div.demo-box ul li{
	display: block; float: left;
	width: 445px;
	padding: 2px 0 0 0;
	background: url(../images/row-bg.png) 0 0 no-repeat;
}
div.demo-projects div.demo-box ul li.first{ background: none; }

div.demo-projects div.demo-box ul li a{
	display: block; float: left; width: 395px;
	padding: 4px 25px;
	color: #8e8c8c;
}
div.demo-projects div.demo-box ul li a:hover{
	color: #edebeb;
}
div.sitemap{ 
	background-color: #131416!important;
	height: auto!important;	
	min-height: 197px!important; _height: 197px!important;
} 
div.sitemap span{ height: auto!important; overflow: visible; }

ul.sitemap{
	list-style-type: none;
	display: block; float: left;
	width: 285px; padding: 0 20px 0 0;
	margin-bottom: 15px;
}
ul.sitemap ul{ font-size: 10px; text-align: left; padding-left: 20px; margin: 10px 0; }
ul.sitemap li a{ font-weight: bold; }
ul.sitemap li a:hover{ color: #fff; }
ul.sitemap ul li a{ color: #8E8C8C;  font-weight: normal; }
.fb{
	display: block;
	position: absolute;
	top: 28px;
	left: 245px;
	width: 28px;
	height: 28px;
	background: url(../images/bianet_fb.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}
.fb:hover{
	background: url(../images/bianet_fb.jpg) 0 -28px no-repeat;
}