.b-logotype 		{ float: left; margin: 0px 0 0 160px; }

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,900,700italic,700,600italic,600,400italic,300italic,300,200italic,200);
@import url(http://fonts.googleapis.com/css?family=Exo);
.b-frame-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    min-height: 500px;
    min-width: 800px;   
}
.b-frame {
    position: absolute;
    background:none;
    z-index: 11000;
}

.b-frame.left       { top: 0; left: 0; width: 0; height: 100%; }
.b-frame.right      { top: 0; right: 0; width: 0; height: 100%; }
.b-frame.top        { top: 0; right: 0; width: 100%; height: 0; }
.b-frame.bottom     { bottom: 0; right: 0; width: 100%; height: 0; }



/*
.b-we-are 			{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('../img/we-are.png'); }
*/
.b-title				{ position: relative;  }
.b-title.we-are 		{ 
    margin: 30px 0 0 326px; 
    width: 573px; 
    height: 180px; 
}
.b-title.we-are img     { margin-top: -112px; margin-left: 1px; }

.b-title.we-make 		{ 
    margin: 126px 0 0 30px; 
    top: -1px;
    width: 667px; 
    height: 163px; 
}
.b-title.we-make img { margin-top: -4px; margin-left: -5px; }
.b-title.we-ve-made 	{
    margin: 130px 0 0 200px; 
    width: 716px; 
    height: 139px;
}
.b-title.we-ve-made img  { margin-top: -104px; margin-left: -364px; }
.b-title.we-re-ready	{ 
    margin: 130px 0 0 136px; 
    width: 614px; 
    height: 110px; 
}
.b-title.we-re-ready img  { margin-top: -2px; margin-left: -2px; }


.b-title.we-work         { 
    margin: 130px 0 0 326px; 
    width: 613px; 
    height: 156px; 
}
.b-title.we-work img     { margin-top: -112px; margin-left: 1px; }


.b-black				{ 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    z-index: 100;  
}
.b-black img            { 
    position: absolute;
    left: -10000px;
    top:  -10000px;
}
.b-black.we-think img            { 
    top:  -100px;
}

.b-shadow				{ 
    position: absolute; 
    left:0; 
    top: 0;
    width: 100%; 
    height: 100%;  
    z-index: 100;
	opacity:0.0;
}
.b-shadow img           {
    position: absolute;
    left: -10000px;
    top:  -10000px;
}



.b-curtain { position: absolute; top: 0; width: 0; height: 0; z-index: 15;  }

.b-curtain.ontop { background:none; border:none; }



/*********************************************************************/

.b-curtain {background:none;}

.b-curtain.left.top {
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-style: solid;
}
.b-curtain.left.top.y { border:none;background:none;}
.b-curtain.left.top.b {border:none;background:none; }

.b-curtain.right.bottom {
    border-top-style: solid;
    border-top-color: transparent;
    border-right-style: solid;
}
.b-curtain.right.bottom.y {border:none;background:none; }
.b-curtain.right.bottom.b {border:none;background:none; }

/*********************************************************/
/*********************************************************/

.b-curtain.left.bottom {
    border-top-style: solid;
    border-top-color: transparent;
    border-left-style: solid;
}
.b-curtain.left.bottom.y {border:none; background:none;}
.b-curtain.left.bottom.b {border:none; background:none; }

.b-curtain.right.top {
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-right-style: solid;
}
.b-curtain.right.top.y {border:none; background:none;}
.b-curtain.right.top.b {border:none;background:none; }

/*********************************************************************/



.b-line 				{ position: absolute; left: 0px; top:480px; width: 100%; height: 100%; }
.b-line  img            { position: absolute; left: -10000px; top: -10000px; }







.b-curtain div 	{ position: relative; }

.b-curtain.y div { border:none;background:none; }
.b-curtain.b div {border:none; background:none;}


.b-title,
.b-black,
.b-shadow { display: none; }

.b-title.active,
.b-black.active,
.b-shadow.active { display: block; }





.b-content {
    display: none; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%;
    z-index: 3000; 
}

.b-content .inner           { position: relative; margin: 0 auto; width: 960px; }
.b-content .inner .offset   { margin:0;}




.b-content p {font-family: 'Exo', sans-serif;font-size: 1em; padding: 0; margin: 15px 0; }
.oldie .b-content p { font-family: georgia !important; }


.y .b-content p,
.y .b-content p a { color: #000; }

.b .b-content p, 
.b .b-content p a { color: #000; }

.b-content.we-are .inner .offset p              {  }
.b-content.we-are .inner .offset .left_o.one    { padding: 0 0 0 145px; }
.b-content.we-are .inner .offset .left_o.two    { padding: 0 0 0 140px; }
.b-content.we-are .inner .offset .left_o.three  { padding: 0 0 0 135px; }


.b-content.we-are .inner .offset { margin: 0;  padding:0; }


.b-content.we-are p { color: #939393; text-shadow: 0px 1px 0px rgba(255,255,255,.4), 0px -1px 0px rgba(0,0,0,.6); line-height:22px; letter-spacing:1px; font-size: 1em; }
.b-content.we-are p span.yellow { color: #f0f0f0; }

.b-content.we-are .inner .offset p.link-to-works { 
    margin: 25px 0 0 -35px; 
    font-size: .95em;
}
.b-content.we-are .inner .offset p.link-to-works a {
    color: #e2e2e2;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: solid 1px #e2e2e2;
}
.b-content.we-are .inner .offset p.link-to-works a span {
    float: left;
    margin-left: -16px;
    background: none;
    width: 8px;
    height: 15px;
    margin-top: 0px;
}


.b-content.we-are .content-links {
    float: left;
    margin-right: 10px;
    margin-top: 20px;
}
.b-content.we-are .content-links a {
    position: relative;
    float: left;
    font-size: .45em;
    text-transform: uppercase;
    color: #e2e2e2;
    text-decoration: none;
    border-bottom: solid 1px #565050;
    margin-right: 35px;
    padding-right: 9px;
}
.b-content.we-are .content-links a span {
    float: left;
    margin-left: -16px;
    width: 10px;
    background: none;
    width: 8px;
    height: 15px;
    margin-top: 0px;
}


.b-content.we-make .inner .offset { margin: 0 0 0 105px; }
.b-content.we-make .inner .offset p.small { font-size: 1.45em; margin-left: 130px; line-height: 1em; }

.b-content.we-make .inner .offset .left_o.two { padding: 0 0 0 20px; }
.b-content.we-make .inner .offset .left_o.three { padding: 0 1.25em; }

.b-content.we-make .inner .offset .left_o.four { padding: 0 .85em; }


.b-content.we-make .inner .offset  p { font-size: 2.75em; line-height: 1.15em; }

.b-content.we-make .inner .offset  p a { margin-right: 0px !important; padding-right: 0 !important; font-size: 1em !important; float: none !important; display: inline !important; text-transform: none !important; }

.b-content.we-make .inner .offset  p.first_block { margin-left: 45px; margin-top: -10px !important; margin-bottom: -5px !important; }
.b-content.we-make .inner .offset  p.first_block .left_o.two { padding-left: 35px; }

.b-content.we-make .inner .offset  p.second_block { 
    font-size: 1.6em;
    margin-left: 115px;
    width: 730px;
    line-height: 1.55em;
    color: #302929;
    display: none;
    margin-top: 10px;
}
.b-content.we-make .inner .offset  p.second_block.active { display: block; } 
.b-content.we-make .inner .offset  p.second_block span.left_o.two { padding-left: 30px; }
.b-content.we-make .inner .offset  p.second_block span.left_o.three { padding-left: 40px; }
.b-content.we-make .inner .offset  p.second_block span.left_o.four { padding-left: 4.25em; }

.b-content.we-make .inner .offset  p.second_block a {
    float: right;
    text-transform: uppercase;
    font-size: .5em;
    text-decoration: none;
    border-bottom: solid 1px #302929;
    height: 30px;
    padding-right: 10px;
}

.b-content.we-make .inner .offset .show-me-the-work span {
    float: left;
    width: 7px;
    height: 14px;
    margin-left: -14px;
    margin-top: 13px;
}


.text-blocks-switcher {
    position: absolute;
    right: 0;
    top: 200px;
    list-style: none;
    margin: 0; 
    padding: 0;
}
.text-blocks-switcher li { float: left; width: 8px; height: 8px; padding: 0; margin: 0 5px; }
.text-blocks-switcher li a {
    width: 8px; height: 8px; 
    display: block; 
    background: white; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.text-blocks-switcher li a.active { }


.text-blocks-next-button {
    position: absolute;
    top: 105px; right: -40px;
    width: 35px;
    height: 35px;
    background-image:none;
    background-position: top right;
    cursor: pointer;
}


.offset { position: relative; }

.b-content.we-ve-made .inner .offset                       { margin: 0 30px 0 0; }
.b-content.we-ve-made .inner .offset .b-works              { margin-top: 0px; }
.b-content.we-ve-made .inner .offset .b-works .slices      { margin-left: 40px; position: relative; height: 301px; width: 767px; }
.b-content.we-ve-made .inner .offset .b-works .slices img  { position: absolute; }

.b-content.we-ve-made .inner .offset .b-works .slices img.work-slice.one      { bottom: 0; left: 0; }
.b-content.we-ve-made .inner .offset .b-works .slices img.work-slice.two      { top: 0; left: 163px; }
.b-content.we-ve-made .inner .offset .b-works .slices img.work-slice.three    { bottom: 0; right: 163px; }
.b-content.we-ve-made .inner .offset .b-works .slices img.work-slice.four     { top: 0; right: 0; }

.b-content.we-ve-made .inner .offset .b-works .slices img.work-img          { display: none; }
.b-content.we-ve-made .inner .offset .b-works .slices img.work-img.one      { bottom: 0; left: 0; }
.b-content.we-ve-made .inner .offset .b-works .slices img.work-img.two      { top: 0; left: 163px; }
.b-content.we-ve-made .inner .offset .b-works .slices img.work-img.three    { bottom: 0; right: 0; }
.b-content.we-ve-made .inner .offset .b-works .slices img.work-img.four     { top: 0; right: 0; }

.b-content.we-ve-made .inner .offset .b-works a.slice-link         { position: absolute; top: 0; left: 0; text-indent: -9999px; height: 15px; width: 115px; margin-left: -7px; }
.b-content.we-ve-made .inner .offset .b-works a.slice-link:hover   {  }

.b-content.we-ve-made .placeholder   { margin-top: -69px; padding-bottom: 15px;  position: relative; }
.b-content.we-ve-made p              { margin: 0px 210px 0px 0px; padding:0; font-size:48px;text-transform:uppercase; color: #a8a8a8;text-shadow: 0px 1px 0px rgba(255,255,255,.4), 0px -1px 0px rgba(0,0,0,.6); font-weight:normal;font-family: 'Titillium Web', sans-serif; text-align:right; }
.b-content.we-ve-made .smaller       { font-size: 1.7em; }
.b-content.we-ve-made .left_o.one { padding: 0 0 0 185px; }
.b-content.we-ve-made .left_o.two { padding: 0 0 0 5.5em; }


.b-content.we-ve-made .placeholder {
    width: 100%;
    height:185px;
}

.b-content.we-re-ready .inner .offset { position: relative; margin: 0 0 0 50px; padding-left: 185px; padding-bottom: 100px; }

.b-content.we-re-ready .inner .offset p { margin: -15px 0 0 0; padding: 0; }
.b-content.we-re-ready .inner .offset .smaller { font-size: 1.55em; margin: 0; padding: 0;}
.b-content.we-re-ready .inner .offset .call { font-size: .75em; }
.b-content.we-re-ready .inner .offset .left_o { padding: 0 0 0 25px; }
.b-content.we-re-ready .inner .offset .left_o.two { padding: 0 2em; }
.b-content.we-re-ready .inner .offset .left_o.three { padding: 0 2.35em; }
.b-content.we-re-ready .inner .offset .left_o.four { padding: 0 2.85em; }
.b-content.we-re-ready .inner .offset .section-image { float: left; margin-left: -350px; margin-top: -100px; }
 



.city { 
    position: absolute;
    top: 80px;
    padding-top: 20px;
    font-size: .85em;
    width: 400px; 
}

.city .left_o.one { padding: 0 0 0 30px !important; }
.city .left_o.two { padding: 0 0 0 55px !important; }



.b-content.we-work .inner .offset { color: #e2e2e2; margin: 0; padding:0; }

.b-content.we-work .inner .offset  p { color: #a8a8a8;text-shadow: 0px 1px 0px rgba(255,255,255,.4), 0px -1px 0px rgba(0,0,0,.6); letter-spacing:1px; font-size: 1.32em; }
.b-content.we-work .inner .offset h1 {
	margin:108px 44px 0px 81px;
	float:left;
	color:#999; padding-right:12px;
	font-size:15px;
	background:url(../imgroot/rBdr.png) right no-repeat;
	text-shadow: 0px 1px 0px rgba(255,255,255,.4), 
	0px -1px 0px rgba(0,0,0,.5);
	font-weight:normal; letter-spacing:normal;
	font-family: 'Titillium Web', sans-serif; 
	text-align:justify;
	width:270px; text-transform:uppercase;
	line-height:22px;
}

.b-frame-glow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
}
.b-frame-noize {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1500;
}

footer {
    position: relative;
    float: left;
    height:120px;
    margin-top: -131px;
    width: 100%;
    z-index: 10000;
    overflow: hidden;
}



.showcase {
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    margin-left: -671px;
    margin-right: -340px;
    width: 2000px;
    height: 330px;
    list-style: none;

    margin-top: -48px;
}
.showcase li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 330px;
    margin: 0;
    padding: 0;
}
.showcase li.bg { display: none; }
.showcase li.bg.active { display: block; }

.showcase li.bg img { position: relative; float: left; left: 1010px; }

.showcase li.mask { background:none; }
.showcase li.noize { background:none; }

.showcase li.controls {
    z-index: 1000;
    top: 100px;
    width: 35px;
    height: 35px;
    background:none;
    cursor: pointer;
}
.showcase .controls.left { background-position: left center; left: 690px; }
.showcase .controls.right { background-position: right center; left: 1400px; }


@media only screen and (max-width: 1084px) {
    .showcase .controls.left { background-position: left center; left: 1400px; }
    .showcase .controls.right { background-position: right center; left: 1440px; }
}

.showcase .slide {
    left: 750px;
    width: 260px;
    top: 0px;
    display: none;
}
.showcase .slide.active { display: block; }

.showcase .slide h3 {
    font-family: 'Nixie One', cursive;
    color: #f0f0f0;
    font-size: 1.55em;
    margin-bottom: 0;
}
.oldie .showcase .slide h3 { font-family: georgia; }

.showcase .slide p {
    margin-top:  1em;
    font-size: .85em;
    line-height: 1.75em;
    color: #ebe6df;
    font-family: georgia;
}
.showcase .slide a.showcase-button {
    text-transform: uppercase;
    color: #f0f0f0;
    padding: 5px 8px 5px 22px;
    border: solid 1px #4a4444;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    text-decoration: none;
    font-size: .85em;
    background: none;

    float: left;
    margin-top: 20px;
}
.showcase .slide a.showcase-button:hover {
    border-color: #f0f0f0;
}



.b-work-showcase {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    left: 0;
    z-index: 11000;
}
.b-work-showcase .close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 90px;
    height: 90px;
    background: none;
    cursor: pointer;
}
.b-work-showcase .noize {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
}

.b-angle {
    position: absolute;
    z-index: 100;
}
.b-angle.left.top {
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-style: solid;

    border-bottom-width: 219px;
    border-left-width: 219px; 
    border-left-color: #f0f0f0;
    
    display: none;

    top: 0px;
    left: 0px;
}
.b-angle.right.bottom {
    border-top-style: solid;
    border-top-color: transparent;
    border-right-style: solid;

    border-top-width: 320px;
    border-right-width: 320px; 
    border-right-color: #f0f0f0;
    
    display: none;
    
    bottom: 0px;
    right: 0px;
}

.we-r-hiring { 
    position: absolute;
    width: 160px; 
    height: 160px;

    /*background:url(../imgroot/we-r-hiring.png) center 30px no-repeat;*/

    font-family: 'Nixie One', cursive;
    text-align: center;
    text-transform: uppercase;

    font-size: .85em;
    margin-left: -200px;
}
.oldie .we-r-hiring { font-size: georgia; }

.we-r-hiring-inner {
    padding:0;
    width: 460px; height: 200px;
    /*background:url(../imgroot/we-r-hiring.png) no-repeat;*/
}
.oldie .we-r-hiring-inner   { background-color: transparent; }
.oldie .we-r-hiring         { /*background: url(../imgroot/cirlce-small.png); */}


.we-r-hiring a { display: block; padding-top: 5px; }

#we-are .we-r-hiring { top: -328px; left: 10px; }

.we-r-hiring a,
.want-to-see-more a,
.look-into-the-past a { color: black; }


.we-r-hiring-full {
    position: absolute;

    z-index: 10000;

    width: 566px; height: 336px;
    background: ;

    background: none;

    -webkit-border-radius: 283px;
    -moz-border-radius: 283px;
    -ms-border-radius: 283px;

    border-radius: 283px;

    padding-top: 230px;

    font-family: 'Nixie One', cursive;
    font-size: 1.5em;

    text-align: center;

    left: 50%;
    top: 45%;

    margin-left: -283px;
    margin-top: -283px;
}
.oldie .we-r-hiring-full {
    font-family: georgia;
    background: none;
}

.we-r-hiring-full p         { font-size: 1.25em; margin-top: 0; padding-top: 0; }
.we-r-hiring-full p.big     { font-size: 1.5em; }

.we-r-hiring-full p.small   { font-size: .8em; color: #999999; }
.we-r-hiring-full a { color: black; } 

.we-r-hiring-full p.aware   { margin-top: 30px; font-size: .55em; font-family: arial, sans; }



.we-r-hiring-full .close    { 
    position: absolute;
    top: 15px; right: 55px;
    width: 90px; height: 90px;
    background: url(../imgroot/y.gif);
    
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    border-radius: 45px;
}
.oldie .we-r-hiring-full .close    { background: none; }

.we-r-hiring-full .close a {
    display: block;
    width: 90px; height: 90px;
    background: none;
} 


.mapscreen-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10100;
}
.mapscreen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }

.mapscreen-wrapper .top-right { position: absolute; width: 268px; height: 273px; top: 0; right: 0; background: url(../imgroot/map-right-corner.png); z-index: 200; }
.mapscreen-wrapper .bottom-left {  position: absolute; width: 355px; height: 353px; bottom: 0; left: 0; background:url(../imgroot/left-corner.png); z-index: 200; }

.mapscreen-wrapper .top-right:hover { cursor: pointer; }