@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);

* {margin:0; padding:0;}
html,body {height:100%;}
body {font-family:'Oswald',sans-serif; font-size:24px; line-height:28px; font-weight:bold;}
body.noscroll {overflow:hidden;}
a {color:inherit;}
h1,h2,h3,h4,h5,h6 {font-size:inherit; line-height:inherit;}

::selection {background:red;}
::-moz-selection {background:red;}

table {width:100%; height:100%; border-spacing:0; border-collapse:collapse;}
table tr td {border:10px solid black; border-style:inset; width:10%; height:10%; text-align:center; background-size:100% 100%;}
table tr td.col1 {border-left:0;}
table tr td.col10 {border-right:0;}
table tr.row1 td {border-top:0;}
table tr.row15 td {border-bottom:0;}
table tr td img {display:block; visibility:visible; width:100%; height:auto;}
table tr td a.thumb {display:block; width:100%; height:100%;}
table tr td a.thumb:hover {background-image:url('../../images/hover-blocks.gif'); background-size:100% 100%;}
table tr td a.thumb.new {background-image:url('../../images/new-orange.png'); background-size:100% 100%;}
table tr td a.thumb.new:hover {background-image:url('../../images/new-orange-hover.gif'); background-size:100% 100%;}
table tr td a.thumb.infopage:hover {background-image:url('../../images/infopage-hover.gif'); background-size:100% 100%;}

div.placeholder {display:none;}

div#wrapper {position:fixed; top:0; right:0; bottom:0; left:0;}
div#wrapper nav {position:absolute; top:0; left:0; right:0; bottom:0; font-size:40px; line-height:40px; color:#000;}
div#wrapper nav#nw {right:50%; bottom:50%;}
div#wrapper nav#nw:hover {cursor:nw-resize; cursor:url('../../images/arrow-nw.png'),nw-resize;}
div#wrapper nav#ne {left:50%; bottom:50%;}
div#wrapper nav#ne:hover {cursor:ne-resize; cursor:url('../../images/arrow-ne.png'),ne-resize;}
div#wrapper nav#sw {right:50%; top:50%;}
div#wrapper nav#sw:hover {cursor:sw-resize; cursor:url('../../images/arrow-sw.png'),sw-resize;}
div#wrapper nav#se {left:50%; top:50%;}
div#wrapper nav#se:hover {cursor:se-resize; cursor:url('../../images/arrow-se.png'),se-resize;}

article {position:absolute; width:680px; height:88%; top:6%; right:0; left:0; margin:0 auto; overflow-y:auto;}
body.project article {
	background:#ccc;
	background:rgb(204,204,204) transparent;
	background: rgba(204,204,204,0.95);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDCCCCCC, endColorstr=#DDCCCCCC);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDCCCCCC, endColorstr=#DDCCCCCC)";
	-moz-box-shadow:0px 0px 30px 30px rgba(204,204,204,0.95);
	-webkit-box-shadow:0px 0px 30px 30px rgba(204,204,204,0.95);
	box-shadow:0px 0px 30px 30px rgba(204,204,204,0.95);}
body.infopage article {
	background:#5a0;
	background:rgb(85,170,0) transparent;
	background: rgba(85,170,0,0.95);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD55AA00, endColorstr=#DD55AA00);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DD55AA00, endColorstr=#DD55AA00)";
	-moz-box-shadow:0px 0px 30px 30px rgba(85,170,0,0.95);
	-webkit-box-shadow:0px 0px 30px 30px rgba(85,170,0,0.95);
	box-shadow:0px 0px 30px 30px rgba(85,170,0,0.95);}
article h1 {font-weight:bold; margin-bottom:10px;}
article section {width:640px; margin:20px;}
article section p {margin-bottom:20px;}
article section#images figure {margin-bottom:50px;}
article section#images figure:last-child {margin-bottom:0;}
article section#images figure figcaption {padding:50px 50px 10px 50px; text-align:center; /*font-family:Helvetica,Arial,sans-serif; font-size:40px; line-height:46px; font-weight:normal;*/}
article section#images figure img {width:100%; height:auto;}