@-ms-viewport { width: device-width; }

@viewport { width: device-width; }

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

@font-face { font-family: "ITCAvantGardeGothic"; src: url(/fonts/itcava16.eot) format('embedded-opentype'), url(/fonts/itcava16.svg) format('svg'), url(/fonts/itcava16.ttf) format('truetype'), url(/fonts/itcava16.woff) format('woff'); }

@font-face { font-family: "HNLight"; src: url(/fonts/helveticaneuelight.eot) format('embedded-opentype'), url(/fonts/helveticaneuelight.svg) format('svg'), url(/fonts/helveticaneuelight.ttf) format('truetype'), url(/fonts/helveticaneuelight.woff) format('woff'); }

html, body { width: 100%; height: 100%; }

html, body, form { padding: 0; margin: 0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "HNLight", "Helvetica Neue", "Arial"; font-size: 1em; font-weight: 100; letter-spacing: 0.06em; color: #fcfcfc; }

body { -webkit-transition: background-color 1s ease-in-out; -moz-transition: background-color 1s ease-in-out; -o-transition: background-color 1s ease-in-out; transition: background-color 1s ease-in-out; background: #272727; }

body.change { background-color: #0f7ec2; }

h1, h2, h3, h4, h5, h6 { font-family: "ITCAvantGardeGothic", "Arial"; font-size: 1.4em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

form { display: inline; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

hr { float: left; display: block; height: 1px; border: 0; border-top: 1px solid #0f7ec2; margin: 1em 0; padding: 0; }
hr.header { width: 80px; margin: -0.8em 0 0 0; }

img { vertical-align: middle; }

canvas { -ms-touch-action: double-tap-zoom; }

input::-webkit-input-placeholder { color: #a4a4a4; font-style: italic; }

input:-moz-placeholder { color: #a4a4a4; font-style: italic; }

::-moz-selection { color: #fcfcfc; background: #0f7ec2; }

::selection { color: #fcfcfc; background: #0f7ec2; }

label { display: block; width: 150px; float: left; padding-top: 5px; }

input:not(.submit), textarea { padding: 5px; background-color: #D7D7D7; border: 1px solid #b0b1b1; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 3px 3px 5px #888888; -moz-box-shadow: inset 3px 3px 5px #888888; box-shadow: inset 3px 3px 5px #888888; }

#mq { position: absolute; top: 0; right: 0; background: #000; color: #fff; z-index: 999; font-size: 0.8em; display: none; }

.invisible { visibility: hidden; }

.hidden { display: none !important; visibility: hidden; }

.clear:before, .clear:after { content: " "; display: table; }

.clear:after { clear: both; }

.clear { *zoom: 1; }

.fleft { float: left; }

.fright { float: right; }

.tleft { text-align: left; }

.tright { text-align: right; }

img.left { float: left; margin: 0 15px 10px 0; }

img.right { float: right; margin: 0 0 10px 15px; }

.error, .success { color: #fcfcfc; background: #c20f0f; padding: 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; display: inline; }

.success { background: #0b8914; }

.chromeframe { position: fixed; bottom: 0; left: 0; padding: 10px; background: #0f7ec2; border-top: 1px solid #201e1e; z-index: 9999; width: 100%; opacity: 0.9; }
.chromeframe a:hover { color: #fcfcfc; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("/js/vendor/boxsizing.htc"); }

a { color: #201e1e; text-decoration: none; }
a:hover { color: #0f7ec2; }

i { display: inline-block; width: 16px; height: 16px; }
i.date { background: url("/img/icons/cal.png") left bottom no-repeat; }
i.comment { background: url("/img/icons/comment.png") left bottom no-repeat; }
i.author { background: url("/img/icons/author.png") left bottom no-repeat; }
i.cat { background: url("/img/icons/cat.png") left bottom no-repeat; }

.btn { border: 1px solid #b0b1b1; color: #201e1e; padding: 10px 8px 5px 10px; display: block; font-family: "ITCAvantGardeGothic", "Arial"; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background: #cecece; background: -moz-linear-gradient(top, #cecece 0%, #b0b1b1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cecece), color-stop(100%, #b0b1b1)); background: -webkit-linear-gradient(top, #cecece 0%, #b0b1b1 100%); background: -o-linear-gradient(top, #cecece 0%, #b0b1b1 100%); background: -ms-linear-gradient(top, #cecece 0%, #b0b1b1 100%); background: linear-gradient(to bottom, #cecece 0%, #b0b1b1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to',GradientType=0 ); }
.btn.active { border: 1px solid #0b5a8b; color: #fcfcfc; background: #1f87c8; background: -moz-linear-gradient(top, #1f87c8 0%, #0b5a8b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f87c8), color-stop(100%, #0b5a8b)); background: -webkit-linear-gradient(top, #1f87c8 0%, #0b5a8b 100%); background: -o-linear-gradient(top, #1f87c8 0%, #0b5a8b 100%); background: -ms-linear-gradient(top, #1f87c8 0%, #0b5a8b 100%); background: linear-gradient(to bottom, #1f87c8 0%, #0b5a8b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to',GradientType=0 ); }
.btn.active:active { -webkit-box-shadow: inset 0px 3px 5px #09466c; -moz-box-shadow: inset 0px 3px 5px #09466c; box-shadow: inset 0px 3px 5px #09466c; background: #0b5a8b; background: -moz-linear-gradient(top, #0b5a8b 0%, #1f87c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b5a8b), color-stop(100%, #1f87c8)); background: -webkit-linear-gradient(top, #0b5a8b 0%, #1f87c8 100%); background: -o-linear-gradient(top, #0b5a8b 0%, #1f87c8 100%); background: -ms-linear-gradient(top, #0b5a8b 0%, #1f87c8 100%); background: linear-gradient(to bottom, #0b5a8b 0%, #1f87c8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to',GradientType=0 ); }
.btn:active { -webkit-box-shadow: inset 0px 3px 5px #888888; -moz-box-shadow: inset 0px 3px 5px #888888; box-shadow: inset 0px 3px 5px #888888; background: #b0b1b1; background: -moz-linear-gradient(top, #b0b1b1 0%, #cecece 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b0b1b1), color-stop(100%, #cecece)); background: -webkit-linear-gradient(top, #b0b1b1 0%, #cecece 100%); background: -o-linear-gradient(top, #b0b1b1 0%, #cecece 100%); background: -ms-linear-gradient(top, #b0b1b1 0%, #cecece 100%); background: linear-gradient(to bottom, #b0b1b1 0%, #cecece 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to',GradientType=0 ); }
.btn:hover:not(.active) { color: #0f7ec2; }
.btn.menu { position: absolute; top: 18px; left: 18px; padding: 13px 12px 9px 30px; }
.btn.menu .icon-lines { border-bottom: 6px double #000000; border-top: 2px solid #000000; content: ""; height: 10px; left: 15px; position: absolute; top: 15px; width: 12px; }

html.no-cssgradients .toggle_bg { visibility: hidden; width: 20px !important; }
html.no-cssgradients .btn { filter: none; background: url("/img/ie/btn_light.gif") left top repeat-x; }
html.no-cssgradients .btn.active { filter: none; background: url("/img/ie/btn_medium.gif") left top repeat-x; }
html.no-cssgradients .btn.active:active { filter: none; background-position: 0 -40px; }
html.no-cssgradients .btn:active { filter: none; background-position: 0 -40px; }
html.no-cssgradients #content .block { filter: none; background: none; color: #fcfcfc; border: 1px solid #0f7ec2; }

html.touch #photography .preview .preview_prev, html.touch #photography .preview .preview_next { opacity: 1; }

/* Phone */
#outer-wrap { overflow-x: hidden; position: relative; width: 100%; height: 100%; }
#outer-wrap #inner-wrap { position: relative; width: 100%; height: auto; left: 0; z-index: 100; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; transition: left 1s ease-in-out; }
#outer-wrap #inner-wrap.open { left: 63%; }
#outer-wrap #inner-wrap #content-wrap { height: 100%; display: block; }
#outer-wrap #inner-wrap #header { display: block; height: 124px; position: relative; z-index: 200; background: url("/img/vertical/bg_main.png") left bottom repeat-x; }
#outer-wrap #inner-wrap #header .corner_1, #outer-wrap #inner-wrap #header .corner_2 { display: block; width: 30px; height: 52px; background: url("/img/vertical/bg_main_left.png") top left no-repeat; position: absolute; left: 0; bottom: 0; }
#outer-wrap #inner-wrap #header .corner_2 { background-image: url("/img/vertical/bg_main_right.png"); left: auto; right: 0; }
#outer-wrap #inner-wrap #header .logo { text-align: right; float: right; max-height: 100%; }
#outer-wrap #inner-wrap #header .logo img { width: 190px; height: 60px; margin: 10px; }
#outer-wrap #inner-wrap #main-nav { width: 63%; position: absolute; top: 0; left: -63%; height: 100%; background: #202020; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em black; -moz-box-shadow: inset -1.5em 0 1.5em -0.75em black; box-shadow: inset -1.5em 0 1.5em -0.75em black; }
#outer-wrap #inner-wrap #main-nav h1 { color: #fcfcfc; margin-left: 15px; }
#outer-wrap #inner-wrap #main-nav .desc { color: #201e1e; text-align: center; font-size: 0.75em; font-weight: 200; padding-bottom: 5px; overflow: hidden; display: none; }
#outer-wrap #inner-wrap #main-nav .desc .toggle_container { margin: 30px 10px; }
#outer-wrap #inner-wrap #main-nav .desc .toggle_container a { float: left; text-transform: uppercase; }
#outer-wrap #inner-wrap #main-nav .desc .toggle_container a.active, #outer-wrap #inner-wrap #main-nav .desc .toggle_container a:hover { color: #0f7ec2; }
#outer-wrap #inner-wrap #main-nav .desc .toggle_container .toggle_bg { float: left; width: 28px; height: 12px; margin: 0 7px; position: relative; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #b1b1b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #b1b1b2)); background: -webkit-linear-gradient(top, #cccccc 0%, #b1b1b2 100%); background: -o-linear-gradient(top, #cccccc 0%, #b1b1b2 100%); background: -ms-linear-gradient(top, #cccccc 0%, #b1b1b2 100%); background: linear-gradient(to bottom, #cccccc 0%, #b1b1b2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to',GradientType=0 ); }
#outer-wrap #inner-wrap #main-nav .desc .toggle_container .toggle_bg .toggle_btn { left: 0; width: 12px; height: 12px; position: absolute; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #1982c3; background: -moz-linear-gradient(top, #1982c3 0%, #15608e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1982c3), color-stop(100%, #15608e)); background: -webkit-linear-gradient(top, #1982c3 0%, #15608e 100%); background: -o-linear-gradient(top, #1982c3 0%, #15608e 100%); background: -ms-linear-gradient(top, #1982c3 0%, #15608e 100%); background: linear-gradient(to bottom, #1982c3 0%, #15608e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to',GradientType=0 ); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; }
#outer-wrap #inner-wrap #main-nav .desc .toggle_container .toggle_bg .toggle_btn.open { left: 16px; }
#outer-wrap #inner-wrap #main-nav ul { list-style: none; margin: 0; padding: 0; margin: 10px; padding: 0; overflow: hidden; }
#outer-wrap #inner-wrap #main-nav ul li { width: 100%; display: block; float: left; margin-bottom: 10px; }
#outer-wrap #inner-wrap #main-nav .social-container { display: none; list-style: none; overflow: hidden; text-align: center; margin-top: 25px; }
#outer-wrap #inner-wrap #main-nav .social-container .social { width: 30px; height: 30px; display: inline-block; padding: 0; background: url("/img/social.png") 0 0 no-repeat; }
#outer-wrap #inner-wrap #main-nav .social-container .social.twitter { background-position: 0 0; }
#outer-wrap #inner-wrap #main-nav .social-container .social.twitter:hover { background-position: 0 -32px; }
#outer-wrap #inner-wrap #main-nav .social-container .social.contact { background-position: -33px 0; }
#outer-wrap #inner-wrap #main-nav .social-container .social.contact:hover { background-position: -33px -32px; }
#outer-wrap #inner-wrap #main-nav .social-container .social span { display: none; }
#outer-wrap #inner-wrap #footer { font-size: 0.6em; text-align: center; padding: 5px; clear: both; background: #201e1e; border-top: 1px solid #0f7ec2; text-transform: uppercase; }

#portfolio { background: #0f7ec2; margin-top: -43px; position: relative; z-index: 100; padding-bottom: 26px; width: 100%; background: url("/img/vertical/bg_sub.png") left bottom repeat-x; white-space: nowrap; }
#portfolio ul { list-style: none; width: 100%; padding: 0 0 0 15px; float: left; overflow-x: auto; -webkit-overflow-scrolling: touch; }
#portfolio ul li { display: inline; padding-right: 10px; width: 49%; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
#portfolio ul li:last-child { padding-right: 25px; }
#portfolio ul li a { display: inline-block; position: relative; z-index: 300; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
#portfolio ul li a.active { border: 1px solid #201e1e; }
#portfolio ul li a.active img { opacity: 0.5; }
#portfolio ul li a.active small .desc { color: #0f7ec2; }
#portfolio ul li a small { position: absolute; top: 0; left: 0; display: block; width: 100%; background: #201e1e; -moz-border-radius-topleft: 20px; -webkit-border-top-left-radius: 20px; border-top-left-radius: 20px; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; border-top-right-radius: 20px; }
#portfolio ul li a small .desc { display: block; width: 95%; margin: 8px 5px 5px 5px; color: #fcfcfc; font-family: "ITCAvantGardeGothic", "Arial"; font-size: 0.9em; text-transform: uppercase; text-align: center; }
#portfolio ul li a small .arrow { width: 0; height: 0; left: 50%; margin-left: -10px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 8px solid #201e1e; position: absolute; line-height: 0px; }
#portfolio ul li img { width: 100%; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
#portfolio .corner_1, #portfolio .corner_2 { display: block; width: 30px; height: 52px; background: url("/img/vertical/bg_sub_left.png") top left no-repeat; position: absolute; left: 0; bottom: -13px; }
#portfolio .corner_2 { background-image: url("/img/vertical/bg_sub_right.png"); left: auto; right: 0; }

#photography { display: none; opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: auto; overflow: auto; margin-right: 250px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em black; -moz-box-shadow: inset -1.5em 0 1.5em -0.75em black; box-shadow: inset -1.5em 0 1.5em -0.75em black; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
#photography.open { opacity: 1; -webkit-transition: opacity 1s 0.6s; -webkit-transition-delay: ease-in-out; -moz-transition: opacity 1s 0.6s ease-in-out; -o-transition: opacity 1s 0.6s ease-in-out; transition: opacity 1s 0.6s ease-in-out; }
#photography.disabled { overflow: hidden; }
#photography ul { list-style: none; padding: 0; margin: 0; }
#photography ul li { display: inline; }
#photography ul li img { width: 16.6%; }
#photography .preview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#content { padding: 15px 25px; margin-top: -43px; }
#content a { color: #0f7ec2; text-decoration: none; border-bottom: 1px dotted #0f7ec2; }
#content a:hover { color: #fcfcfc; border-bottom: 1px dotted #fcfcfc; }
#content a.btn { color: #201e1e; }
#content a.btn:hover { color: #0f7ec2; }
#content h1 { margin-top: 0; }
#content h1 small { font-size: 0.7em; text-transform: uppercase; }
#content h2, #content h3, #content h4 { color: #0f7ec2; margin-bottom: 0; }
#content img { border: 1px solid #0f7ec2; max-width: 100%; }
#content .details { margin-bottom: 5px; }
#content .details h2, #content .details hr { display: none; }
#content .details ul { list-style: none; padding: 0 0 30px; border-bottom: 1px solid #0F7EC2; overflow: hidden; }
#content .details ul li { display: block; width: 49%; float: left; margin-bottom: 10px; padding-right: 2%; }
#content .details ul li span { color: #0f7ec2; text-transform: uppercase; font-size: 0.9em; font-family: "ITCAvantGardeGothic", "Arial"; }
#content .comments { clear: both; }
#content .comments ul { list-style: none; padding: 0; }
#content .comments ul li { width: 100%; display: block; clear: both; }
#content .comments ul li .avatar { float: left; margin-right: 10px; width: 50px; }
#content .comments ul li .avatar img { width: 50px; height: 50px; }
#content .comments ul li .message { float: left; display: block; font-size: 0.9em; width: 85%; }
#content .comments ul li .message .title { color: #0f7ec2; }
#content .comments ul li .message .title time { color: #fcfcfc; }
#content .contact ul { list-style: none; padding: 0; }
#content .contact ul li { margin-bottom: 10px; }
#content .contact ul li .note { display: block; margin-bottom: 15px; margin-left: 150px; }
#content .block { width: 95%; padding: 10px; margin: 0 1% 2.5%; color: #201e1e; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #c8c8c8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #c8c8c8)); background: -webkit-linear-gradient(top, #fcfcfc 0%, #c8c8c8 100%); background: -o-linear-gradient(top, #fcfcfc 0%, #c8c8c8 100%); background: -ms-linear-gradient(top, #fcfcfc 0%, #c8c8c8 100%); background: linear-gradient(to bottom, #fcfcfc 0%, #c8c8c8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to',GradientType=0 ); }
#content .block h2 { margin-top: 0; }
#content article.portfolio, #content article.blog { padding: 20px 0; }
#content article.portfolio .lightbox { margin-right: 10px; }
#content article.portfolio h2, #content article.blog h2 { color: #fcfcfc; margin-bottom: 14px; }
#content article.blog { height: auto; }
#content article.blog .details { width: 100%; }
#content article.blog .details ul { overflow: visible; border: none; }
#content article.blog .details ul li { float: left; }
#content article.blog .comments { overflow: hidden; width: 80%; }

@media (min-width: 768px) { /* Average desktop */
  .submit { margin-left: 148px; }
  #mq:after { content: ' 979px/1199px'; }
  body { background: #272727 url("/img/bg_imprint.png") center center fixed; }
  #outer-wrap { overflow: auto; overflow-x: hidden; }
  #outer-wrap #inner-wrap { overflow: visible; height: 100%; -webkit-transition: left 1s ease-in-out, margin-left 1s ease-in-out; -moz-transition: left 1s ease-in-out, margin-left 1s ease-in-out; -o-transition: left 1s ease-in-out, margin-left 1s ease-in-out; transition: left 1s ease-in-out, margin-left 1s ease-in-out; }
  #outer-wrap #inner-wrap.open { left: 100%; margin-left: -274px; }
  #outer-wrap #inner-wrap #header { float: left; height: 100%; width: 320px; padding-right: 43px; text-align: center; background: url("/img/horizontal/bg_main.png") right top repeat-y; }
  #outer-wrap #inner-wrap #header .logo { float: none; margin: 0 auto; }
  #outer-wrap #inner-wrap #header .logo img { height: auto; width: auto; }
  #outer-wrap #inner-wrap #header #menuToggle { display: none; }
  #outer-wrap #inner-wrap #header .corner_1, #outer-wrap #inner-wrap #header .corner_2 { left: auto; right: 0; width: 52px; height: 30px; }
  #outer-wrap #inner-wrap #header .corner_1 { background-image: url("/img/horizontal/bg_main_top.png"); top: 0; }
  #outer-wrap #inner-wrap #header .corner_2 { background-image: url("/img/horizontal/bg_main_bottom.png"); bottom: 0; }
  #outer-wrap #inner-wrap #header .shadow_left { display: block; width: 44px; height: 100%; position: absolute; top: 0; left: -44px; pointer-events: none; background: url("/img/horizontal/bg_main_left.png") right top repeat-y; }
  #outer-wrap #inner-wrap #header .shadow_left .corner_1, #outer-wrap #inner-wrap #header .shadow_left .corner_2 { left: 1px; width: 44px; }
  #outer-wrap #inner-wrap #header .shadow_left .corner_1 { background-image: url("/img/horizontal/bg_main_top_left.png"); }
  #outer-wrap #inner-wrap #header .shadow_left .corner_2 { background-image: url("/img/horizontal/bg_main_bottom_left.png"); }
  #outer-wrap #inner-wrap #main-nav { background: none; top: 25%; left: 15px; width: 245px; height: auto; z-index: 300; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  #outer-wrap #inner-wrap #main-nav h1 { display: none; }
  #outer-wrap #inner-wrap #main-nav .desc { display: block; }
  #outer-wrap #inner-wrap #main-nav ul { padding: 35px 0 0 0; }
  #outer-wrap #inner-wrap #main-nav ul li { margin-bottom: 1px; }
  #outer-wrap #inner-wrap #main-nav ul li a { text-align: center; padding: 3px 8px 0 10px; }
  #outer-wrap #inner-wrap #main-nav .social-container { display: block; }
  #outer-wrap #inner-wrap #footer { color: #201e1e; left: 0; bottom: 0; z-index: 300; position: absolute; border: none; background: none; font-family: 'HelveticaNeue-Light','Helvetica Neue Light','HNLight','Helvetica Neue'; font-size: 0.49em; font-weight: 200; }
  #portfolio { float: left; width: 245px; height: 100%; overflow: hidden; position: relative; margin: 0 0 0 -43px; padding: 0 43px 0 0; background: url("/img/horizontal/bg_sub.png") right top repeat-y; }
  #portfolio .container { position: relative; height: 100%; overflow-x: hidden; overflow-y: auto; }
  #portfolio .container ul { width: 100%; overflow-x: hidden; overflow-y: auto; margin-top: 10px; }
  #portfolio .container ul li { display: block; margin: 0 0 10px 0; padding-right: 0; width: 100%; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
  #portfolio .container ul li a { display: block; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
  #portfolio .corner_1, #portfolio .corner_2 { left: auto; right: -13px; width: 52px; height: 30px; }
  #portfolio .corner_1 { background-image: url("/img/horizontal/bg_sub_top.png"); top: 0; }
  #portfolio .corner_2 { background-image: url("/img/horizontal/bg_sub_bottom.png"); bottom: 0; }
  html.no-touch #portfolio .container { overflow: hidden; }
  #photography { display: block; }
  #photography ul li img { width: 24.8%; }
  #photography .preview { background: black url("/img/spinner.gif") center center no-repeat; overflow: hidden; display: none; }
  #photography .preview .preview_img { display: none; }
  #photography .preview .preview_preloader { position: relative; width: 32px; padding: 20px; top: 80px; margin: auto; background: #000; }
  #photography .preview .preview_minmax, #photography .preview .preview_close { width: 50px; height: 50px; display: block; position: absolute; top: 0; left: 0; margin: 15px; padding: 15px; background: url("/img/icons/gallery/zoom.png?v=3") -5px -55px no-repeat; z-index: 20; }
  #photography .preview .preview_minmax.in, #photography .preview .preview_close.in { background-position: -5px -8px; }
  #photography .preview .preview_minmax span, #photography .preview .preview_close span { display: none; }
  #photography .preview .preview_close { left: auto; right: 10px; background: url("/img/icons/gallery/close.png") center center no-repeat; }
  #photography .preview .preview_swipe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  #photography .preview .preview_prev, #photography .preview .preview_next { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 75px; background: rgba(0, 0, 0, 0.5); z-index: 10; opacity: 1; outline: none; background: url("/img/icons/gallery/arrow_left.png") left center no-repeat; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
  #photography .preview .preview_prev:hover, #photography .preview .preview_next:hover { opacity: 1; }
  #photography .preview .preview_prev span, #photography .preview .preview_next span { display: none; }
  #photography .preview .preview_next { left: auto; right: 5px; background: url("/img/icons/gallery/arrow_right.png") right center no-repeat; }
  #content { float: left; width: 100%; height: 100%; padding: 0; margin-top: 0; position: absolute; overflow: auto; }
  #content article { margin-left: 275px; padding: 25px; }
  #content .details { float: left; border-right: 1px solid #0f7ec2; margin: 16px 0 25px 0; padding-right: 15px; width: 24%; }
  #content .details h2, #content .details hr { display: none; }
  #content .details ul { margin-top: 0; padding: 0; border-bottom: none; }
  #content .details ul li { width: 100%; }
  #content .contact ul li.error_msg { margin-left: 150px; }
  #content .desc { display: block; float: left; width: 76%; margin-bottom: 20px; margin-left: -1px; padding-left: 15px; border-left: 1px solid #0f7ec2; }
  #content .block { width: 49%; min-height: 85px; float: left; }
  #content .block.trans { background: none; color: #fcfcfc; }
  #content article.portfolio, #content article.blog { height: 100%; margin-left: 490px; padding: 25px; }
  #content article.portfolio img, #content article.blog img { width: auto; max-height: 200px; margin-bottom: 20px; }
  #content article.blog { height: auto; margin-left: 275px; }
  #content article.blog .details { width: 15%; }
  #content article.blog .details ul { overflow: visible; }
  #content article.blog .details ul li { text-align: right; }
  #content article.blog .comments { margin-left: 19%; overflow: hidden; width: 70%; } }
@media (min-width: 1200px) { /* Large desktop */
  #mq:after { content: ' 1200px'; }
  #photography ul li img { width: 16.6%; }
  #content .block { width: 49%; margin: 0 0.5% 1%; } }
@media (min-width: 768px) and (max-width: 979px) { /* Portrait tablet to landscape and desktop */
  #mq:after { content: ' 768px/979px'; }
  body { font-size: 0.7em; }
  .note { display: block; margin-bottom: 15px; margin-left: 150px; }
  .submit { margin-left: 148px; }
  #outer-wrap #inner-wrap #main-nav .desc { font-size: 0.9em; }
  #outer-wrap #inner-wrap #main-nav ul li a { font-size: 1.2em; }
  #portfolio { width: 145px; }
  #portfolio ul { overflow-y: auto; -webkit-overflow-scrolling: touch; }
  #portfolio ul li img { width: 100%; }
  #portfolio ul li a small { display: none; }
  #photography ul li img { width: 33%; }
  #content .block { width: 48%; height: auto; }
  #content article.portfolio, #content article.blog { margin-left: 390px; }
  #content article.portfolio img, #content article.blog img { max-width: 100%; }
  #content article.portfolio .desc, #content article.blog .desc { width: 75%; }
  #content article.portfolio .comments ul li .message, #content article.blog .comments ul li .message { width: 79%; }
  #content article.blog { margin-left: 275px; }
  #content article.blog .details { width: 25%; }
  #content article.blog .details ul li i { display: none; } }
@media (max-width: 767px) { /* Landscape phone to portrait tablet */
  #mq:after { content: ' 767px'; } }
@media (max-width: 480px) { /* Landscape phones and down */
  #mq:after { content: ' 480px'; }
  i { float: left; margin-right: 5px; }
  textarea { width: 95%; }
  #content .block { width: 100%; margin-bottom: 4%; }
  #content .contact ul li .note { display: inline; margin: 0; }
  #content .comments ul li .message { width: 72%; }
  #content img { margin-bottom: 25px; }
  #content article.blog .details ul li { width: 100%; }
  #content article.portfolio .details ul li { width: 100%; }
  #portfolio ul li a { width: 45%; } }
/* FancyBox - jQuery Plugin Simple and fancy lightbox alternative  Examples and documentation at: http://fancybox.net  Copyright (c) 2008 - 2010 Janis Skarnelis That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.  Version: 1.3.4 (11/11/2010) Requires: jQuery v1.3+  Dual licensed under the MIT and GPL licenses: http://www.opensource.org/licenses/mit-license.php http://www.gnu.org/licenses/gpl.html */
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; }

#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("/fancybox/fancybox.png"); }

#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; }

#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }

#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; }

#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }

#fancybox-content { width: 0; height: 0; padding: 0 20px 0 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; }

#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; }

#fancybox-close { position: absolute; top: 3px; right: 3px; width: 30px; height: 30px; background: transparent url("/fancybox/fancybox.png") -40px 0px; cursor: pointer; z-index: 1103; display: none; }

#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; }

#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

#fancybox-frame { width: 100%; height: 100%; border: none; display: block; }

#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url("/fancybox/blank.gif"); z-index: 1102; display: none; }

#fancybox-left { left: 0px; }

#fancybox-right { right: 0px; }

#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; }

#fancybox-left-ico { background-image: url("/fancybox/fancybox.png"); background-position: -40px -30px; }

#fancybox-right-ico { background-image: url("/fancybox/fancybox.png"); background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }

#fancybox-left:hover span { left: 20px; }

#fancybox-right:hover span { left: auto; right: 20px; }

.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; }

/* IE6
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
*/
/* IE6, IE7, IE8
.fancybox-ie .fancybox-bg { background: transparent !important; }
*/
html.lt-ie9 #photography { display: none; }
html.lt-ie9 #photography.open { display: block; }
html.lt-ie9 #content { margin-left: 280px; width: 83%; }
html.lt-ie9 #content article { margin-left: 0px; }
html.lt-ie9 #content article.portfolio { margin-left: 210px; }

html.lt-ie8 #photography { width: 86%; }
html.lt-ie8 #photography ul li img { width: 40.5%; }
html.lt-ie8 #portfolio { padding-right: 45px; }
html.lt-ie8 #portfolio .corner_1, html.lt-ie8 #portfolio .corner_2 { display: none; }
html.lt-ie8 #content { width: 100%; margin-left: -30px; }
html.lt-ie8 #content article { margin-left: 0; width: 100%; }
html.lt-ie8 #content article.portfolio { margin-left: 10px; width: 70%; }
html.lt-ie8 #content article.blog { width: 80%; }

@media print { * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }