@font-face {
    font-family: 'Anivers';
    src: url('fonts/Anivers_Regular-webfont.eot');
    src: url('fonts/Anivers_Regular-webfont.eot?iefix') format('eot'),
         url('fonts/Anivers_Regular-webfont.woff') format('woff'),
         url('fonts/Anivers_Regular-webfont.ttf') format('truetype'),
         url('fonts/Anivers_Regular-webfont.svg#webfont3JLVF59W') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{min-width:960px}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}

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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

body {
    background-color: #000000;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#container {
    width: 100%;
    height: 100%;
    overflow: scroll;
    position: relative;
}

#header {
    position: absolute;
    height: 200px;
    right: 0px;
    left: 0px;
    top: 220px;
    overflow: hidden;
}

#header .logo {
    height: 220px;
    width: 317px;
    float: left;
}

#header .logo a {
    display: block;
    margin-top: 66px;
    margin-left: 71px;
}

#header .text {
    height: 200px;
    float: left;
    color: #5d5d5d;
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    margin-top: 66px;
    line-height: 1.4em;
    text-shadow: #000 2px 2px 1px;
    width: 650px;
}

#header .text a {
    color: #cba700;
    text-decoration: none;
}

#header .text a:hover {
    color: #ffe87d;
}

#header .text strong {
    color: #f0f0f0;
    font-weight: normal;
}

#projects {
    width: 100%;
}

#projects a {
    display: none;
    float: left;
}

#projects a.categorybox {
    cursor: auto;
    opacity: 0.5 !important;
}

#projects img {
    display: block;
}

#about {
/*    position: relative;*/
    width: 100%;
    clear: both;
    background: url('img/about_bg.jpg') no-repeat top center;
    padding-bottom: 50px;
    margin-top: 100px;
}

#about-container {
/*    height: 739px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -369.5px;
    margin-left: -480px;*/
    width: 960px;
    color: #cecdcd;
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#about-container h1 {
    text-align: center;
    margin-top: 120px;
}

#about-container h2 {
    font-size: 24px;
    color: #4a4a4a;
    border-left: 2px solid #262626;
    padding: 10px 33px 10px 33px;
    line-height: 1.3em;
    margin-top: 127px;
    margin-bottom: 7px;
    font-weight: normal;
}

#about-container .small-about {
    font-size: 13px;
    color: #e3e3e3;
    line-height: 1.5em;
    font-weight: normal;
    color: #808285;
    padding-top: 60px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#about-container .small-about .bgbox {
    background: url('img/bg_50.png');
    margin-bottom: 20px;
}

#about-container .small-about .bgbox .grid_inside{
    padding: 15px 20px;
}

#about-container .small-about .bgbox.quote .grid_inside{
    padding: 15px 20px 15px 45px;
    background: url('img/quote.png') 15px 20px no-repeat;
    font-style: italic;
}

#about-container .small-about .bgbox.quote .grid_inside span {
    display: block;
    color: #575959;
    text-align: right;
}

#about-container .small-about p {
    margin-bottom: 10px;
}

#about-container .small-about .findme {
    padding-top: 10px;
}

#about-container .small-about .findme a {
    margin: 6px;
}

#about-container .small-about h3 {
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #cba700;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 20px 20px 20px;
}

#about-container a {
    color: #cba700;
    text-decoration: none;
}

#about-container a:hover {
    color: #ffe87d;
}

#about-container strong {
    color: #f0f0f0;
    font-weight: normal;
}

#bar {
    position: fixed;
    left: 0px;
    right: 17px;
    bottom: 0px;
    height: 60px;
    background-color: #000000;
    z-index: 100;
}

#bar .left {
    float: left;
    line-height: 30px;

    font-size: 17px;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#bar .left a {
    margin: 0px 5px;
}

#bar .left a.space {
    margin-left: 30px;
}

#bar .center {
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 60px;
    font-size: 17px;
    color: #7a7a7a;
    width: 50%;
    margin: 0px auto;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    text-transform: uppercase;
}

#bar .center div {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#bar .center .line {
    color: #313030;
}

#bar .center .sub {
    color: #7a7a7a;
}

#bar .right {
    float: right;
    line-height: 30px;
    height: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 17px;
    padding-right: 21px;
}

#bar .right a {
    margin: 0px 5px;
}

#hoverdesc {
    position: absolute;
    display: none;
    z-index: 99;
    background-color: #000;
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#hoverdesc .relativier {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#hoverdesc-title {
    color: #ffd200;
    font-size: 22px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 1.2em;
}

#hoverdesc-date {
    color: #868686;
    font-size: 16px;
    margin-left: 20px;
    margin-right: 20px;
}

#hoverdesc-category {
    color: #868686;
    font-size: 18px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#overlay {
    position: fixed;
    z-index: 105;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent url('img/overlay.png') repeat top left;
    display: none;
}

#workbox {
    position: fixed;
    width: 944px;
    height: 483px;
    top: 50%;
    left: 50%;
    margin-left: -475px;
    margin-top: -244.5px;
    background-color: #000;
    z-index: 110;
    display: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('img/workbox-loader.gif');
}

#workbox .relativier {
    width: 100%;
    height: 100%;
    position: relative;
}

#workbox .relativier .next-work, #workbox .relativier .prev-work  {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    top: 216px;
}

#workbox .relativier .next-work {
    background: url('img/nav-next.png') top left no-repeat;
    right: 10px;
}

#workbox .relativier .next-work:hover {
    background: url('img/nav-next-hover.png') top left no-repeat;
}

#workbox .relativier .prev-work {
    background: url('img/nav-prev.png') top left no-repeat;
    left: 10px;
}

#workbox .relativier .prev-work:hover {
    background: url('img/nav-prev-hover.png') top left no-repeat;
}

#workbox .desc {
    background: transparent url('img/overlay.png') repeat top left;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 15px 0px;
    color: #e0e0e0;
}

#workbox .desc h3 {
    font-size: 24px;
    font-weight: normal;
    padding: 5px 15px;
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#workbox .desc p {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    padding: 0px 15px;
    line-height: 1.6em;
    color: #bababa;
}

#workbox .desc p a {
    color: #e0e0e0;
    text-decoration: underline;
}

#workbox .desc p a:hover {
    color: #FFFFFF;
}

#workbox-controls {
    float: right;
    padding-right: 20px;
    padding-top: 5px;
}

#workbox-controls a {
    margin-left: 16px;
}

#workbox-controls a#workbox-zoom {
    margin-bottom: 10px;
}

#zoom {
    position: fixed;
    z-index: 150;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #090909;
    display: none;
    overflow: hidden;
    text-align: center;
    background: #090909 url('img/workbox-loader.gif') no-repeat center center;
    cursor: move;
}

#zoom img {
    display: none;
}

#zoom-close {
    position: fixed;
    z-index: 150;
    top: 0px;
    right: 0px;
    background: transparent url('img/overlay.png') repeat top left;
    z-index: 155;
    display: none;
    width: 24px;
    height: 24px;
    padding: 5px;
}

body.no-overflow {
    overflow: auto;
    height: 100%;
}

#work-container {
    padding: 70px 50px 50px 50px;
    background: url('img/about_bg.jpg') fixed no-repeat top center;
    min-height: 87%;
}

#work-container .logo {
    color: #cecdcd;
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

#work-container .logo h1 {
    float: left;
    margin-right: 30px;
}

#work-container .logo h2 {
    font-size: 24px;
    color: #4a4a4a;
    border-left: 2px solid #262626;
    padding: 10px 33px 10px 33px;
    line-height: 1.3em;
    font-weight: normal;
    float: left;
}

#work-container .work {
    width: 880px;
}

#work-container .work h3 {
    font-family: Anivers, Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #ffd200;
    font-size: 28px;
    font-weight: normal;
    padding: 50px 0px 20px 0px;
    text-decoration: none;
}

#work-container .work h3 a {
    color: #ffd200;
    text-decoration: none;
}

#work-container .work h3 a:hover {
    color: #ffe87d;
}

#work-container .work .work-prev {
    width: 880px;
    height: 300px;
    position: relative;
    margin-bottom: 20px;
}

#work-container .work .work-prev .next-work, #work-container .work .work-prev .prev-work  {
    position: absolute;
    width: 50px;
    height: 50px;
    display: block;
    bottom: 10px;
}

#work-container .work .work-prev .next-work {
    background: url('img/nav-next.png') top left no-repeat;
    right: 10px;
}

#work-container .work .work-prev .next-work:hover {
    background: url('img/nav-next-hover.png') top left no-repeat;
}

#work-container .work .work-prev .prev-work {
    background: url('img/nav-prev.png') top left no-repeat;
    left: 10px;
}

#work-container .work .work-prev .prev-work:hover {
    background: url('img/nav-prev-hover.png') top left no-repeat;
}

#work-container p {
    font-size: 13px;
    color: #e3e3e3;
    line-height: 1.5em;
    font-weight: normal;
    color: #808285;
    padding-top: 60px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    background: url('img/bg_50.png');
    padding: 20px;
    margin-bottom: 20px;
}

#work-container a.zoom {
    display: block;
    width: 880px;
    margin-bottom: 20px;
}

#work-container p a {
    color: #cba700;
    text-decoration: none;
}

#work-container p a:hover {
    color: #ffe87d;
}

.moreimages img {
	display: block;
	margin-bottom: 15px;
}