@charset "utf-8";

html, body {width:100%;height:100%;font-size:62.5%;}

body {background:#121212;font:1.2em/1.4em Arial, Helvetica, sans-serif;color:#fff;position:relative;min-width:990px;min-height:770px;overflow-x:hidden;}

p, h2, h3, h4, .info ul, .info address {margin-bottom:15px;}
h3 {font-weight:normal;}
ul li {list-style:none;}
address {font-style:normal;}
.ct {text-align:center;}

*::selection {background:#199900;color:#fff;}
*::-moz-selection  {background:#199900;color:#fff;}

.clearfix {zoom:1;}
.clearfix:after {content:' ';clear:both;display:block;width:0;height:0;overflow:hidden;font-size:0;}

.preload{display:block;height:1px;width:1px;visibility:hidden;position:absolute;top:0;left:0;}

a:link, a:visited, a:active, a:focus {text-decoration:underline;color:#ccc;outline:none;}
a:hover {color:#fff;}

.pl, .pl:link, .pl:visited, .plb, .plb:link, .plb:visited, .lb, .lb:link, .lb:visited {text-decoration:none;}
.pl em, .plb em, .lb {border-bottom:1px dotted #a2a2a2;cursor:pointer;}
.pl:hover, .plb:hover, .lb:hover {text-decoration:none;border:none;}
.pl:hover em, .plb:hover em, .lb:hover {border-bottom:1px dotted #fff;}

.pdf {padding:0 0 2px 23px;background:url(../img/i-pdf.png) 3px 0px no-repeat;}

.button:link, .button:visited {padding:0 10px 0 23px;margin-right:2px;line-height:2.2em;color:#fff;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}

.gray-button:link, .gray-button:visited {background:#525252 url(../img/i-doc.png) 7px 6px no-repeat;}
.gray-button:hover {background-color:#696969;color:#fff;}

#contact address em, #footer img, .control span, .full ul li, #navigation ul a, #n-language, .button
{display:-moz-inline-stack;display:inline-block;}

.bg {position:absolute;left:0;top:0;width:100%;height:100%;min-height:770px;}
#blackhole {background:#121212 url(../img/bg-backtoblack.jpg) 50% 50px no-repeat;z-index:1;}
#blacklight {background:url(../img/bg-blacklight.jpg) 50% 0 no-repeat transparent;z-index:2;width:900px;height:568px;min-height:568px;left:50%;top:198px;margin-left:-450px;opacity:0.0;}
#sunn {z-index:2;width:100px;height:100px;min-height:100px;left:50%;top:305px;margin-left:-50px;}
#earth {background:#121212 url(../img/bg-earth.jpg) 50% 14px no-repeat;z-index:3;display:none;}
#error {background:#012c63 url(../img/bg-404.jpg) 0 0 no-repeat;z-index:2;}
#black {background:#000;z-index:3;display:none;}
#blackline {background:#000;z-index:3;display:none;top:120px;height:510px;min-height:510px;}

#header {position:absolute;z-index:4;top:300px;left:50%;margin-left:-500px;}

#head {width:114px;height:92px;overflow:hidden;background:url(../img/logo.png) 0 0 no-repeat;position:relative;}
#logo2, #l-photo {position:absolute;top:0;left:0;display:none;cursor:pointer;}
#l-photo {display:block;}

#navigation {margin:23px 0 0 -5px;font-size:0.9em;}
#navigation li {float:left;margin:0 -2px 0 0;position:relative;}
#navigation ul {display:none;position:absolute;top:30px;left:0;}
#navigation ul li {float:none;white-space:nowrap;}
#navigation span.plb {color:#ccc;}
#navigation span.plb:hover {color:#fff;}
#navigation .plb {padding:2px 5px 2px;float:left;}
#navigation .active, #navigation .active:hover {color:#fff;cursor:default;background:#000;}
#navigation .active em {border-color:#000;}
#navigation ul .plb {float:none;}

#n-contact {opacity:0.5;cursor:pointer;}
#n-contact:hover {opacity:1.0;}
#n-contact img {vertical-align:middle;}

#n-language {margin-top:21px;line-height:1.2em;}

#contact {float:left;position:absolute;top:465px;left:50%;margin-left:-510px;z-index:5;display:none;}
#contact address em{font-style:normal;background:#000;color:#fff;padding:5px 13px 7px;font-weight:bold;}
#status {position:absolute;top:40px;left:13px;display:none;}
#status em {color:#ccc;font-style:normal;line-height:35px;}
#status strong {font-weight:normal;white-space:nowrap;padding:5px 13px 7px;margin:15px 0 0 -13px;background:#777;}

#footer {position:absolute;bottom:30px;right:70px;z-index:4;}
#footer .igg {padding:4px;opacity:0.5;cursor:pointer;width:25px;height:25px;vertical-align:middle;}
#footer .cnt {position:absolute;right:107px;bottom:2px;background:#000;padding:6px 10px;display:none;}
#footer .active {opacity:1.0 !important;}
#footer .lb {color:#777;border-color:#777;margin-right:6px;}
#footer .lb:hover {border-bottom:1px solid #ccc;color:#fff;}
#star {font-size:11px;}

#love {right:54px !important;bottom:38px !important;padding:10px 5px;width:55px;}
#love .twitter-share-button{margin:0 auto 7px !important;}
#vk_like {margin:15px auto 20px !important;}
#fb_like {min-height:62px !important;margin:10px auto 13px 5px !important;}
.fb_ltr {width:45px !important;}
#g_plus {margin:3px 0 10px 3px;}

#copy, #star {white-space:nowrap;}

#home {position:absolute;left:0;top:0;width:100%;z-index:4;}

#about {position:absolute;width:623px;background:url(../img/bg-backtoblackhole.jpg) 50% 50px no-repeat;top:0;left:50%;margin-left:-311px;display:none;}
#about-design {float:right;}
#about h3 {font-weight:bold;}
#about h3 span {font-weight:normal;}
#text {width:352px;margin:0 auto;padding:143px 0 85px;}
#text dl {width:352px;margin:15px 0;}
#text dt {float:left;padding-right:3px;}
#text dd {float:left;}
.mmm {display:block;margin:0 auto 47px;width:37px;height:13px;background:url(../img/m.gif) 19px 0 no-repeat;}
.mmm:hover {background-position:19px -13px;}
.short{width:305px;}
.spec {border-bottom:1px solid #444;padding:15px 0;}
.spec div {float:left;}

#personal, #photo, #heresy, #concepts-stoprella-text  {position:absolute;z-index:4;display:none;}

.white {position:absolute;top:1px;bottom:1px;left:50%;z-index:4;background:#fff;color:#000;display:none;}

.container {margin:0;width:783px;overflow:hidden;}
.control span {width:1px;height:1px;padding:39px 0 0 39px;float:left;overflow:hidden;cursor:pointer;background:url(../img/arrows.gif) no-repeat;opacity:0.6;}
.control .prev {background-position:0 0;}
.control .next {background-position:-40px 0;}
.cvertical .prev {background-position:0 -40px;}
.cvertical .next {background-position:-42px -40px;}

.work {width:785px;float:left;}
.full {width:600px;padding:0 0 20px 0;margin:20px 15px 0px 20px;float:left;overflow:hidden;position:relative;}
.full img {margin:0;width:600px;display:block;}
.slides {width:600px;overflow:hidden;}
.slide {float:left;}
.full ul {position:absolute;bottom:20px;left:0;width:600px;text-align:center;font-weight:bold;font-size:85%;background:rgba(0,0,0,0.4);opacity:0.0;}
.full ul li {background:#121212;margin:0 4px 0 0;color:#666;padding:6px 8px 8px;cursor:pointer;border-bottom:1px solid #666;}
.full ul li:hover {background:#000;color:#ccc;}
.full .active, .full .active:hover {background:#000;cursor:default;border-color:#fff;color:#fff;}

.info {float:left;width:140px;margin-top:30px;color:#405f87;color:#fff;}
.info h4 {font-size:1.1em;font-weight:bold;margin-bottom:10px;}
.info .description {display:none;}
.info .year, .info .comment {color:#b8b8b8;}

#personal {top:515px;left:50%;margin-left:-130px;}
#alone {cursor:pointer;position:absolute;z-index:2;top:335px;left:50%;margin-left:96px;}
#trips {position:relative;top:89px;left:50%;margin-left:-372px;width:744px;height:500px;text-align:right;display:none;}
#trips .flag {display:none;}

#web {position:absolute;top:120px;height:500px;left:50%;margin-left:-330px;overflow:hidden;z-index:4;display:none;}
#web-works {width:17800px;float:left;}
#web-control {position:absolute;bottom:35px;left:620px;z-index:4;padding:0 0 0 20px;}
#web-control span {opacity:0.6;}

#identity {width:740px;height:630px !important;background:#000;bottom:auto;top:0;z-index:3;margin:50px 0 0 -373px;}
#identity .container {width:740px;padding:0;}

#logo-works {width:12000px;float:left;margin:0px 0 0 0;}
#logo-works li {padding:75px 0 65px;background:#fff;}
#logo-works img {margin:20px 0;width:740px;height:450px;}
#logo-thumbs {display:none;}
#logo-control {position:absolute;top:100px;left:30px;width:560px;z-index:4;padding:195px 60px;}
#lnext {float:right;}
.hole {width:740px;position:absolute;top:0;left:0;}
.hleft, .hright {float:left;height:638px;width:373px;background:url(../img/hole-left.png) 0 0 no-repeat;}
.hright {width:367px;background-image:url(../img/hole-right.png);}

#print {width:785px;margin:115px 0 0 -350px;height:auto !important;bottom:auto;top:0;}
#print-works {width:785px;float:left;}
#print-works img {display:block;margin:20px 20px 0 20px;width:740px;height:450px;}
#print-control {position:absolute;top:175px;right:-50px;z-index:5;width:40px;}
#print .container {height:490px;border-bottom:3px solid #fff;}

#graphics {display:none;}
#cl {position:absolute;z-index:3;background:#000;}
#cl div {position:absolute;left:0;top:0;width:100%;height:100%;background-position:50% -79px !important;z-index:1;opacity:0.0;filter:alpha(opacity=0);}
#cl .active {z-index:3;opacity:1.0;filter:alpha(opacity=100);cursor:pointer;}
#cl .last-active {z-index:2;}

#photography {position:absolute;top:140px;left:50%;margin-left:-300px;width:600px;z-index:4;display:none;}
#photos {padding:0;}
#photos, #photos * {float:left;display:block;}
#photos img {padding:4px;width:75px;height:75px;opacity:0.7;}

#photo a {border-color:#ccc !important;}
#photo a:hover {color:#fff;}

.bresume {background:#012c63;color:#000;font:1.25em/1.5em Helvetica, Arial;}
.bresume .orange-button {margin:0 0 60px 0;line-height:2.3em;}

#resume {width:840px;margin-left:-350px;overflow-y:scroll;z-index:5;}

.resume {width:820px;padding:35px 0 40px 0px;}
.resume h1 {font:bold 3.1em/1.3em Arial;letter-spacing:-0.02em;}
.resume h2 {font:bold 1.6em/1.4em Arial;color:#a1a1a1;letter-spacing:-0.02em;margin:0 0 30px 0;}
.resume h3 {font:bold 1.6em/1.3em Arial;margin:0px;letter-spacing:-0.02em;}
.resume ul {margin:0 0 40px 0;}
.resume li {margin:0px !important;}
.resume .low {margin:30px 0 10px 0;} 
.resume .r-header {float:left;width:100%;position:relative;margin:0 0 10px 0;}
.resume .contact {padding-top:9px;}
.resume .r-menu {position:absolute;left:640px;top:9px;width:150px;}
.resume .r-menu a {color:#666;}
.resume .r-menu a:hover {color:#ccc;}
.resume .r-print {padding:3px 3px 10px 23px;background:url(../img/i-printer.gif) 3px 5px no-repeat;}
.resume .pdf {background-image:url(../img/i-pdf-w.gif);margin:6px 0 0;display:inline-block;}
.resume .col50 {width:380px;padding-left:30px;float:left;}
.resume .gray {color:#828282;}
.resume .works .company {margin:0px;}
.resume .r-scnd h3 {margin-bottom:15px;}

#resume-print, #siteprint {display:none;}
#resume-close {font-size:1.6em;font-weight:bold;color:#666;position:absolute;right:0px;top:0px;cursor:pointer;}
#resume-close:hover {color:#ccc;}

#error h1 {font: bold 2.2em/1.3em Arial;letter-spacing:-0.02em;margin:40px 0 0 40px;}
#error p {margin:0 0 0 41px;}
#error p:last-child {margin:15px 0 0 41px;color:#405476;}