html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}

/* --- FONT-FACE --- */
@font-face {
    font-family: 'sofia_pro_lightregular';
    src: url('https://e4f44c.claudeassets.com/20180623205058im_/http://www.projectjoost.com/font/SofiaProLight-webfont.eot');
    src: url('https://a0022b.claudeassets.com/20180623205058im_/http://www.projectjoost.com/font/SofiaProLight-webfont.eot#iefix') format('embedded-opentype'),
         url('https://5c010a.claudeassets.com/20180623205058im_/http://www.projectjoost.com/font/SofiaProLight-webfont.woff') format('woff'),
         url('https://79f042.claudeassets.com/20180623205058im_/http://www.projectjoost.com/font/SofiaProLight-webfont.ttf') format('truetype'),
         url('https://12d056.claudeassets.com/20180623205058im_/http://www.projectjoost.com/font/SofiaProLight-webfont.svg#sofia_pro_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* --- ANIMATION --- */
@keyframes labelMove {0% {top:-374px;} 100% {top:0px;}}
@-webkit-keyframes labelMove {0% {top:-374px;} 100% {top:0px;}}

/* --- BASIS --- */
html {-webkit-text-size-adjust: none;}
body {font-size:100%; font-family:'sofia_pro_lightregular', Georgia, Times serif; color:#010101; position:relative;}
div {transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;}
.notransition {transition:none !important; -o-transition:none !important; -moz-transition:none !important; -webkit-transition:none !important;}
p {line-height:22px;}
a {text-decoration:none; transition: 0.25s; -moz-transition: 0.25s; -webkit-transition: 0.25s; color:#929291;}
a:hover {text-decoration:underline;}
h1 {font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:normal;}
ul {list-style-type:none;}
#wrap {width:100%; position:relative;}
#top_wrap {position:fixed; width:100%; top:0; left:0; z-index:1; background:#fff;}
#top {margin:0 auto; width:1320px; position:relative;}
.bottom_shadow {-webkit-box-shadow: 0px 1px 3px #ddd; -moz-box-shadow: 0px 1px 3px #ddd; box-shadow: 0px 1px 3px #ddd;}
#content_wrap {position:absolute; left:0; width:100%; padding:0 0 30px 0;}
#content {margin:0 auto; position:relative; overflow:hidden;}
#sliderWrap {float:left; position:relative; width:980px; height:376px; overflow:hidden;} 
#slider {float:left; position:relative; width:980px; height:376px; overflow:hidden; transition:none; -o-transition:none; -moz-transition:none; -webkit-transition:none;}
.slide, .slide img {float:left; width:980px; height:376px;}

/* --- STANDARD NAVIGATION --- */
#nav {float:left; width:200px; position:relative;}
#nav #projectNav {position:absolute; width:138px; height:20px; left:31px; top:44px; pointer-events:none;}
#nav #projectNav a.navBtn {position:absolute; width:20px; height:20px; background:url(https://e9b93b.claudeassets.com/20180623205058im_/http://www.projectjoost.com/img/btns.png); top:0; pointer-events:all; transition:none; -o-transition:none; -moz-transition:none; -webkit-transition:none;}
#nav #projectNav a.navBtn.navBtn_l {left:0; background-position:0 0;}
#nav #projectNav a.navBtn.navBtn_r {right:0; background-position:-20px 0;}
#nav #projectNav a.navBtn.navBtn_l:hover {background-position:0 -20px;}
#nav #projectNav a.navBtn.navBtn_r:hover {right:0; background-position:-20px -20px;}
#nav ul#thumbNav {float:left; width:78px; margin-left:61px;}
#nav ul#thumbNav li {float:left; width:78px; height:108px; margin:15px 0 0 0;}
#nav ul#thumbNav li:first-child {margin:0;}
#nav ul#thumbNav li a {float:left; border:2px solid #929291; padding:2px; width:70px; height:100px; position:relative;}
#nav ul#thumbNav li a:hover {border:2px solid #010101;}
#nav ul#thumbNav li a.active {float:left; border:2px solid #010101; padding:2px; width:70px; height:100px;}
#nav ul#thumbNav li span.center {height:100px; display:table-cell; vertical-align:middle; width:70px;}
#nav ul#thumbNav li span.center img {display:block; margin:0 auto;}

/* --- MOBILE NAVIGATION --- */
#mobNav {float:left; display:none; padding:0 0 20px 0;}
#mobNav p {line-height:32px; font-size:0.875em;}
#mobNav p span {font-style:italic;}
#mobNav a {float:left; position:relative;}
#mobNav a span.txtNext {float:left; height:32px; line-height:32px; vertical-align:middle; display:block; font-style:normal;}
#mobNav a span.txtPrev {float:left; height:32px; line-height:32px; vertical-align:middle; display:block; font-style:normal;}
#mobNav span.txtDiv {float:left;}
#mobNav a span.mobNavIcon {float:left; position:relative; height:32px; display:table-cell; vertical-align:middle;}
#mobNav a span.mobNavIconLeft {float:left; margin:0 10px 0 0;}
#mobNav a span.mobNavIconRight {float:left; margin:0 0 0 10px;}
#mobNav a span.mobNavIcon img {max-height:32px; display:block; margin:0 auto;}

/* --- WORK --- */
#work {float:right; width:1060px;}
.workImg {float:left; width:500px; margin:-30px 0 0 0;}
.workImg img {max-width:100%; height:auto; margin:30px 0 0 0; background:url(https://e8558e.claudeassets.com/20180623205058im_/http://www.projectjoost.com/img/loading.gif) no-repeat center center;}
.workTxt {float:right; width:500px;}
.workTxtOuter {float:left; width:500px;}
.workTxtInner {float:left; width:500px; border:none; text-align:justify; position:relative;}
.workTxtInner p {float:left; font-size:0.9375em; padding:0 0 0 0; line-height:24px;}
.workTxtInner p span.italics {font-style:italic;}
.titleOuter {border-bottom:1px solid #010101; padding:0 0 2px 0; margin:0 0 15px 0;}
.titleInner {border-bottom:3px solid #010101; line-height:38px; font-size:1.75em; text-align:left; padding:0 0 10px 0;}
.youtube {float:left; margin:30px 0 0 0; width:500px; height:281px; -webkit-box-shadow: 0px 1px 3px #ddd; -moz-box-shadow: 0px 1px 3px #ddd; box-shadow: 0px 1px 3px #ddd;}

/* --- SOCIAL MEDIA --- */
.socmedWrap {float:left; width:100%; height:26px; position:relative; margin:26px 0 0 0;}
.socmedWrap p.back {font-size:0.9375em; text-transform:uppercase;}
.socmedWrap p.share {position:absolute; right:68px; top:1px; font-size:0.875em; text-align:right; color:#929291;}
.socmed {width:63px; height:22px; position:absolute; right:0; top:0;}
.socmed a.icon {float:left; width:16px; height:16px; margin:4px 0 0 5px; background:url(https://e54b82.claudeassets.com/20180623205058im_/http://www.projectjoost.com/img/share.png); transition:none; -o-transition:none; -moz-transition:none; -webkit-transition:none;}
.socmed a.icon.facebook {background-position:0 0;}
.socmed a.icon.pinterest {background-position:-16px 0;}
.socmed a.icon.twitter {background-position:-32px 0;}
.socmed a.icon.facebook:hover {background-position:0 -16px;}
.socmed a.icon.pinterest:hover {background-position:-16px -16px;}
.socmed a.icon.twitter:hover {background-position:-32px -16px;}

/* --- DOWNLOADS --- */
ul.download {font-size:0.9375em; margin:26px 0 0 0;}
ul.download li {line-height:26px;}

/* --- LABEL --- */
#labelWrap {position:absolute; width:164px; right:170px;  z-index:1; display:block; animation:labelMove 1s; -webkit-animation:labelMove 1s; cursor:pointer;}
a#labelWrap:hover {text-decoration:none;}
#labelWrap .label {background:#929291; position:relative; width:100%; overflow:hidden;}
#labelWrap .label img {max-width:100%; height:auto; display:block; position:absolute; left:0; bottom:0;}
#labelWrap p.logotxt {width:100%; height:36px; text-align:center; line-height:36px; vertical-align:middle; color:#010101; text-transform:uppercase; font-size:0.6875em; letter-spacing:0.15em; overflow:hidden;}
#labelWrap .label p.labeltxt {width:100%; height:36px; text-align:center; line-height:36px; vertical-align:middle; color:#fff; font-style:italic; letter-spacing:0.15em; font-size:0.875em;}

/* --- MENU --- */
#menuwrap {float:left; overflow:hidden; position:relative; background:#fff;}
#menuToggleWrap {float:left; display:none;}
a.menuBtn {float:left; line-height:24px; vertical-align:middle; margin-top:20px; text-transform:lowercase; color:#010101; font-size:0.75em; cursor:pointer;}
a.menuBtn span.icon {float:left; width:24px; height:24px; background:url(https://344d69.claudeassets.com/20180623205058im_/http://www.projectjoost.com/img/btn_menu.png); margin:0 10px 0 0;}
a.menuBtn:hover {text-decoration:none;}
a.menuBtn:hover span.icon {background-position:-24px 0;}
a.menuBtn.active span.icon {background-position:-24px 0;}
ul#menu {margin-left:-10px; vertical-align:middle; font-size:0.9375em; text-transform:lowercase;}
ul#menu li {float:left; height:32px; line-height:32px;}
ul#menu li a {height:14px; margin:11px 0; padding:0 15px; border-left:1px solid #929291;}
ul#menu li:first-child a {border-left:none; padding:0 10px 0 11px;}
ul#menu li a.active {text-decoration:underline; color:#010101;}

/* --- WRAP ITEMS --- */
.itemsWrap {float:left; position:relative; width:890px;}
.itemsWrap.topMargin {margin:36px 0 0 0;}
.itemsTitle {position:absolute; top:0; left:-260px; width:200px; height:44px; line-height:44px; vertical-align:middle; color:#929291; text-align:right; font-size:0.875em; text-transform:uppercase;}
.itemsOverflowHidden {float:left; overflow:hidden !important; width:890px; position:relative;}
.itemsOverflowHidden ul {margin-left:-10px; vertical-align:middle; font-size:1em; width:900px;}
.itemsOverflowHidden ul li {float:left; height:44px; line-height:44px; position:relative; white-space: nowrap;}
.itemsOverflowHidden ul li a {height:14px; margin:11px 0; padding:0 10px; border-left:1px solid #010101; color:#010101; position:relative;}
.itemsOverflowHidden ul li:first-child a {border-left:none; padding:0 10px 0 11px;}
.itemsOverflowHidden ul li a.active {text-decoration:underline; color:#010101;}
.itemsOverflowHidden ul li a span.rollover {width:100%; height:44px; display:none; background:#fff; position:absolute; left:0; top:0;}

.itemsOverflowHiddenImg {float:left; overflow:hidden !important; width:890px; position:relative;}
.itemsOverflowHiddenImg ul {margin-left:-10px; vertical-align:middle; font-size:1em; width:900px;}
.itemsOverflowHiddenImg ul li {float:left; display:block; position:relative; white-space:nowrap; margin:10px 0 0 10px; overflow:hidden; line-height:73px; vertical-align:middle; height:78px; width:78px; border:1px solid #ccc; -webkit-transition: border-color .05s linear .05s; transition: border-color .05s linear .05s;}
.itemsOverflowHiddenImg ul li a {width:78px; height:78px; display:inline-block; text-align:center;}
.itemsOverflowHiddenImg ul li a img {vertical-align:middle; max-height:70px; width:auto;}
.itemsOverflowHiddenImg ul li:hover {border:1px solid #929291; -webkit-transition: border-color .05s linear .05s; transition: border-color .05s linear .05s;}
.itemsOverflowHiddenImg ul li:hover a img {vertical-align:middle; max-height:70px; width:auto;}

.colorFade {
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	 filter: gray; /* IE6-9 */
	 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.colorFade:hover {
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	 -webkit-filter: grayscale(0%);
}

/* --- HOME --- */
.home .menuTitle {position:absolute; bottom:0; width:200px; left:0; height:32px; line-height:32px; vertical-align:middle; color:#929291; text-align:right; font-size:0.875em; text-transform:uppercase;}
.home #top_wrap {min-height:408px;}
.home #top {min-height:408px;}
.home #labelWrap .label {height:274px;}
.home #labelWrap .label p.labeltxt {display:none;}
.home #content_wrap {top:408px;}
.home #slider {display:block;}
.home #menuToggleWrap {height:120px;}
.home #menuwrap {margin-left:260px; width:1060px;}
.home ul#menu {width:1070px;}

/* --- CONTENT ---*/
.content #top_wrap {min-height:80px;}
.content #top {min-height:80px;}
.content #labelWrap .label {height:36px;}
.content #labelWrap .label img {display:none;}
.content .menuTitle {display:none;}
.content #content_wrap {top:120px;}
.content #slider {display:none;}
.content #menuToggleWrap {height:80px;}
.content #menuwrap {width:980px;}
.content ul#menu {width:990px; margin-top:7px;}

/* --- STANDARD ITEMS --- */
.standard {float:left; margin:0 0 36px 0; position:relative; width:1320px;}
.standard.socmed {margin:0 0 22px 0;}
.standard.cv {margin:0 0 10px 0;}
.standard.pointsofsale {margin:0 0 10px 0;}
.standard.press {margin:0 0 -6px 0;}
.standardTitle {position:absolute; top:0; left:0; width:200px; line-height:24px; vertical-align:middle; color:#929291; text-align:right; font-size:0.875em; text-transform:uppercase; padding:7px 0;}
.standardContent {width:1060px; margin:0 0 0 260px;}
.standardImg {float:left; width:500px; margin:-20px 60px 0 0;}
.standardImg img {max-width:100%; height:auto; background:url(https://e8558e.claudeassets.com/20180623205058im_/http://www.projectjoost.com/img/loading.gif) no-repeat center center; margin:30px 0 0 0;}
.standardTxtOuter {float:right; width:500px; margin:7px 0 0 0;}
.standardTxtInner {width:500px; border:none; text-align:justify; position:relative;}
.standardTxtInner p {font-size:0.9375em; line-height:24px;}
.standardTxtInner p.back {font-size:0.875em; text-transform:uppercase;}
.standardTxtInner p.share {position:absolute; right:68px; top:0; font-size:0.875em; text-align:right; color:#929291;}
.standardTxtInner p span.italics {font-style:italic;}

/* --- CV --- */
ul.cvCategory {width:1060px; margin:16px 0 0 260px; border-top:1px dashed #010101; font-size:0.9375em; padding:10px 0;}
ul.cvCategory li {float:left; width:100%; position:relative; line-height:24px;}
ul.cvCategory li span.cvItem {float:left; position:relative; display:block; width:80%;}
ul.cvCategory li span.cvYear {float:left; position:relative; display:block; width:20%; text-align:right;}

/* --- PRESSITEMS --- */
ul.pressItems {width:1060px; margin:16px 0 0 260px; border-top:1px dashed #010101; font-size:0.9375em; overflow:hidden;}
ul.pressItems li {float:left; position:relative; height:120px; margin:10px 32px 0 0;}
ul.pressItems li img {background:url(https://e8558e.claudeassets.com/20180623205058im_/http://www.projectjoost.com/img/loading.gif) no-repeat center center;}

/* --- POINTS OF SALE --- */
ul.posCountry {width:1060px; margin:7px 0 0 260px; font-size:0.9375em;}
ul.posCountry li {float:left; width:100%; position:relative; line-height:24px; margin:0 0 24px 0;}

/* --- CONTRAST SWITCH --- */
body.contrast {background:#000; color:#fff;}
body.contrast #top_wrap {background:#000;}
body.contrast .bottom_shadow {-webkit-box-shadow: 0px 1px 10px #000; -moz-box-shadow: 0px 1px 10px #000; box-shadow: 0px 1px 10px #000;}
body.contrast #menuwrap {background:#000;}
body.contrast ul#menu li a.active {color:#fff;}
body.contrast #nav #projectNav a.navBtn.navBtn_l:hover {background-position:0 -40px;}
body.contrast #nav #projectNav a.navBtn.navBtn_r:hover {background-position:-20px -40px;}
body.contrast #nav ul#thumbNav li a:hover {border-color:#fff;}
body.contrast #nav ul#thumbNav li a.active {border-color:#fff;}
body.contrast .itemsOverflowHidden ul li a {border-left:1px solid #929291; color:#929291;}
body.contrast .itemsOverflowHidden ul li a.active {color:#fff;}
body.contrast .titleOuter {border-color:#fff;}
body.contrast .titleInner {border-color:#fff;}
body.contrast a.menuBtn {color:#929291;}
body.contrast a.menuBtn:hover {text-decoration:none; color:#fff;}
body.contrast a.menuBtn.active {color:#fff;}
body.contrast a.menuBtn:hover span.icon {background-position:-48px 0;}
body.contrast a.menuBtn.active span.icon {background-position:-48px 0;}
body.contrast .socmed a.icon.facebook:hover {background-position:0 -32px;}
body.contrast .socmed a.icon.pinterest:hover {background-position:-16px -32px;}
body.contrast .socmed a.icon.twitter:hover {background-position:-32px -32px;}
body.contrast ul.cvCategory {border-color:#fff;}
body.contrast ul.pressItems {border-color:#fff;}

/* --- FIXED PAGES --- */
body.fixedPage #wrap {min-width:760px;}
body.fixedPage #fixedContainer {float:left; width:760px; position:relative; margin:0 auto; margin-left:-380px; left:50%;}
body.fixedPage #fixedContainer #top {float:left; width:760px; position:relative; padding:0 0 26px 0;}
body.fixedPage #fixedContainer #top h1 {float:left; margin:20px 0 0 0; height:32px; line-height:32px; vertical-align:middle; color:#929291; text-align:right; font-size:0.8125em; text-transform:uppercase; padding:0 0 0 20px;}
body.fixedPage #fixedContainer #top h2 {position:absolute; right:20px; top:48px; line-height:24px; vertical-align:middle; color:#010101; text-align:right; font-size:0.8125em; text-transform:uppercase;}
body.fixedPage #fixedContainer #top p.txt {float:left; margin:36px 0 0 0; font-size:0.875em; line-height:26px; margin:26px 0 0 0; padding:0 0 0 20px; width:430px; clear:both;}
body.fixedPage #fixedContainer #top .upperLinks {position:absolute; right:20px; top:24px; font-size:0.8125em; text-align:right; text-transform:uppercase; line-height:24px;}
body.fixedPage #fixedLabelWrap {position:absolute; width:110px; right:150px; top:0; z-index:1; display:block;}
body.fixedPage a#fixedLabelWrap:hover {text-decoration:none;}
body.fixedPage #fixedLabelWrap .fixedLabel {background:#929291; position:relative; width:100%; height:164px;}
body.fixedPage #fixedLabelWrap .fixedLabel img {max-width:100%; height:auto; display:block; position:absolute; left:0; bottom:0;}
body.fixedPage #fixedLabelWrap p.fixedLogotxt {width:100%; height:36px; text-align:center; line-height:36px; vertical-align:middle; color:#282828; text-transform:uppercase; font-size:0.5em; letter-spacing:0.15em; overflow:hidden;}
body.fixedPage #fixedLabelWrap .fixedLabel p.fixedLabeltxt {width:100%; height:36px; text-align:center; line-height:36px; vertical-align:middle; color:#fff; font-style:italic; letter-spacing:0.25em; font-size:0.875em;}
body.fixedPage #fixedContainer #content {float:left; width:760px; position:relative;}
body.fixedPage #fixedContainer #content ul.category {float:left; width:720px; position:relative; margin:0 0 0 20px; font-size:0.8125em; text-transform:uppercase; /* background:#00aa00; */}
body.fixedPage #fixedContainer #content ul.category li {float:left; width:720px; line-height:44px; position:relative; clear:both;}
body.fixedPage #fixedContainer #content ul.category li a.active {color:#010101; text-decoration:none;}
body.fixedPage #fixedContainer #content ul.category li ul.downloads {float:left; width:690px; margin:0 0 0 30px; position:relative; font-size:0.8125em; text-transform:uppercase; /* background:#ffbb00; */}
body.fixedPage #fixedContainer #content ul.category li ul.downloads li {float:left; width:620px; line-height:44px; position:relative; clear:both; padding:0 0 0 70px;}
body.fixedPage #fixedContainer #content ul.category li ul.downloads li span.icon {display:block; width:60px; height:40px; position:absolute; top:2px; left:0;}
body.fixedPage #fixedContainer #content ul.category li ul.downloads li span.icon img {display:block; margin:0 auto;}
body.fixedPage #fixedContainer #content ul.category li ul.downloads li ul.download {float:left; width:590px; margin:0 0 0 30px; position:relative; font-size:1em; text-transform:uppercase; /* background:#ff0000; */}
body.fixedPage #fixedContainer #content ul.category li ul.downloads li ul.download li {float:left; width:590px; line-height:44px; position:relative; clear:both; padding:0;}
body.fixedPage #fixedContainer #content ul.category li ul.downloads li ul.download li ul.downloaditem {float:left; width:560px; margin:0 0 0 30px; position:relative; font-size:1em; text-transform:uppercase; /* background:#ff0000; */}
body.fixedPage #fixedContainer #content ul.category li ul.downloads li ul.download li ul.downloaditem li {float:left; width:490px; line-height:44px; position:relative; clear:both; padding:0 0 0 70px;}
body.fixedPage .openclose {display:inline-block; width:10px;}
body.fixedPage .loginput_inactive {float:left; width:200px; border:1px solid #010101; height:32px; line-height:32px; vertical-align:middle; padding:0 6px; color:#010101; font-style:italic; margin:10px 0 0 0; clear:both; font-family:'sofia_pro_lightregular', Georgia, Times serif; font-size:0.8125em;}
body.fixedPage .loginput_active {float:left; width:200px; border:1px solid #010101; height:32px; line-height:32px; vertical-align:middle; padding:0 6px; color:#010101; margin:10px 0 0 0; clear:both; font-family:'sofia_pro_lightregular', Georgia, Times serif; font-size:0.8125em;}
body.fixedPage input.loginput_btn {float:left; width:214px; border:none; background:#929291; color:#fff; height:32px; line-height:32px; vertical-align:middle; text-align:center; margin:10px 0 0 0; clear:both; font-family:'sofia_pro_lightregular', Georgia, Times serif; font-size:0.8125em; text-transform:uppercase; cursor:pointer;}
body.fixedPage p.error {float:left; line-height:32px; color:#cf0000; font-size:0.8125em; font-style:italic; padding:0 20px; clear:both; margin:3px 0 0 0;}
body.fixedPage p.correct {float:left; line-height:32px; color:#2f9a00; font-size:0.8125em; font-style:italic; padding:0 20px; clear:both; margin:3px 0 0 0;}

/* --- MEDIA QUERIES --- */
/* --- BIGSCREEN + --- */
@media screen and (min-width: 1599px){
	#content, .standard {width:1320px; /* background:#ffbb00; */}
}

/* --- BIGSCREEN --- */
@media screen and (max-width: 1599px){
	#content, .standard {width:1320px; /* background:#ffbb00; */}
}

/* --- TABLET LANDSCAPE --- */
@media screen and (max-width: 1439px){
	#top, #content, .standard {width:940px;}
	#nav, .standardTitle {width:150px;}
	.standardTitle {font-size:0.8125em; line-height:24px;}
	#nav #projectNav {left:6px;}
	#nav ul#thumbNav {margin-left:36px;}
	ul#menu {font-size:0.75em;}
	ul#menu li a {padding:0 9px;}
	#work {width:750px;}
	.workTxtInner p {font-size:0.875em; line-height:22px;}
	.workImg {width:370px;}
	.workTxt, .workTxtOuter, .workTxtInner {width:340px;}
	.titleInner {line-height:34px; font-size:1.5em;}
	.youtube {width:340px; height:191px;}
	.itemsTitle {width:150px; left:-190px; font-size:0.75em;}
	.itemsOverflowHidden ul li {height:40px; line-height:40px;}
	#labelWrap {width:110px; right:104px;}
	#labelWrap p.logotxt {font-size:0.5em;}
	#labelWrap .label p.labeltxt {font-size:0.875em; letter-spacing:0.05em;}
	.home .menuTitle {width:150px; font-size:0.75em;}
	.home #content_wrap {top:306px;}
	.home #top_wrap, .home #top {min-height:306px;}
	.home #labelWrap .label {height:190px;}
	.home #sliderWrap, .home #slider, .home .slide, .slide img {width:715px; height:274px;}
	.home #menuwrap {margin-left:190px; width:750px;}
	.home ul#menu {width:760px;}
	.content #menuwrap {width:715px;}
	.content ul#menu {width:725px;}
	.standardContent {width:750px; margin:0 0 0 190px;}
	.standardImg {width:355px; margin:-12px 40px 0 0;}
	.standardImg img {margin:22px 0 0 0;}
	.standardTxt, .standardTxtOuter, .standardTxtInner {width:355px;}
	.standardTxtInner {font-size:0.875em; line-height:22px;}
	.socmedWrap p.share {font-size:0.8125em;}
	ul.cvCategory, ul.pressItems {width:750px; margin:16px 0 0 190px; font-size:0.875em;}
	ul.pressItems li {height:100px; margin:10px 28px 0 0;}
	ul.posCountry {width:750px; margin:7px 0 0 190px; font-size:0.875em;}
	ul.cvCategory li {line-height:22px;}
	ul.posCountry li {line-height:22px; margin:0 0 22px 0;}
	
	/* NIEUW */
	.itemsWrap, .itemsOverflowHidden, .itemsOverflowHiddenImg {width:660px;}
	.itemsOverflowHidden ul, .itemsOverflowHiddenImg ul {width:670px; font-size:0.875em;}
	.itemsOverflowHiddenImg ul li {line-height:64px; height:70px; width:70px;}
	.itemsOverflowHiddenImg ul li a {width:70px; height:70px;}
	.itemsOverflowHiddenImg ul li a img {max-height:62px; max-width:62px;}
	.itemsOverflowHiddenImg ul li:hover a img {max-height:62px; max-width:62px;}

	
}

/* --- TABLET PORTRAIT --- */
@media screen and (max-width: 1023px){
	#top, #content, .standard, .content #nav, .content #work {width:708px;}
	#nav ul#thumbNav, #nav #projectNav, .specs {display:none;}
	.workTxt, .workTxtOuter, .workTxtInner {width:270px;}
	.titleInner {line-height:32px; font-size:1.375em;}
	.youtube {width:270px; height:152px;}
	.content #content_wrap {top:100px;}
	.home #work {width:578px;}
	.itemsTitle {width:100px; left:-130px}
	#labelWrap .label img {bottom:-30px;}
	#labelWrap {right:42px;}
	ul#menu li a {padding:0 10px;}
	.home #nav {width:100px;}
	.home .menuTitle {width:100px; bottom:32px;}
	.home #content_wrap {top:264px;}
	.home #top_wrap, .home #top {min-height:264px;}
	.home #labelWrap .label {height:140px;}
	.home #sliderWrap, .home #slider, .home .slide, .slide img {width:520px; height:200px;}
	.home #menuwrap {display:block; margin-left:130px; width:578px;}
	.home ul#menu {width:588px;}
	.content #work .itemsWrap {margin:0 0 0 130px;}
	.content .workImg {width:408px;}
	.content #menuToggleWrap, #mobNav {display:block;}
	#mobNav {width:408px;}
	.content #menuwrap {display:none; position:relative; margin-left:0; width:708px; padding:0 0 15px 0;}
	.content ul#menu {width:718px; margin-left:-10px; margin-top:auto;}
	.standardTitle {position:relative; top:auto; left:auto; width:auto; text-align:left; width:339px;}
	.standardImg {float:left; width:339px; margin:-12px 30px 0 0;}
	.standardTxt {float:left; width:339px;}
	.standardTxtOuter, .standardTxtInner {width:339px;}
	.standardContent, ul.cvCategory, ul.pressItems, ul.posCountry {width:708px; margin:0;}
	.standard.extra {margin:16px 0 0 0;}
	ul.pressItems li {height:80px; margin:10px 26px 0 0;}
	
	/* NIEUW */
	.itemsWrap, .itemsOverflowHidden, .itemsOverflowHiddenImg {width:536px;}
	.itemsOverflowHidden ul, .itemsOverflowHiddenImg ul {width:546px;}
	.itemsOverflowHiddenImg ul li {line-height:60px; height:66px; width:66px;}
	.itemsOverflowHiddenImg ul li a {width:66px; height:66px;}
	.itemsOverflowHiddenImg ul li a img {max-height:58px; max-width:58px;}
	.itemsOverflowHiddenImg ul li:hover a img {max-height:58px; max-width:58px;}
}

/* --- MOBILE LANDSCAPE --- */
@media screen and (max-width: 767px){
	#top, #content, .home #nav, .content #nav, .home #work, .content #work, .content #work .workImg, .workTxt, .content #menuwrap, #mobNav, .standard, .standardContent, .standardTxt, .standardTxtOuter, .standardTxtInner, ul.cvCategory, ul.pressItems, ul.posCountry {width:440px;}
	#top_wrap {-webkit-box-shadow: 0px 1px 3px #ddd; -moz-box-shadow: 0px 1px 3px #ddd; box-shadow: 0px 1px 3px #ddd;}
	/*
	.workTxtOuter {width:430px; border:3px solid #010101; padding:2px; margin:20px 0 0 0;}
	.workTxtInner {width:408px; border:1px solid #010101; padding:10px;}
	.titleOuter {border-bottom:none;}
	.titleInner {border-bottom:none; padding:0; line-height:30px; font-size:1.25em;}
	*/
	.workTxtOuter {width:440px; margin:20px 0 0 0;}
	.workTxtInner {width:440px;}
	/* .workImg a {pointer-events:none;} */
	.titleInner {padding:0; line-height:30px; font-size:1.25em;}
	.youtube {width:440px; height:248px;}
	.itemsWrap {margin:26px 0 0 0; width:440px;}
	.itemsTitle {float:left; position:relative; width:auto; top:auto; left:auto; clear:both; height:auto;}
	.itemsOverflowHidden, .itemsOverflowHiddenImg {width:440px; clear:both;}
	.itemsOverflowHidden ul, .itemsOverflowHiddenImg ul {width:450px;}
	#labelWrap {left:auto; right:0;}
	.home #content_wrap {top:120px;}
	.home #top_wrap, .home #top {min-height:120px;}
	.home #labelWrap .label {height:85px;}
	.home #menuToggleWrap {display:block;}
	.home #menuwrap {display:none; position:relative; margin-left:0; width:440px; padding:0 0 15px 0;}
	.home ul#menu {width:450px; margin-left:-10px;}
	.content ul#menu {width:450px;}
	.content #work .itemsWrap {margin:0;}
	.standardTitle {position:relative; top:auto; left:auto; width:auto; text-align:left; width:440px;}
	.standardImg {width:440px; margin:22px 0 0 0;}
	.standardImg a.trigger {pointer-events:none;}
	ul.cvCategory li span.cvItem {width:65%;}
	ul.cvCategory li span.cvYear {width:35%;}
	ul.pressItems li {height:60px; margin:10px 24px 0 0;}
	.home .menuTitle, .content #labelWrap .label img {display:none;}
	.home #sliderWrap, .home #slider, .caroufredsel_wrapper {display:none !important;}
	body.contrast #top_wrap {-webkit-box-shadow: 0px 1px 10px #000; -moz-box-shadow: 0px 1px 10px #000; box-shadow: 0px 1px 10px #000;}
	body.contrast .workTxtOuter {border-color:#fff;}
	body.contrast .workTxtInner {border-color:#fff;}
	.itemsOverflowHiddenImg ul li {line-height:57px; height:63px; width:63px;}
	.itemsOverflowHiddenImg ul li a {width:63px; height:63px;}
	.itemsOverflowHiddenImg ul li a img {max-height:55px; max-width:55px;}
	.itemsOverflowHiddenImg ul li:hover a img {max-height:55px; max-width:55px;}
}

/* --- MOBILE PORTRAIT --- */
@media screen and (max-width: 479px){
	#top, #content, .home #nav, .content #nav, .home #work, .content #work, .content #work .workImg, .workTxt, .itemsWrap, .itemsOverflowHidden, .itemsOverflowHiddenImg, .home #menuwrap, .content #menuwrap, #mobNav, .standard, .standardTitle, .standardContent, .standardImg, .standardTxt, .standardTxtOuter, .standardTxtInner, ul.cvCategory, ul.pressItems, ul.posCountry {width:280px;}
	.workTxtOuter {width:280px;}
	.workTxtInner {width:280px;}
	.titleInner {line-height:28px; font-size:1em;}
	.youtube {width:280px; height:158px;}
	.itemsOverflowHidden ul, .itemsOverflowHiddenImg ul {width:290px;}
	.home ul#menu, .content ul#menu {width:290px; margin-left:-10px;}
	ul.cvCategory li span.cvItem {width:70%;}
	ul.cvCategory li span.cvYear {width:30%;}
	ul.pressItems li {height:50px; margin:10px 20px 0 0;}
	.itemsOverflowHiddenImg ul li {line-height:54px; height:60px; width:60px;}
	.itemsOverflowHiddenImg ul li a {width:60px; height:60px;}
	.itemsOverflowHiddenImg ul li a img {max-height:52px; max-width:52px;}
	.itemsOverflowHiddenImg ul li:hover a img {max-height:52px; max-width:52px;}
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

/* FALLBACK OLDIES */
.oldie #labelWrap {top:0;}

/*
     FILE ARCHIVED ON 05:34:59 Jul 24, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:32:29 Jul 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.489
  exclusion.robots: 0.042
  exclusion.robots.policy: 0.034
  esindex: 0.008
  cdx.remote: 26.331
  LoadShardBlock: 207.886 (3)
  PetaboxLoader3.resolve: 133.197 (4)
  PetaboxLoader3.datanode: 118.18 (4)
  load_resource: 87.197
*/