@charset "utf-8";
@font-face {
	font-family: 'AristaRegular';
	src: url('../fonts/arista.eot');
	src: local('Arista'), local('Arista'), url('../fonts/arista.woff') format('woff'), url('../fonts/arista.ttf') format('truetype'), url('../fonts/arista.svg#Arista') format('svg');
}

@font-face {
	font-family: 'DaysRegular';
	src: url('../fonts/days.eot');
	src: local('Days'), local('Days'), url('../fonts/days.woff') format('woff'), url('../fonts/days.ttf') format('truetype'), url('../fonts/days.svg#Days') format('svg');
}

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, strong, sub, sup, ol, ul, li, form, label, table, tbody, tr, th, td, input {margin: 0px; padding: 0px;}

html {height: 100%; overflow: hidden; color: #fffedc;}
body {font-family: DaysRegular,Arial, Helvetica, sans-serif; width: 100%; height: 100%; position: relative; min-width: 1000px; min-height: 500px; background: #fffedc;}

a img {outline: none;}
a, img {outline: none;}
img {border: 0px;}
.link {color: #8cc23e; font: 18px Arial;}
.right{float:right;}
.bfolioBox {min-height: 100%; height: 100%; width: 100%; position: absolute; left: -3000px; top: -3000px;}
.hc {position: absolute; top: 50%;	width: 100%;  height: 1px; overflow: visible; visibility: visible; display: block;}

#index_ {left: 0px; top: 0px;}
.bfolioBox.index {background: #fffedc url('../images/indexBg.bfolio.gif?2') repeat-y center center;}
.bfolioBox.index .bfolioContent {height: 100%; min-height: 100%; width: 787px; margin: 0px auto; background: url('../images/indexContentBg.bfolio.gif?151') no-repeat center center; position: relative;}
.bfolioBox.index .bfolio {height: 541px; width: 100%; position: absolute; top: -270.1px;}
.link1, .link2 {margin: 7px 0px 0px 0px;}
.link1 {float: right; margin-right: 70px;}
.link2 {float: left; margin-left: 70px;}

.bfolioBox.studio {background: #170202;}
.bfolioBox.studio .about {width: 870px; margin: -230px auto 0px auto; position: relative;  }
.bfolioBox.studio .about div {position: relative;}
* html .bfolioBox.studio .about div {height: 1px;}
.link5 {position: absolute; right: 50px; top: 50px; z-index: 1;}
.link3 {position: absolute; right: 50px; bottom: 50px;}
.bnetTeamTitle {margin: 0px 0px -30px 25px; font-family:AristaRegular,Days,Arial, Helvetica, sans-serif;font-size:4.2em;}
.bfolioBox.studio .about .aboutText {position: absolute; right: 0px; top: 50px;width:534px; height: 142px;font-size:17px;line-height:24px;}
.blogLink {position: absolute; bottom: 5px; right: 0px;color:#FFFEDC;}
a.blogLink:hover{ text-decoration:none;}

.bfolioBox.people {background: #fffedc url('../images/peopleBg.bfolio.gif') no-repeat top left;}
.link4 {position: absolute; right: 50px; top: 50px;}
.team {position: absolute; width: 100%; bottom: 100px;}
ul.bnet-team {list-style: none; width: 96%; margin: 0px auto;}
.bnet-team li {width: 16%; float: left; text-align: center;}
.bnet-team li h2 {font-size:20px; color: #170202;}
.bnet-team li h2 span {color: #9f9c89; font-size: 18px;}
.bnet-team li p {background: #8cc23e; color: #fff; padding: 2px; font-size: 13px; display: inline;}
.bnet-team li div {margin-top: 4px;font-family:Arial, Helvetica, sans-serif;}

.bfolioBox.portfolio {background: #fffedc url('../images/seabedBg.bnet.png') repeat-x right bottom; /*min-height: 600px; min-width: 1000px;*/ text-align: right;}
.bfolioBox.portfolio .seabedLeft {height: 90px; width: 485px; background: #fffedc url('../images/seabedLeft.bnet.png') no-repeat; position: absolute; left: 0px; bottom: 0px;}
.bfolioBox.portfolio .seabedRight {height: 90px; width: 499px; background: #fffedc url('../images/seabedRight.bnet.png') no-repeat; position: absolute; right: 0px; bottom: 0px;}
.bfolioBox.portfolio .yellowSubmarines {background: url('../images/yellowSubmarines.bnet.png') no-repeat; height: 100%; width:100%;position: absolute; left: 0px; top: 0px; z-index: 4;}
.bfolioBox.portfolio .worksList {height: 100%; text-align: center; position: relative;margin-left:45%;overflow:hidden;}
.link6 {position: absolute; left: 50px; top: 50px; z-index: 5;}
.link8 {position: absolute; left: 50px; bottom: 50px; z-index: 5;}
.worksLayout {position: relative; width:100%; overflow:hidden;height:441px; top:15px;}
.worksLayout #panomaru,.worksLayout #tmb,.worksLayout #moloko,.worksLayout #tripisgood{text-align:right;}
.worksLayout #ill{text-align:left; margin-left:20%;}

.worksLayout table {width:100%; height:100%;border-collapse:collapse;}

.bfolioBox.awards {background: #170202 url('../images/awardsBg.bnet.jpg') no-repeat left bottom;  min-height: 750px;/* min-width: 1100px;*/}
.bfolioBox.awards .awardsSky {background: url('../images/awardsSky.bnet.png') no-repeat; height: 356px; width: 1156px; position: absolute; right: 0px; top: 0px;}
.bfolioBox.awards .awardsBox {background: url('../images/awardsBox.bnet.png') no-repeat; height: 270px; width: 350px; position: absolute; left: 155px; bottom: 435px; z-index: 5;}
.bfolioBox.awards .awardsList {position: absolute; display: block; bottom: 515px; left: 230px; z-index: 6;}
.bfolioBox.awards .awardsList li {margin-bottom: 7px;}
.bfolioBox.awards .awardsList li a {font-size: 12px; color: #170202;}
.bfolioBox.awards .awardsList li a span {font: 11px Arial, Helvetica, sans-serif;}
.link7 {position: absolute; left: 50px; top: 50px; z-index: 7;}

.bfolioBox.allportfolio {background: #170202 url('../images/allportfolioBg.bfolio.gif?1') no-repeat right top;}
.linkPortfolio_ {position: absolute; left: 50px; top: 25px;}
.linkAllportfolio {position: absolute; left: 50px; bottom: 25px;}
.dinosaur {position: absolute; left: 200px; bottom: 50px;}

.loading {background: url('../images/loader.bfolio.gif') no-repeat; height: 15px; width: 128px; margin: 20px auto;}
.info {width: 26%; height: 100%; padding: 0% 1%;}
.preview {width: 72%; height: 100%; text-align: center; position: relative;}
.preview img {margin: 10px auto;}
.numbers {position: absolute; margin: 10px;}
.preview .numbers .number {margin: 0px 0px 5px 0px;}
.preview .numbers a.number {height: 35px; width: 35px; display: block; text-align: center; padding-top: 6px; text-decoration: none; background: url('../images/linkNumber.bfolio.gif?55623212') no-repeat; font: bold 18px Myriad, Arial, sans-serif;}
.preview .numbers a.number {color: #fffedc;}
.preview .numbers a.number:hover {color: #fff;}
.preview .numbers a.number.active {color: #8cc23e;}

.bfolioBox.ldemo {background: #fffedc url('../images/fishBg.bnet.gif') 60% bottom no-repeat;}
.bfolioBox.ldemo .info {float: right; background: #170202;}
.bfolioBox.ldemo .preview {float: left;}
.bfolioBox.ldemo .preview .numbers {top: 0px; right: 0px;}
.link9 {margin: 25px 25px 15px 50px; display: block;}

.bfolioBox.rdemo {background: #170202;}
.bfolioBox.rdemo .info {float: left;}
.bfolioBox .info h1{font-size:28px;}
.bfolioBox.rdemo .preview {float: right; background: #fffedc;}
.bfolioBox.rdemo .preview .numbers {top: 0px; left: 0px;}
.linkAllPortfolio__ {margin: 25px 50px 15px 50px; display: block;}

.bfolioBox.rdemo a, .bfolioBox.ldemo a {color: #8cc23e;}
.text {color: #fffedc; padding-top: 10px; font-size: 13px;font-family:Arial, Helvetica, sans-serif;}
.service, .cost {color: #fffedc; font-weight: bold; font-family:Arial, Helvetica, sans-serif;padding-top: 10px;}
/*portfolio*/
/*_link*/
/*#passageway_link {position: absolute; top: 220px; left: 550px;}
#cross_link {position: absolute; top: 100px; right: 150px;}
#marafon_link {position: absolute; bottom: 200px; left: 250px;}
#biw_link {position: absolute; top: 270px; right: 650px;}
#molot_link {position: absolute; bottom: 100px; left: 450px;}
#anketa_link {position: absolute; top: 500px; right: 250px;}
#tmb_link {position: absolute; top: 50px; left: 150px;}
#moloko_link {position: absolute; bottom: 150px; right: 250px;}
#adrenaline_link {position: absolute; top: 50px; right: 50px;}
#kids_link {position: absolute; top: 150px; left: 150px;}
#logo_link {position: absolute; top: 350px; left: 450px;}
#toyota_link {position: absolute; top: 400px; right: 200px;}*/
/*_ico*/
a#tmb_ico{z-index:1;position: absolute; bottom: 350px; right: 70px; background:url(../images/icons/icons.png) no-repeat top left;  background-position: -164px 0; width: 111px; height: 195px; } 
a#tmb_ico:hover{ z-index:1;position: absolute; bottom: 350px; right: 70px; background:url(../images/icons/icons.png) no-repeat top left; background-position: -164px -225px; width: 111px; height: 195px; } 
a#adrenaline_ico{z-index:1;position: absolute; bottom: 380px; right: 400px; background:url(../images/icons/icons.png) no-repeat top left; background-position: 0 -678px; width: 103px; height: 126px; } 
a#adrenaline_ico:hover{z-index:1;position: absolute; bottom: 380px; right: 400px; background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -834px; width: 103px; height: 126px; } 
a#moloko_ico{position: absolute; bottom: 5px; right: 405px;background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -1408px; width: 88px; height: 121px; } 
a#moloko_ico:hover{position: absolute; bottom: 5px; right: 405px; background:url(../images/icons/icons.png) no-repeat top left; background-position: 0 -1559px; width: 88px; height: 121px; } 
a#logo_ico{position: absolute; top: 15px; left: 305px; background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -1710px; width: 89px; height: 100px; } 
a#logo_ico:hover{position: absolute; top: 15px; left: 305px; background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -1840px; width: 89px; height: 100px; } 
a#passageway_ico{position: absolute; bottom: 15px; right: 145px; background:url(../images/icons/icons.png) no-repeat top left; background-position: 0 -990px; width: 117px; height: 71px; } 
a#passageway_ico:hover{position: absolute; bottom: 15px; right: 145px; background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -1091px; width: 117px; height: 71px; } 
a#elka_ico{position: absolute; bottom: 10px; right: 605px; background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -338px; width: 102px; height: 140px; } 
a#elka_ico:hover{position: absolute; bottom: 10px; right: 605px; background:url(../images/icons/icons.png) no-repeat top left; background-position: 0 -508px; width: 102px; height: 140px; } 
a#nano_ico{position: absolute; bottom: 220px; right: 155px; background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 0; width: 134px; height: 139px; } 
a#nano_ico:hover{position: absolute; bottom: 220px; right: 155px;background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -169px; width: 134px; height: 139px; } 
a#cook_ico{position: absolute; bottom: 5px; right: 805px; background:url(../images/icons/icons.png) no-repeat top left; background-position: 0 -1192px; width: 60px; height: 78px; } 
a#cook_ico:hover{position: absolute; bottom: 5px; right: 805px; background:url(../images/icons/icons.png) no-repeat top left;background-position: 0 -1300px; width: 60px; height: 78px; }

.bfolioBox.allportfolio ul.first{list-style: none; margin: 100px 0px 0px 170px; width: 300px; float: left; line-height: 2.1em;}
.bfolioBox.allportfolio ul.second{list-style: none; margin: 100px 0px 0px 50px; width: 300px; float: left; line-height: 2.1em;}

.contact {margin:  25px 0px 0px 40px; width: 325px; font-family:AristaRegular,Days,Arial, Helvetica, sans-serif;font-size:30px;}
.contact input {display:none; width: 325px; height: 35px; background: #170202; color: #fffedc; font-size: 1.7em; text-align: center; margin: 0px 0px 8px 0px; border: #fffedc 1px solid;}
.contact img {display: block;}
.contact a,.contact span {padding-left:40px;display:block; float:left; clear:both; height:42px;color:	#FFFEDC; text-decoration:none;line-height:42px;}
.contact #phone {background:url(../images/contacts.gif) no-repeat 0 0;}
.contact #mail {background:url(../images/contacts.gif) no-repeat 0 -42px;}
.contact #skype {background:url(../images/contacts.gif) no-repeat 0 -83px;}
.contact #jabber {background:url(../images/contacts.gif) no-repeat 0 -126px;}

.bfolioBox.allportfolio .numbers {left:35%; position:absolute; top:80px;}
.numbers .page_number {margin: 0px 0px 5px 0px; }
.numbers a.page_number {height: 35px; width: 35px; display: block; text-align: center; padding-top: 6px; text-decoration: none; background: url('../images/linkNumberPage.bfolio.gif?556212') no-repeat; font: bold 18px Myriad, Arial, sans-serif;}
.numbers a.page_number {color: #170202;}
.numbers a.page_number:hover {color: #333;}
.numbers a.page_number.active {color: #8cc23e;}
.bfolioBox.allportfolio #list {left:42%; position:absolute; top:70px;}
ul.links {display:none; list-style: none;}
ul.links li {line-height:2em; font-size:1.3em;}
ul.links li a {text-decoration:none;}
ul.links li a:hover {text-decoration:underline;}
ul.links.active {display:block;}

#arrow_up a { display:none;height:30px; padding-left:50px; background: url(../images/up.png) no-repeat; left:46%; top:35px; position:absolute; }
#arrow_down a{ height:30px; padding-left:50px; background: url(../images/down.png) no-repeat; left:46%; bottom:35%; position:absolute;}
#twitter {top: 282px; left: 506px; position: absolute;}
#blog {top: 340px; left: 301px; position: absolute;}
#copy {bottom: 2px; left: 10px; position: absolute;}
#last_twitt{display:none; position: absolute; top: 277px; left: 590px; background: url('../images/twitterCloud.gif') 0 0 no-repeat; width: 270px; height: 100px; color: #170202; padding: 14px 0px 0px 40px; font-size: 12px;}
#last_twitt p{width: 215px;}
#noscript-info{width: 780px; height: 180px; border: 3px #fffedc solid; margin-top: 7px; margin-left: 7px; padding: 10px; -webcit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#noscript-div{width: 820px; height: 220px; background: #170202; position: absolute;  top: 50px; }
#noscript-info a {color: #fffedc;}

#en {position: absolute; left: 300px; top: 250px;}