/*
font-family: "chaparral-pro",sans-serif;
weight: 300-700; 400:reg + 700:bld
font-style: normal or italic;

font-family: "runda",sans-serif;
font-style: normal;
font-weight: 400;


font-family: "bebas-neue",sans-serif;
font-style: normal;
font-weight: 400;

font-family: "nudista-web" , sans-serif;
font-weight: 100;

//yellow: ffcc00;
//F50C81
//magenta: ec02b2;
//dk magenta: d2029f;
//default grey: 0x312e2e;
*/

.header_default{ color:#d5d5d5; }
.header_black{ color:#000; }
.sans_select{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; }


html{}
body{ padding:0px; background-color:#111; color:#000; overflow: hidden; /*background-image: url('../img/camo.jpg');*/ }
#logo{ display:none; position: fixed; top:20px; left: 20px; font-size:36px; color:#fff;  padding:10px; letter-spacing:-2px; z-index:999999; }
#logo_dk{/* display:none;*/ visibility: hidden; position: fixed; bottom:5px; left: 0px; font-size:36px; color:#fff;  padding: 0px 8px 0px 8px; letter-spacing:-2px; z-index:999999; }


#hello_please{ /*border:1px solid red;*/ position:absolute; width:100%; top:30%; text-align: center; z-index: 5000;  }
#hello_please .tier1{ color: #000;/*border:1px solid blue;*/  width: 400px; font-weight:700;  font-size:180px; margin: 0 auto;  line-height:1em;  letter-spacing:-16px; font-family: "runda",sans-serif; text-align: left; margin-bottom: 0px; /*margin-left: 50px;*/ /*color:#fff;*/ }
#hello_please .tier2{ color: #000;/* border:1px solid green;*/ width: 680px; font-weight:300; padding-left:8px;  font-size:26px;  margin: 0 auto;  line-height:.9em; letter-spacing:0px; font-family: "runda",sans-serif; margin-top:-5px;  /*margin-left: 50px;*/ }

#headliner{ position: absolute; display:inline; z-index: 5001; top:20px; left:20px; min-height: 70px;  font-weight:700;  font-size:60px; color: #fff; /*background-color: #fff;*/ }
#headliner span{ /*border:1px solid blue;*/ }

/* NAV */
#navigation_container{ position: absolute;  /*background-color: #312e2e;*/ background-color: #1a1a1a;  bottom: 0px; width:100%; min-height:60px;  /*border-top:2px solid #ccc;*/  min-width:650px; z-index:10000; }
#navigation_container #nav_sub_container{ margin-left: 160px; /*padding-right: 5%; */ }
#navigation_container #nav_sub_container .nav_item{ position: relative; /*border-right: 1px solid #383838;*/ border-right: 1px solid #222; float: right; color: #ccc;  min-width:80px; height:0px;  padding: 30px 20px; cursor: pointer;  }
#navigation_container #nav_sub_container .nav_item:first-child{ border-right: 0px solid #222; }
#navigation_container #nav_sub_container .nav_item:last-child{ border-left: 1px solid #222; /*border-left: 1px solid #383838;*/ }

/* NAV_ITEM:home */
#navigation_container #nav_sub_container div#home{ min-width:40px; display: none; }
#navigation_container #nav_sub_container div#home div.nav_item_title{  font-size:18px; font-weight: 300; font-family: "runda",sans-serif; }

/* NAV > NAV ITEMS */
#navigation_container #nav_sub_container .nav_item .nav_item_flash{ position: absolute; left:0px; top:0px; width:100%; height:100%; z-index:52; }

#navigation_container #nav_sub_container .nav_item_line{ position: absolute; bottom:0px; height:1px; left:50%; width:0%; margin:0 auto; z-index:51; }
#navigation_container #nav_sub_container .nav_item_line.color_line_home{ background-color: #222; }
#navigation_container #nav_sub_container .nav_item_line.color_line_lab{ background-color: #fff; }
#navigation_container #nav_sub_container .nav_item_line.color_line_work{ background-color: #666; /*#d2029f*/  }
#navigation_container #nav_sub_container .nav_item_line.color_line_about{ background-color: #ffcc00; }

#navigation_container #nav_sub_container .nav_item .nav_item_title{ cursor: pointer!important; position: absolute; z-index:50; left:0px; margin-top:-10px;  width:100%; text-align: center; font-family: "nimbus-sans-extended",sans-serif; font-size:18px; font-style: normal; font-weight: 300; letter-spacing: 0px; /*border:1px solid green;*/ }
#navigation_container #nav_sub_container .nav_item .nav_item_bg{ position: absolute; z-index:49; background-color: #fff;  width: 100%; height:0%; bottom: 0px; left: 0px; /*border:1px solid blue; */ }
#navigation_container #nav_sub_container .nav_item_bg.color_home{ background-color: #000; }
#navigation_container #nav_sub_container .nav_item_bg.color_lab{ background-color: #000; }
#navigation_container #nav_sub_container .nav_item_bg.color_work{ background-color: #000; }
#navigation_container #nav_sub_container .nav_item_bg.color_about{ background-color: #000; }


#main{ overflow: hidden; position: absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; /*background-color: #000;*/ }
#main .showObjClass{ position: absolute; width: 250px; height: 300px; background-color: #fff; /*border-top:1px solid #f00;*/ text-align:left; }
#main .blockObjClass{ position: absolute; height: 33.333%; width: 100%; background-color: #fff; /*border-top:1px solid #f00;*/ text-align:left; }




#container_home{ position: relative;  overflow: hidden;  width: 100%; height:98%; color: #fff; text-align: center;}
#container_home iframe.home_iframe{  top: 0px; left: 0px; width: 100%; margin: -50px auto 0 auto; height: 100%; border: 0px; overflow: hidden; z-index: 450; }



/*LAB SECTION*//*"interface aktiv-grotesk-std nimbus-sans-extended"*/
#container_lab{ position: relative;  overflow: hidden;  width: 100%; height:98%; color: #fff; }
#container_lab .lab_item_box{ position: absolute; top: 0px; left: 0px;  z-index: 500; padding: 30px 10px;  }
#container_lab .lab_item_box ul{ padding: 0; margin: 0;  }
#container_lab .lab_item_box ul li{ padding: 0; margin: 10px 0; list-style-type: none; }
#container_lab .lab_item_box ul li a{  position: relative; text-decoration: none; padding: 3px 5px;  color:#fff;  background-color: #000; font-family: "bebas-neue",sans-serif; font-size: 18px; letter-spacing: 1px; }
#container_lab .lab_item_box ul li a:hover{ text-decoration: none; color:#fff; }
#container_lab .lab_item_box ul li a:visited{ text-decoration: none; color:#fff; }
#container_lab .lab_item_box ul li a .indicator-block{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #f00; }
#container_lab iframe.lab_iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 97%; border: 0px; overflow: hidden; z-index: 450; }
















/*WORK SECTION*//*"interface aktiv-grotesk-std nimbus-sans-extended"*/
#container_work{ position: relative;  overflow: hidden;  width: 100%; height:100%; color: #eee; }
/*#container_work .section_header_work{ display: none;  position: fixed; font-weight: 700; font-size: 16px; padding:20px; color: #acacac;  }*/

#container_work #work_content{ position: relative; z-index: 1001; overflow: hidden; width:100%; /*height: 100%;*/ /*padding-top: 60px;*/ }
#container_work #work_content .work_item{ /*overflow:hidden; */  width:100%;  margin:0 auto;  height: 144px; background-color:#f0f; margin-bottom: 0px; border-bottom: 1px solid #111; }
#container_work #work_content .work_item .work_item_main_header{   cursor: pointer; width:95%; height: 100%; min-width: 700px; margin:0 auto; line-height:1.75; font-family: "nudista-web" , sans-serif; font-weight: 100; font-size: 80px; text-align: center; }

#container_work #work_view{  overflow: hidden; background-color: #1e1e1e;  position: absolute; /*width:102%;*/ width:100%; min-width: 600px; height: 100%; /*padding-left: 20px;*/  margin-bottom: 60px;   }
#container_work #work_view .work_title{  position: absolute; top: 0px; z-index: 10; background: url(../img/smoke.png) repeat; padding: 14px 0 4px 30px;  min-width: 600px; width: 98%;  line-height: 1.2; font-size: 30px; color:#eee;  }
#container_work #work_view .work_title span.client{  color: #fff; border-right: 1px dotted #fff; padding-right: 15px; margin-right: 15px; font-size: 30px; }

#container_work #work_view .work_content{  position: relative; cursor: default!important;  min-width: 600px;  width:100%; padding-top: 70px; padding-bottom: 100px; margin:0 auto; }
#container_work #work_view .work_content .work_description{ margin-top: -15px;  padding: 50px 0; background-color: #222; }
#container_work #work_view .work_content .client_company{ font-size: 12px; margin-top: 15px; }
#container_work #work_view .work_content .work_technology{ margin-top: 15px; margin-bottom: 15px; font-size: 12px; }
#container_work #work_view .work_content .work_technology .tech_headline{ color: #aaa;  }
#container_work #work_view .work_content .work_technology ul{ list-style-type: none; padding: 0px; margin: -5px 0 0 0; }
#container_work #work_view .work_content .work_technology ul li{ padding: 0px; margin: 0px; display: inline-block; padding: 5px 5px 0 0; /*font-size: 12px;*/ color: #aaa;   }
#container_work #work_view .work_content .screengrab{ margin-top: 55px;  }
#container_work #work_view .work_content .screengrab img{ width: 100%; }
#container_work #work_view .work_content .vidscreen{ margin-top: 55px; height: 100%; overflow: hidden; }
#container_work #work_view .work_content .divider{ max-width: 90%; margin: 0 auto; border-bottom: 1px dotted #444; padding-bottom: 10px;  }
#container_work #work_view .work_close_btn{ cursor: pointer; font-family: "aktiv-grotesk-std",sans-serif;  margin-right: 20px; font-size: 20px; right:2%; width: 60px;  height: 45px; padding: 5px 0 0 0; text-align: center; background: url(../img/smoke.png) repeat; }


.tout{ margin-top: 15px; color: #ffcc00; font-family: "chaparral-pro",sans-serif; font-size: 12px;  }
.width_limiter{ max-width: 900px; margin: 0 auto; padding: 0 5%; }
.bold-type{ font-weight: 500; }
.light_text{ font-family: "nudista-web" , sans-serif; font-weight: 100; }
.bold_text{ font-family: "bebas-neue",sans-serif; }
.header_line_spacing{ line-height: 1.5; }
.emph{ font-weight: 500; color: #777; font-family: "bebas-neue",sans-serif; margin-right: 5px; }
.border-content{ border: 5px solid #333; }
.col_a{ width: 70%;  }
.col_b{ width: 30%;  }
.col_info{ padding-right: 35px; }

.red{ border: 1px solid red; }
.green{ border: 1px solid green; }
.blue{ border: 1px solid blue; }



















































/*INFO SECTION*/
#container_info{/* position: relative;*/ width: 100%; height: 100%; overflow:hidden; min-width:750px; }
#container_info .section_a{ position: relative; width:100%; height: 0px; background-color: #fff; /* background-image: url('../img/secondary_nav_bg_chk_sm.png');*/  }
#container_info .section_a #info_title{ font-size:40px; letter-spacing:0px; width:100%; color:#333; /*color:#F50C81;*/ font-weight: 700; font-style: normal; font-family: "runda",sans-serif;/* width:50%;*/ margin: 0 auto; text-align: center; padding-top:50px; }
#container_info .section_a #info_content{  max-width: 650px; margin: 0 auto; }
#container_info .section_b{ /*position: relative;*/ width:100%; /*height: 0px;*/ /*background-color: #fff;*/ /* background-image: url('../img/secondary_nav_bg_chk_sm1.png');*/ }
/*#container_info .section_b #info_content .info_content_header{ border: 1px solid #000; }*/
#container_info .section_b #info_content .info_content_body{/* border: 1px solid #ff0;*/  color:#fff; font-weight: 400;  font-family: "runda", sans-serif; font-style: normal; font-size:14px; padding-top:30px; max-width:750px;  margin: 0 auto; }
#container_info .section_a #info_content .info_content_body div.a{ width:50%; }
#container_info .section_a #info_content .info_content_body div.b{ width:50%; }
#container_info .showObjClass{ position: absolute; width: 200px; height: 200px; background-color: #fff; /*border-top:1px solid #f00;*/ text-align:left; }
#container_info .socialbox{ position: absolute; top: 0%; left:450px; width:100px; height: 100px; background-image: url('../img/secondary_nav_bg_chk_sm1.png'); }
#container_info #water_container{  position: absolute; top:0px; width:100%; }
#container_info #water_container canvas{  /*background-color: #000;*/   }