@charset "utf-8";

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

body {background:#000;font:1.2em/1.4em Arial;color:#fff;}

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

p, h2, h3 {margin-bottom:15px;}
h3 {font-weight:bold;}
h2, h5 {font:bold 1.8em/1.4em Arial;}
ul li {list-style:none;}
address {font-style:normal;}
.comment {font-style:italic;color:#666;background:url(../img/bulb.gif) 126px 1px no-repeat;padding-left:152px;}
.brick {font-weight:bold;background:url(../img/i-brick.gif) 1px 2px no-repeat;padding-left:20px;margin-bottom:25px;}
.strike {text-decoration:line-through;}

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

a.pseudolink, a.pseudolink:link, a.pseudolink:visited, a.pseudolink:active, a.pseudolink:hover {text-decoration:none;}
a.pseudolink em {font-style:normal;border-bottom:1px solid #a4c0d7;}
a.pseudolink:hover em {border-bottom:1px solid #ccc;}
.pldashed, .bordered {text-decoration:none !important;border:none !important;}
.pldashed em, .bordered {font-style:normal;border-bottom:1px dotted #a4c0d7;text-decoration:none;}
.pldashed:hover, .bordered:hover {text-decoration:none;border:none !important;}
.pldashed:hover em, .bordered:hover em {border-color:#ccc;text-decoration:none;}

.switch {cursor:pointer;color:#a4c0d7;border-bottom:1px dotted #a4c0d7;text-decoration:none;}
.switch:hover {color:#ccc;border-bottom:1px dotted #ccc;}

#page {position:relative;padding-bottom:270px;}

#header {position:relative;padding:0px 35px;height:55px;min-width:920px;z-index:2;}

#logo {width:150px;height:39px;float:left;position:absolute;}
#logo a {display:block;width:1px;height:1px;overflow:hidden;padding:39px 0px 0px 150px;background:url(../img/logo.png) 0px 15px no-repeat;}

#navigation {padding:15px 0px 0px 160px;} 

#navigation li, 
.nav-panel li, 
.nav-panel a, 
.no, 
#social li, 
#social a, 
#home .pldashed,
.th-scroll
{display:-moz-inline-stack;display:inline-block;*display:inline;}

.no {color:#fff;width:1px;height:1px;overflow:hidden;background:url(../img/navigation.png) no-repeat;border:none !important;}

.close {position:absolute;top:5px;right:35px;padding:23px 0px 0px 24px !important;background-position:0px -2px;}
.close:hover {background:url(../img/navigation.png) 0px -33px no-repeat !important;}

.nhome {background-position:-50px 0px;padding:25px 0px 0px 25px;}
.nhome:hover {background-position:-50px -31px;}
.nportfolio {cursor:pointer;background-position:-75px 0px;padding:25px 0px 0px 78px;}
.nportfolio:hover {background-position:-75px -31px;cursor:pointer;}
.nresume {background-position:-153px 0px;padding:25px 0px 0px 57px;}
.nresume:hover {background-position:-153px -31px;}
.ncontact {background-position:-210px 0px;padding:25px 0px 0px 56px;}
.ncontact:hover {background-position:-210px -31px;}

.nenglish {float:right;position:absolute;right:26px;top:15px;background-position:-266px 0px;padding:25px 0px 0px 54px;}
.nenglish:hover {background-position:-266px -31px;}

.nav-panel {position:absolute;top:55px;left:0px;width:100%;background:url(../img/black50.png);padding:5px 0px 7px;display:none;}
.nav-panel li {padding:0px 4px;}
.nav-panel a, .nav-panel a:visited {padding:3px 5px;color:#fff;text-decoration:none;border:none;}
.nav-panel a b {border-bottom:1px solid #fff;}
.nav-panel a:hover, .nav-panel .active {color:#fff;background:#000;padding:3px 5px;border:none;}
.nav-panel a:hover b, .nav-panel .active b {border:none;}
.nav-panel .first {margin-left:224px;}

.browser {position:relative;left:-6px;width:612px;margin-bottom:10px;background:url(../img/bg-safari-border.gif) 0px 0px repeat-y;}
.browser span {display:block;width:612px;height:16px;padding:16px 0px 0px 102px;background:url(../img/bg-safari-window.gif) 0px 0px no-repeat;color:#888;font:0.75em/1.3em "Trebuchet MS";}
.browser img {display:block;padding:0px 6px 19px;margin:0px;background:url(../img/bg-safari-bottom.gif) 0px 100% no-repeat;}

#container {min-width:990px;min-height:480px;overflow:hidden;position:relative;background:#929192;z-index:1;}
#content {background:url(../img/bg-smoke.jpg) 0px -30px no-repeat;width:6000px;min-height:480px;position:relative;}

.section {width:1200px;float:left;padding:40px 35px 35px;}
.bg-text {background:url(../img/black50.png);padding:15px 15px 5px;margin-bottom:15px;}

#home .bg-text {width:370px;margin:0px;}
#home .bg-text .pldashed {padding-left:17px;background:url(../img/mail.gif) 2px 5px no-repeat;}
#home .cmon {padding:10px 15px 15px;background:url(../img/black30.png);width:370px;color:#888;}
#home abbr {border-bottom:1px dotted #4c4c4c;}

#message {position:absolute;top:8px;left:527px;width:411px;height:340px;overflow:hidden;}
#message #ov {position:absolute;z-index:4;top:0px;left:0px;}
#message #xo {position:relative;z-index:3;top:-350px;background:url(../img/message.png) no-repeat;padding:78px 30px 64px 28px;width:353px;height:186px;}

#resume .bg-text {width:440px;}
#resume ul {margin-bottom:15px;position:relative;left:0px;}
#resume ul li {background:url(../img/bullet.gif) 1px 7px no-repeat;padding-left:13px;}

#contact .bg-text {width:330px;}
#contact address {padding-bottom:25px; font-size:2.2em;}

#social {position:absolute;top:360px;left:32px;z-index:3;background:#000;width:400px;height:30px;overflow:hidden;}
#social li {float:left;}
#social a {width:1px;height:1px;overflow:hidden;float:left;background:url(../img/social.jpg) no-repeat;}
#social .lj {background-position:0px 0px;padding:30px 0px 0px 143px;}
#social .lj:hover {background-position:0px -30px;}
#social .fl {background-position:-143px 0px;padding:30px 0px 0px 69px;}
#social .fl:hover {background-position:-143px -30px;}
#social .tw {background-position:-212px 0px;padding:30px 0px 0px 84px;}
#social .tw:hover {background-position:-212px -30px;}
#social .fb {background-position:-296px 1px;padding:30px 0px 0px 92px;}
#social .fb:hover {background-position:-296px -29px;}
#social .vk {background-position:-391px 2px;padding:30px 0px 0px 114px;}
#social .vk:hover {background-position:-391px -28px;}
#social .la {background-position:-506px 2px;padding:30px 0px 0px 75px;}
#social .la:hover {background-position:-506px -28px;}
#social .li {background-position:-584px 1px;padding:30px 0px 0px 87px;}
#social .li:hover {background-position:-584px -29px;}
#social .ff {background-position:-673px 1px;padding:30px 0px 0px 109px;}
#social .ff:hover {background-position:-673px -29px;}
#social .dl {background-position:-784px 2px;padding:30px 0px 0px 98px;}
#social .dl:hover {background-position:-784px -28px;}
#social .gg {background:none;padding:9px 0px 5px 7px;width:80px;height:16px;}

.footer {background:url(../img/bg-trees-01.png) 0px 0px repeat-x;height:413px;width:100%;z-index:2;position:absolute;bottom:0px;left:0px;}
.footer-in {background:url(../img/bg-trees-02.jpg) 0px 112px repeat-x;height:291px;padding-top:112px;}
.copyright {text-align:right;position:absolute;top:370px;right:35px;z-index:2;}
.copyright a:link, .copyright a:visited, .copyright a:active {text-decoration:none;color:#fff;border-bottom:1px dotted #4c4c4c;}
.footer img {position:absolute;top:315px;right:223px;z-index:1;filter:alpha(opacity=0);-khtml-opacity:0.0;opacity:0.0;}

#more {position:absolute;top:367px;left:437px;}
#hide {position:absolute;top:366px;left:930px;z-index:3;display:none;}

#bportfolio #header {background:#000;}
#bportfolio .nav-panel {display:block;}
#bportfolio .nav-panel a b {border-bottom:1px solid #fff;}
#bportfolio .nav-panel a:hover b, #bportfolio .nav-panel .active b {border:none;}
#bportfolio .nportfolio:hover {background-position:-75px 0px;cursor:default;}

.bp-resume #nav-portfolio {display:none;}
.bp-resume .nportfolio:hover  {background-position:-75px -31px !important;cursor:pointer !important;}
.bp-resume .nresume:hover {cursor:pointer;}
.bp-resume #nav-resume .first {margin-left:284px;}
.bp-resume #nav-resume .pdf {padding-left:26px;background:url(../img/i-pdf.png) 4px 4px no-repeat;}
.bp-resume #nav-resume .pdf:hover {background-color:#000;}

.bp-white {background:#fff;color:#000;}
.bp-white #page a, .bp-white #page a:link, .bp-white #page a:visited, .bp-white #page a:active {color:#144DA1;}
.bp-white #page a:hover {color:#A32E01;}
.bp-white #page .pldashed em {border-color:#144DA1;}
.bp-white #page .pldashed:hover em{border-color:#A32E01;}
.bp-white #page .ct {text-align:center;}
.bp-white #page #up {background:url(../img/up.png) 13px 0px no-repeat;padding:90px 0px 80px 0px;text-align:center;width:77px;display:block;margin:0px auto;}
.bp-white .tinymenu {text-align:center;}

.bp-web {overflow-y:scroll;}
.bp-web #page {padding:60px 0px 50px 0px;width:930px; margin:0px auto;}
.bp-web #fullwork {float:left;padding-right:25px;width:600px;}
.bp-web #fullwork address {margin-bottom:15px;color:#aaa;}
.bp-web #fullwork dl {width:560px;background:#EEE;padding:20px;margin-bottom:15px;}
.bp-web #fullwork dt {float:left;width:132px;}
.bp-web #fullwork dd {float:left;width:425px;}
.bp-web #fullwork dd ul {width:260px;font-weight:bold;float:left;}
.bp-web #fullwork .year {float:right;text-align:right;}
.bp-web #fullwork .year em {font-style:normal; color:#999;}
.bp-web #fullwork .more {background:none;}
.bp-web #works {float:right;width:300px;}
.bp-web #works .th-scroll {font-size:24px;color:#144DA1;cursor:pointer;padding:13px 12px 18px;float:left;}
.bp-web #works .th-scroll:hover {color:#A32E01;background:#efefef;}
.bp-web #works .uarr {border-right:1px solid #eee;margin-left:12px;}
.bp-web #works #loading {padding:10px;}

.bp-other #page {padding:60px 0px 50px 0px;width:930px;margin:0px auto;}
.bp-other #page ul li {margin-bottom:70px;}
.bp-other #page .comment {background:url(../img/bulb.gif) 1px 1px no-repeat;padding-left:25px;}
.bp-other #page h5 {margin-bottom:20px;}

.bp-photo #page {padding:60px 35px 50px 35px;}
.bp-photo .nav-panel {background:none;background-color:#121212;}
.bp-photo address {display:none;}

#thumbs {overflow:hidden;height:293px;border-bottom:1px solid #eee;}
#thumbs li {padding:10px 10px 12px;widht:280px;float:left;height:75px;border-bottom:1px solid #eee;}
#thumbs li.last {border:0px;}
#thumbs a {float:left;width:85px;text-decoration:none;}
#thumbs a img {padding:1px;border:1px solid #fff;}
#thumbs a:hover img {border:1px solid #ccc;}
#thumbs a strong {position:relative;top:-75px;left:85px;text-decoration:underline;white-space:nowrap;cursor:pointer;}
#thumbs p {font:0.9em/1.3em Arial;color:#7c7c7c;padding-top:25px;margin:0px;}
#thumbs .active {background:#000;border-bottom:1px solid #000;}
#thumbs .active p {color:#B0B0B0;}
#thumbs .active a img {background:#fff;}
#thumbs .active a strong {text-decoration:none;color:#fff;}
#thumbs .active a, #thumbs .active a:link, #thumbs .active a:visited, #thumbs .active a:active, #thumbs .active a:focus {text-decoration:none;color:#fff;}
#thumbs .active a img {border:1px solid #fff;cursor:default;}
#thumbs .active a:hover {color:#fff;cursor:text;}

#photos {margin-bottom:25px;width:100%;}
#photos, #photos * {float:left;display:block;}
#photos img {padding:4px;}

#filter {z-index:3;position:absolute;top:60px;left:600px;}
#filter li {float:left;border-right:1px solid #333;padding:3px 5px;}
#filter li.current {background:#000;}
#filter li.current .switch {border:0px;cursor:text;}
#filter li:last-child {border:0px;}
#filter .switch, #filter .switch:hover {color:#fff;border-color:#fff;text-decoration:none;}
#filter li:hover {background:#000;}
#filter li:hover .switch {border:0px;}

.resume {margin-bottom:70px;}
.resume h1 {font: bold 3.2em/1.3em Arial;}
.resume h2 {font: bold 1.8em/1.4em Arial;color:#a1a1a1;}
.resume h3 {font: bold 1.8em/1.3em Arial;margin:0px;}
.resume ul {margin-bottom:15px;}
.resume li {margin:0px !important;} 
.resume .r-header {float:left;width:100%;position:relative;}
.resume .r-header .contact {padding-top:9px;}
.resume .r-header .r-print {position:absolute;left:620px;top:9px;padding:3px 3px 3px 26px;background:url(../img/i-printer.png) 4px 5px no-repeat;}
.resume .col50 {width:380px;padding-right:20px;float:left;}
.resume .gray {color:#828282;}
.resume .works .company {margin:0px;}
.resume .r-scnd h3 {margin-bottom:15px;}

#resume-print {display:none;}

#error div {background:#000 url(../img/404.jpg) no-repeat;width:754px;height:526px;margin:0px auto;position:relative;}
#error #logo {left:38px;top:75px;}
#error #navigation {position:absolute;left:350px;top:130px;}
#error .pldashed {padding-left:17px;background:url(../img/mail.gif) 2px 5px no-repeat;position:absolute;left:550px;top:259px;}