@font-face{
font-family:'copystructnormal';
src:url('fonts/copyn__-webfont.eot');
src:url('fonts/copyn__-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/copyn__-webfont.woff') format('woff'),url('fonts/copyn__-webfont.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}

html{font-size:100.01%;height:100%;width:100%;border:0;padding:0;margin:0;} 
body{font-size:.750em;font-family:trebuchet ms,arial,verdana;color:#fff;margin:0;padding:0;text-align:center;background:#333;height:100%;width:100%;border:0;}
a img, img{margin:0;padding:0;border:0;}
a{color:#fff;outline:none;text-decoration:underline;transition:background-color 0.3s ease, color 0.2s ease;}
a:hover{color:#fff;text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right !important;}
hr,.noScreen{display:none !important;}
.break{display:block !important;}
fieldset{padding:0;margin:0;border:0}
.nowrap{white-space:nowrap !important;}
.textRight{text-align:right !important;}
.rel{position:relative;}
ul li{list-style-type:none}
input,button,textarea{font-family:arial;font-size:12px;}
input:focus,button:focus,textarea:focus{outline:none;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary, video {display: block;padding:0;margin:0;}

.overflowHidden{overflow:hidden;}

#page{
width:100%;
margin:0 auto;
text-align:left;
position:relative;
overflow:hidden;        
}

/*-- header --*/
#header{
width:100%;
height:73px;
background:url(../gfx/header-bg.png) no-repeat center top;
position:fixed;
top:0;
left:0;
z-index:2000;
}
#header > .in{
width:988px;
height:50px;
position:relative;
margin:0 auto;
}
#header p.mail a{
width:21px;
height:16px;
display:block;
text-indent:-9999px;
background:url(../gfx/icons.png) no-repeat;
position:absolute;
top:16px;
right:20px;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
#header p.mail a:hover{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
.logo {
font-size:11px;
text-transform:uppercase;
text-align: center;
font-size: 14px;
padding-top: 16px;
font-family:'copystructnormal';
width: 280px;
display: block;
margin: 0 auto;
background: url(../gfx/menu-circle.png) no-repeat 123px 13px;
}

/*-- menu --*/
#menu{
font-size:11px;
text-transform:uppercase;
position: absolute;
right: 50px;
top: 0px;
font-family:'copystructnormal';
}
#menu li{
display:inline-block;
}
#menu li a{
color:#fff;
text-decoration:none;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
display:inline-block;
height:50px;
line-height:50px;
padding:0 16px;
}
#menu li a:hover{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
/*#menu li:first-child a{
background:url(../gfx/menu-circle.png) no-repeat right 13px; 
}*/
/*-- /menu --*/

.mail a{
width:21px;
height:16px;
background:url(../gfx/icons.png) no-repeat;
display:block;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}
/*-- /header --*/

/*-- content --*/
#content{
width:100%;
margin:0;
line-height:1.5;
background:url(../gfx/content-bg.png);
position:relative;
}
#contentTop{
display:block;
width:100%;
height:96px;
background:url(../gfx/content-top.png) no-repeat;
position:absolute;
top:-96px;
left:0;
z-index:1000;
}
.techniques{
width:100%;
background:url(../gfx/shadow-bg.png) repeat-x left bottom;
}
.techniques ul{
width:988px;
margin:0 auto;
font-size:14px;
padding:40px 0 50px;
font-family:'copystructnormal';
}
.techniques li{
float:left;
padding:0 19px;
}
.techniques li a{
width:272px;
height:390px;
padding:10px 15px 0 17px;
background:url(../gfx/technique-bg.png) no-repeat;
display:block;
float:left;
text-align:center;
position:relative;
color:#fff;
text-decoration:none;
color:#8c8c8c;
transition:background-color 0.3s ease, color 0.2s ease;
}
.techniques li a:hover{
color:#fff;
}
.techniques li a img{
width:272px;
height:349px;
margin:0 0 16px;
opacity:0.8;
-webkit-opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
}
.techniques li a:hover img{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
/*-- /content --*/


/*-- supersized slideshow --*/
#supersized-loader{
position:absolute;
top:50%;
left:50%;
z-index:0;
width:60px;
height:60px;
margin:-30px 0 0 -30px;
text-indent:-999em;
background:url(../gfx/progress.gif) no-repeat center center;
}
#supersized{
display:block;
position:absolute;
left:0;
top:0;
overflow:hidden;
z-index:-999;
height:100%;
width:100%;
}
#supersized img{
width:auto;
height:auto;
position:relative;
display:none;
outline:none;
border:none;
}
#supersized.speed img{
-ms-interpolation-mode:nearest-neighbor;
image-rendering: -moz-crisp-edges;
}
#supersized.quality img{
-ms-interpolation-mode:bicubic;
image-rendering:optimizeQuality;
}
#supersized li{
display:block;
list-style:none;
z-index:-30;
position:absolute;
overflow:hidden;
top:0;
left:0;
width:100%;
height:100%;
background:#111;
}
#supersized a{
width:100%;
height:100%;
display:block;
}
#supersized li.prevslide{
z-index:-20;
}
#supersized li.activeslide{
z-index:-10;
}
#supersized li.image-loading{
background:#111 url(../gfx/progress.gif) no-repeat center center;
width:100%;
height:100%;
}
#supersized li.image-loading img{
visibility:hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img{
display:inline;
}
/*-- /supersized slideshow --*/

#textContent{
padding:0;
width:100%;
z-index:500;
margin:0;
overflow:visible;
}
#actualBox{
position:relative;
width:100%;
height:305px;
overflow:hidden;
}
#actual{
margin:0;
width:100%;
padding:40px 0 0;
overflow:auto;
background:url(../gfx/actual-bg.jpg);
position:relative;
z-index:100;
}
#actualBox .shadow{
width:100%;
height:6px;
display:block;
position:absolute;
left:0;
z-index:200;
}
#actualBox .shadowTop{
top:-5px;
background:url(../gfx/actual-shadow-top.png) no-repeat center top;
}
#actualBox .shadowBot{
bottom:-5px;
background:url(../gfx/actual-shadow-bot.png) no-repeat center top;
}
#actual h2{
padding:0 0 24px 40px;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
font-family:'copystructnormal';
font-size:14px;
font-weight:normal;
}
#textContent .content-wrapper{
overflow:hidden;
}
.news{
float:left;
width:240px;
min-height:150px;
padding:0 40px 0px;
line-height:1.8;
font-size:12px;
color:#797979;
background:url(../gfx/news-separator.png) no-repeat 0 center;
margin:0 0 40px;
}
.news:first-child{
background:none;
}
.news .image{
float:left;
width:80px;
height:80px;
margin:4px 12px 0 0;
}
.news h3{
font-size:14px;
font-weight:normal;
color:#fff;
padding:0 0 8px;
line-height:1.5;
}
.news a{
color:#797979;
}
.news a:hover{
color:#fff;
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
width:auto;
margin-right:30px;
overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
width:16px;
height:100%;
top:0;
right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
position:absolute;
top:0;
left:0;
bottom:0;
right:0; 
height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
height:100%;
margin:0 auto;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:relative;
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
top:100%;
margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
height:auto;
margin-right:0;
/*margin-bottom:50px;*/
overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-right:0;
margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:0;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:1px;
margin:14px 0 0;
/*background:#000; */
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:16px;
margin:0 auto;
background:#a1a1a1;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
display:none;
position:relative;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
margin-left:-40px;
float:right;
}
.mCustomScrollBox{
-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

#about{
background:url(../images/bg-white.png) no-repeat center top;
margin:-18px 0;
}
#about .container{
padding:40px 0 50px;
}

#accordion{

}
#accordion > li{
display:block;
background:url(../gfx/accordion-separator.png) no-repeat center top;
}
#accordion > li .text{
display:none;
width:100% !important;
font-size:14px;
}
#accordion > li .active .text{
display:block;
}
#accordion > li .text .in{
color:#ddd;
padding:0 40px 10px 70px;
line-height:1.8;
}
#accordion > li h2.item{
font-weight:normal;
font-size:14px;
}
#accordion > li h2.item a{
display:block;
color:#fff;
text-decoration:none;
font-size:14px;
padding:27px 40px 23px 70px;
transition:background-color 0.3s ease, color 0.2s ease;
background:url(../gfx/icon-plus.png) no-repeat 40px 31px;
font-family:'copystructnormal';
}
#accordion > li h2.item a:hover{
color:#666; 
}
#accordion > li h2.item a.active{
background:url(../gfx/icon-plus.png) no-repeat 40px -69px;
color:#999;
}
#accordion ul.submenu{
margin:0 !important;
}
#accordion ul.submenu li{
background:none !important;
padding:0 !important;
}
#accordion .submenu li .text{
display:none;
width:100% !important;
font-size:14px;
}
#accordion .submenu li .active .text{
display:block;
}
#accordion .submenu li h2.itemSub{
padding:0 !important;
font-weight:normal;
}
#accordion .submenu li h2.itemSub a{
display:block;
color:#fff;
text-decoration:none;
font-size:14px;
padding:10px 40px 23px 30px;
transition:background-color 0.3s ease, color 0.2s ease;
background:url(../gfx/icon-plus.png) no-repeat 0px 15px;
font-family:'copystructnormal';
}
#accordion .submenu li h2.itemSub a:hover{
color:#666;
}
#accordion .submenu li h2.itemSub a.active{
background:url(../gfx/icon-plus.png) no-repeat 0px -85px;
color:#999;
}

#accordion li p{
padding:0 0 16px;
margin:0;
}
#accordion li h3{
font-size:16px;
font-weight:bold;
color:#fff;
padding:0 0 14px;
text-transform:uppercase;
}
#accordion li h4{
font-size:14px;
font-weight:bold;
color:#999;
padding:0 0 4px;
}
#accordion .text ul{
margin:0 0 10px;
}
#accordion .text ul li{
padding:0 0 6px 23px;
background:url(../gfx/li.png) no-repeat 3px 11px;
}
#accordion ul.submenu ul li{
padding:0 0 6px 23px !important;
background:url(../gfx/li.png) no-repeat 3px 11px !important;
}

.gallery{
width:100%;
text-align:center;
padding:20px 0 60px;
background:url(../gfx/shadow-bg.png) repeat-x left bottom;
position:relative;
overflow:hidden;
}
.galleryNav{
margin:0 auto;
text-align:center;
font-family:'copystructnormal';
font-size:12px;
padding:0 0 20px;
}
.galleryNav li{
display:inline-block;
}
.galleryNav li a{
color:#fff;
text-decoration:none;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
display:inline-block;
height:50px;
line-height:50px;
padding:0 16px;
}
.galleryNav li a:hover,.galleryNav li a.active{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
#lightbox {
width:100%;
height:100% !important;
position: fixed;
background: #000;
top: 0px;
left: 0px;
height: 0px;
display: block;
opacity: 0.9;
z-index: 1000;	
}
.navBox{
position:relative;
z-index:4000;
}
.layer{
background:transparent;
width:80%;
height:100%;
position: fixed;
top:0;
left:10%;
z-index:5000;
overflow:hidden;
}

.detailNav{
width:100%;
/*background:url(../gfx/detail-nav-bg.png) no-repeat left top;*/
padding:42px 0 15px;       
position:absolute;
position: fixed;
bottom:0;
left:0;
text-align:left;
font-size:14px;
}
.detailNav .in{
padding:0 60px;
text-align:center;
color:#999;
}
.detailNav .in p{
position:relative;
z-index:5000;
}
#i-inner{
position:relative;
z-index:1010;
}
#i-inner .navigation{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:8000;
}
#i-inner .navigation li{
float:left;
padding:0 0 0 25px;
}
#i-inner .navigation li a{
display:block;
text-indent:-9999px;
float:left;
background:url(../gfx/icons.png) no-repeat;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
z-index:5000;
}
#i-inner .navigation li a:hover{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
#i-inner .navigation li a.prev{
height:30px;
width:45px;
background:url(../gfx/gallery-arrows.png) no-repeat 0 0;
position:absolute;
top:50%;
margin-top:-30px;
left:10px;
}
#i-inner .navigation li a.next{
height:30px;
width:45px;
background:url(../gfx/gallery-arrows.png) no-repeat right 0;
position:absolute;
top:50%;
margin-top:-30px;
right:10px;
}
#i-inner .navigation li a.resize{
height:17px;
width:18px;
background-position:0 -56px;
}
/*#i-inner .navigation li a.share{
height:18px;
width:24px;
background-position:0 -73px;
position:absolute;
bottom:20px;
right:18px;
}*/
#i-inner .navigation li a.share {
opacity: 0.5;
}
#i-inner .navigation li a.share:hover {
opacity: 1;
}
#i-inner .navigation li a.share.facebook{
height:20px;
width:20px;
position:absolute;
bottom:20px;
right:75px;
background: url(../gfx/facebook.png) top left no-repeat;
overflow: hidden;
text-indent: -9999px;
}
#i-inner .navigation li a.share.google{
height:20px;
width:20px;
position:absolute;
bottom:20px;
right:45px;
background: url(../gfx/google.png) top left no-repeat;
overflow: hidden;
text-indent: -9999px;
}
#i-inner .navigation li a.share.twitter{
height:20px;
width:20px;
position:absolute;
bottom:20px;
right:15px;
background: url(../gfx/twitter.png) top left no-repeat;
overflow: hidden;
text-indent: -9999px;
}
#i-inner .navigation li a.close{
height:20px;
width:20px;
background-position:0 -91px;
position:absolute;
top:20px;
right:20px;
}

.bio{
height:320px !important;
width:100%;
padding:0 !important;
}
.bio img{
float:left;
height:320px !important;
position:relative !important;
}
.bioTitle{
position:absolute;
bottom:10px;
left:40px;
z-index:1000;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}

/*-- footer --*/
#footer{
width:100%;
height:65px;
background:url(../gfx/footer-bg.png) repeat-x left top;
}
#footer p{
padding:22px 20px 0 0;
text-align:right;
color:#676767;
}
#footer p a{
color:#fff;
text-decoration:none;
}
#footer p a:hover{
text-decoration:underline;
}
#footer .xpro{
width:16px;
height:16px;
display:inline-block;
background:url(../gfx/icon-xpro.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
text-align:left;
position:relative;
bottom:-3px;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
}
#footer a:hover.xpro{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
/*-- /footer --*/

/*-- dubraSlider --*/
.dubraSlider{
position:relative;
}
.dubraSlider .dubraSlide{
display:block;
text-align:center;
float:left;
text-align:left;
position:relative;
}
.dubraSliderInner{
position:relative;
}
.dubraSlider .dubraSlide a{
position:absolute;
}
.dubraSliderTL{
opacity:0.5;
}
.dubraSliderTR{
opacity:0.5;
}
.dubraSliderTC{
opacity:1;
}
.zoomContainer{
z-index:2000 !important;
}

.dubraSliderClickLeft,.dubraSliderClickRight{
background:red;
position:absolute;
top:0;
display:block;
height:100%;
width:150px;
background:url(../gfx/gallery-arrows.png) no-repeat 0 center;
opacity:0.5;
-webkit-opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
text-indent:-9999px;
}
.dubraSliderClickLeft{
left:0;
}
.dubraSliderClickRight{
right:0;
background:url(../gfx/gallery-arrows.png) no-repeat right center;
}
a:hover.dubraSliderClickLeft,a:hover.dubraSliderClickRight{
opacity:1;
-webkit-opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
#slideTrigger {
display: none;
/*
width: 80%;
height: 800px;
opacity: 0.5;
position: absolute;
left: 10%;
top: 80px;
*/
}
#slideLoupe {
display: none;
/*
width: 60px;
height: 60px;
position: absolute;
top: 50%;
left: 50%;
opacity: 0.5;
margin-top: -30px;
margin-left: -30px;
text-indent:-9999px;
background:url(../gfx/seemore.png) no-repeat;
*/
}
#loading {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
position:fixed;
left: 0px;
top: 0px;
z-index: 3000;
}
#loading img {
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
}
.col {
clear:both;
padding-top:0px;
}
.col p {
padding-right: 30px !important;
}

.col img, #flash {
float: left;
margin:6px 20px 10px 0;
}