@charset "UTF-8";
/* CSS Document */

/* --- CSS Reset --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  outline:0;
}

a {
	color:#e4c49b;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

p.intro{
	font-size:1.4em;
	font-weight:bold;
	}
	
.categoryLabel{
	font-size:0.75em;
	text-transform:uppercase;
	}

body {
  background-color:#2c282e;
  font-family:Arial, Helvetica, sans-serif;
  color:#cccccc;

}

#backgroundColour
{
  background-color:#2c282e;
  font-family:Arial, Helvetica, sans-serif;
  color:#cccccc;
}


#header{
	width:100%;
	height:135px;
	background:url(../images/bg-header.png);
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	z-index:9999;
	}
	
#headerInternal{
	width:100%;
	height:135px;
	background:url(../images/bg-header.png);
	position:fixed;
	top:0;
	left:0;
	overflow:hidden;
	z-index:9999;
	}
	
@media screen{
  body>div#header{
   position:fixed;
  }

* html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
 
ul#nav{
	width:360px;
	margin-top:80px;
	float:left;
	list-style:none;
	padding:0;
	}
	
ul#nav li{
	list-style:none;
	padding:0;
	margin:0 10px 6px 0;
	float:left;
	width:110px;
	}
	
ul#nav li a{
	color:#e4c49b;
	text-decoration:none;
	font-weight:bold;
	}
	
ul#nav li a:hover,
ul#nav li a.current{
	color:#fff;
	}
	
ul {
	margin: 20px 0 20px 0;
}

li {
	margin: 0 0 0 20px;
}
	
h1 a{
	display:block;
	width:360px;
	height:53px;
	background:url(../images/bg-logo.gif) no-repeat;
	text-indent:-9999em;
	padding:0;
	margin:78px 0 0 0;
	float:right;
	}

	
.container-960{
	width:960px;
	margin:0 auto;
	}
	
#content-container{
	padding-top:30px;
	}

#project-grid{
	margin:50px 0 0 0;
	}


.column-480{
	float:left;
	padding:0;
	width:480px;
	margin:0 0 0 0;
	}
	
.column-240{
	float:left;
	padding:0;
	width:240px;
	margin:0 0 0 0;
	}
	
.column-720{
	float:left;
	padding:0;
	width:720px;
	margin:0 0 0 0;
	}
	
.right-column{
	margin:0;
	}


a.project-wide{
	display:block;
	background-position:0 44px;
	background-repeat:no-repeat;
	margin:0 10px 10px 0;
	padding:0;
	background-color:#b1b1af;
	font-weight:bold;
	font-size:1.4em;
	color:#fff;
	cursor: pointer;
	position:relative;
	width:470px;
	}
	
a.project-thin{
	display:block;
	float:left;
	background-position:0 44px;
	background-repeat:no-repeat;
	margin:0 10px 10px 0;
	padding:0;
	background-color:#b1b1af;
	font-weight:bold;
	font-size:1.4em;
	color:#fff;
	cursor: pointer;
	position:relative;
	width:230px;
	}
	
.project-wide:hover,
.project-thin:hover{
	background-position:100% 44px;
	} 
	
a.documentary{
	background-color:#b1b1af;
	}
	
a.exhibition{
	background-color:#b2aea4;
	}
	
a.artwork{
	background-color:#888885;
	}
	
a.drama{
	background-color:#a69691;
	}
	
a.interactive{
	background-color:#8f7c7b;
	}

a.documentary:hover{
	background-color:#ecd36c;
	}
	
a.exhibition:hover{
	background-color:#eea24a;
	}
	
a.artwork:hover{
	background-color:#edb24a;
	}
	
a.drama:hover{
	background-color:#ee6e4a;
	}
	
a.interactive:hover{
	background-color:#e65b51;
	}
	
a span{
	display:block;
	height:34px;
	padding:10px 10px 0 10px;
	margin:0;
	float:left;
	}
	
a .summary{
	display:none;
	font-weight:normal;
	font-size:0.7em;
	height:auto;
	padding-bottom:10px;
	}
	
a.documentary .summary{background:url(../images/bg-summary-documentary.png);}
a.exhibition .summary{background:url(../images/bg-summary-exhibition.png);}
a.artwork .summary{background:url(../images/bg-summary-artwork.png);}
a.drama .summary{background:url(../images/bg-summary-drama.png);}
a.interactive .summary{background:url(../images/bg-summary-interactive.png);}
	
.project-wide span{width:450px;}
.project-thin span{width:210px;}

div.box-thin{
	display:block;
	float:left;
	background-position:0 44px;
	background-repeat:no-repeat;
	margin:0 10px 10px 0;
	padding:10px;
	background-color:#3d393f;
	font-size:1.2em;
	width:210px;
	}
	
div.box-wide{
	display:block;
	float:left;
	background-position:0 44px;
	background-repeat:no-repeat;
	margin:0 10px 10px 0;
	padding:10px;
	background-color:#3d393f;
	font-size:1.2em;
	width:450px;
	}
	
div.box-thin-image{
	display:block;
	float:left;
	background-position:0 44px;
	background-repeat:no-repeat;
	margin:0 10px 10px 0;
	padding:0px;
	background-color:#3d393f;
	font-size:1.2em;
	width:230px;
	}
	
div.box-wide-image{
	display:block;
	float:left;
	background-position:0 44px;
	background-repeat:no-repeat;
	margin:0 10px 10px 0;
	padding:0px;
	background-color:#3d393f;
	font-size:1.2em;
	width:470px;
	}
	
	
div.box-thin a{
	text-decoration:none;
	}
	
div.box-thin ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.7em;
	}
	
div.box-thin ul li{
	margin:0 0 4px 0;
	padding:0;
	}
	
div.box-thin ul li a{
	color:#e4c49b;
	font-weight:bold;
	}
	
div.box-thin ul li a:hover,
div.box-thin ul li a.current{
	color:#fff;
	}
	
div.box-thin h3{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.5em;
	}
	
div.box-wide h3{
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:0.5em;
	}
	
div.box-thin p{
	font-weight:normal;
	font-size:0.7em;
	line-height:1.3em;
	}
	
div.box-wide p {
    font-size: 0.7em;
    font-weight: normal;
    line-height: 1.3em;
}
	
a.more{
	font-weight:bold;
	color:#e4c49b;
	}
	
a.more:hover{
	color:#fff;
	}
	
.news-box{
	color:#fff;
	}
	
.twtr-hd,
.twtr-ft{
	display:none;
	}
	
.twtr-tweet-wrap{margin-left:-7px;}

.twtr-tweet-text{font-size:1.8em;}
	
.twtr-tweet-text p{font-family:Arial, Helvetica, sans-serif;}
	
.twtr-tweet-text p em{
	margin-top:20px;
	}
	
.footer {
  background-color:#474246;
  width:100%;
  padding:20px 0 60px 0;
  margin:60px 0 0 0;
  font-size:0.8em;
}

.footer-links{
	float:right;
	}
	
	
.column-480 h2{
	width:450px;
	height:35px;
	padding:10px 10px 0 10px;
	color:#fff;
	background:#e4c49b;
	font-size:1.4em;
	margin:0 0 10px 0;
	font-weight:bold;
	}
	
.column-720 h2{
	background:#3d393f;
	width:690px;
	height:35px;
	padding:10px 10px 0 10px;
	color:#fff;
	font-size:1.4em;
	margin:0 0 10px 0;
	font-weight:bold;
	}
	
.column-720 .content{
	background:#3d393f;
	width:690px;
	padding:10px 10px 20px 10px;
	color:#fff;
	margin:0 0 10px 0;
	font-weight:normal;
	}
	
.column-720 .content h3{
	color:#fff;
	font-size:1.4em;
	margin:0 0 0.5em 0;
	font-weight:bold;
	}
	
	
h4 {
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 0.5em 0;
}

h5 {
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 0.5em 0;
}

h6 {
	font-weight:bold;
	font-size:1.1em;
	margin:0 0 0.5em 0;
}
	
.column-720 .content p{
	font-weight:normal;
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 1.0em 0;
	}