/* Colours */

body.1a1a18 {background-color:#1a1a18;}
body.red {background-color:red;}

em, em a, strong, p.date, div#project-navigation p { color: #1a1a18; }

/* Typography */

body { 
	font-family: "Greta Text",courier;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
	font-variant: normal;
	line-height: 1.3; }
h1,h2,h3,h4,h5, ul li, p, em, div.description { font-size: 13px; font-weight: normal; }

/* Links */

a { text-decoration: none; }
a:hover { background-image:url(../../images/grid-bg.08.png);}
a:visited {color:#1a1a18;}
a:active {color:#1a1a18;}
a.noLinkHoverClass:hover { background-image:url(../../images/grid-bg.07.png); }

/* Layout */

body { 
	padding: 0; 
	margin:0; 
	text-align: center; 
	overflow:hidden;
	}
body.index {margin:0; padding:0; background-color:white;}

img { margin: 0; padding: 0;}

object {
	margin-bottom:24px;
}

.threequarters { width:50%; }

p { margin: 0px 0px 5px; }

hr { display: block; clear: both; margin: 5% 0 0 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; }
.col hr { margin: 0px 0px 15px; }

.floatleft  {float:left;}

hr.smallrow {height:20px}

ul { list-style: none; padding: 0; margin: 0; }
ul li { margin: 0px}
li { clear: both; }

/* Main Menu */

#ui {
	position:fixed;
	bottom:0px;left:0px;
	width:100%;
	height:100%;
}

.headerfooter div {
	overflow:auto;
	width:33%;
}

.headerfooter .previous, .headerfooter .center {
	text-align:left;
	float:left;
}

.headerfooter .center  {
	text-align:center;
}

.headerfooter .next {
	text-align:right;
	float:right;
}

.headerfooter .padding {
	width:100%;
}

.headerfooter h1, .headerfooter h3, .headerfooter h4, .headerfooter p{
	margin:12px 0;
	padding:12px 0;
	/*font-size:11px;*/
}

.headerfooter .next p {
	margin-right:24px;
}

.headerfooter .previous p, .headerfooter .previous h1 {
	margin-left:24px;
}

#header {
	position:fixed;
	top:0px; left:0px;
	height:48px; width:100%;
	z-index:10;
	background-color:white;
	text-align:center;
}

#header h1, #header h3, #header h4,#header p
{
	margin-top:6px;
	padding-top:12px;
}

#footer {
	position:fixed;
	bottom:0px; left:0px;
	width:100%;
	text-align:center;
	background-color:white;
}

#footer .center {
	cursor:pointer;
}

#mainmenu {
	position:fixed;
	top:0px; left:0px;
	width:100%;height:100%;	
	margin:0 auto;
	overflow:auto;
	text-align:left;
	background-image:url(../../images/grid-bg.06.png);
}

body.index #mainmenu {
	display:block;
	overflow:auto;
}

#mainmenu .container {
	width:50%; height:100%;
	margin:0 0 0 50%;
}

#mainmenu .container div {
	padding:60px 24px 24px 0px;
}

#mainmenu h4 {
	/*font-size:12px;*/
	margin:24px 0 6px 0;
	padding:0;
}

#mainmenu ul {
	padding: 6px 0;
	margin: 0 auto;
	background-color:none;
}

#mainmenu ul li {
	padding:3px 0;
	background-color:none;
	cursor:pointer;
	/*font-size:12px;*/
}

#mainmenu ul li.projectopen {
	margin-top:0px;
}

#mainmenu ul li ul {
	margin-bottom:0px;
	margin-top:0;
	display:none;
}

#mainmenu ul li ul li {
	margin:0px 0 3px 28px;
	padding:0;
	background-color:none;
}

#mainmenu ul li a {
	text-decoration:none;
	color:#1a1a18;
}

/* Project description */

body.twoCol #content,
body.imageGalleryHorizontal #content {
	position:fixed;
	left:0;top:0;
	height:100%;
	width:100%;
	background-color:white;
}

body.twoCol #content .padding { width:50%;text-align:left;overflow:auto; }
body.twoCol h2 { margin:48px 0;}

body.twoCol #content img {
	/*width:100%;*/
}

.twoCol .text {
	padding-bottom:48px;
}

.imageGalleryHorizontal #content .padding {
	width:100%;
	overflow-x: auto;
	overflow-y:hidden;
}

.imageGalleryHorizontal .images {
	width:auto;
	white-space:nowrap;
	font-size:0px;
}

.imageGalleryHorizontal .images img	 {
	white-space:none;
	margin-right:-1px;
}

.longText .fixedRight .text {
	padding-top:48px;
	padding-bottom: 120px;
}

/* Generic Classes */

.video .video {
	padding-top:120px;
}

.alignRight {
	text-align:right;
}

.alignMiddle {
	text-align:right;
}

.paddingLeft, .paddingRight {
	padding-left:60px;
	padding-right:60px;
}

.paddingLeft img:first-child {
	margin-top:90px;
}

.fixedRight {
	position:absolute;
	right:0px;top:0px;
}

.fixedLeft {
	position:absolute;
	left:0px;top:0px;
}

.hide {
	display:none;
}

a.atom-rss { margin: 0px 0px 0px 6px; padding: 1px 2px 0px; font-size: 0.93em; letter-spacing: 0.08em; background: #ddd; }

/* Debug styles */
#debug {position:absolute;top:0;left:0;width:100%;height:200px;overflow:auto;}