/*****************************************************
* Layout
*****************************************************/
header, article, nav, section {
	display:block;
}

body {
	text-align:center;
	background:#fff;
	}
#wrapper {
	text-align:left;
	margin:0 auto;
	width:960px;
	padding:32px 20px;
}
#maincontent {
	width:780px;
	float:right;
}
article {
	width:180px;
	margin:0 20px 0 0;
	float:left;
}
#content {
	position:relative;
	}

/* Header
*****************************************************/
header#logo{
	margin:0 0 32px 0;
}
header#logo h1 {
	margin:0 0 0 180px;
	line-height:48px;
}
header#logo h1 a,
header#logo h1 a:hover,
header#logo h1 a:visited,
header#logo h1 a:active {
	color:#000;
	text-decoration:none;
}

/* Navigation
*****************************************************/
#people aside {
	position:absolute;
	}
aside{
	position:fixed;
	width:160px;
	margin-right:20px;
	background:#fff;
}
aside nav ul{
	font-size:16px;
	line-height:32px;
	font-style:italic;
	list-style-type:none;
	margin:0 0 28px 0;
	}
	aside nav ul a,
	aside nav ul a:visited {
		color:#666;
		}
	aside nav ul a.active {
		color:#000;
		font-weight:bold;
		}
	aside nav ul a.active:hover {
		text-decoration:none;
		}
	aside nav ul.people{
		font-size:13px;
		font-style:normal;
		line-height:16px;
		list-style-type:none;
		margin:0 0 0 0;
	}
	aside nav ul.people li {
		margin-bottom:12px;
	}
	aside nav ul.people span {
		display:block;
	}
	aside nav ul.people a:hover span {
		text-decoration:underline;
	}
aside footer {
	font-size:12px;
	line-height:16px;
	list-style-type:none;
	color:#000;
}
aside footer p{
	margin:0;
}
aside footer p.num{
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
}
aside footer p.mailto{
	margin:0 0 16px 0;
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
}
	aside footer p.mailto a{
		border-bottom:1px solid #4c4c4c;
	}
	aside footer p.mailto a:hover{
		border-bottom:1px solid #000;
		text-decoration:none;
		background:#ffff00;
	}
aside footer p.copy{
	font-size:10px;
	color:#a4a4a4;
	line-height:16px;
}

div#top {
	padding:16px 0 16px 0;
}
a.top,
body#recruitment a.top {
	text-decoration:none;
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
	font-size:11px;
}
a.top:hover,
body#recruitment a.top:hover {
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#ffff00;
}
/*active*/
a.active {
	font-weight:bold;
	color:#000;
}

/* social links */
ul.social {
	margin-bottom:5px;
	}
ul.social li {
	float:left;
	list-style-type:none;
	}
ul.social a.icon {
	display:block;
	width:22px;
	height:22px;
	background:url('/images/social-icons.png') no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin-left:-1px;
	}
ul.social a.twitter:hover {
	background-position:0px -22px;
	}
ul.social a.facebook {
	background-position:-21px 0;
	}
	ul.social a.facebook:hover {
		background-position:-21px -22px;
	}
ul.social a.linked {
	background-position:-42px 0;
	}
	ul.social a.linked:hover {
		background-position:-42px -22px;
	}
ul.social a.rss {
	background-position:-63px 0;
	}
	ul.social a.rss:hover {
		background-position:-63px -22px;
	}
ul.social a.fm {
	background-position:-126px 0;
	}
	ul.social a.fm:hover {
		background-position:-126px -22px;
	}
ul.social a.we {
	background-position:-84px 0;
	}
	ul.social a.we:hover {
		background-position:-84px -22px;
	}
ul.social a.flickr {
	background-position:-105px 0;
	}
	ul.social a.flickr:hover {
		background-position:-105px -22px;
	}

body#people #maincontent .info a {
	text-decoration:underline;
	}
/* Main Content
*****************************************************/
/*home page*/
div.projects,
div.people {
	width:180px;
	float:left;
	margin:0 20px 0 0;
}
div.projects blockquote {
	font-family:'Georgia','Times','Times New Roman',serif;
	margin-bottom:15px;
	}
	div.projects blockquote p{
			margin-bottom:8px
	}
	div.projects blockquote span{
		font-size:11px;
	}
body#home #maincontent section h1,
body#people #maincontent section h1 {
	font-weight:normal;
	margin:0 0 28px 0;
	font-size:20px;
	line-height:32px;
}
body  div#col4 {
	margin-right:0px;
}

body#home article,
body#people article {
	margin:0 0 0 0;
}
body#home article h3{
	font-size:13px;
	line-height:16px;
	margin-bottom:5px;
}
body#home article h3 a img{
	padding:0 0 6px 0;
}
body#home  article a:hover,
body#people  article a:hover {
	text-decoration:none;
}
body#home  article a.view {
	text-decoration:none;
	border-bottom:1px solid #4c4c4c;
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
	font-size:11px;
	margin-bottom:20px;
	display:inline-block;
}
body#home  article p.meta {
	font-size:11px;
}
body#home  article p.meta span {
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
}
body#home  article a.view:hover,
body#people  article a.view:hover {
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#ffff00;
}
body#home article.feature {
	background:#d3d3d3;
	padding:13px 13px 0 13px;
	width:154px;
	margin-bottom:21px;
	color:#000;
	}
	body#home article.feature h2 {
		background:url('/images/home/love.png') no-repeat 0 0;
		width:154px;
		height:24px;
		text-indent:-9999px;
		margin-bottom:10px;
		}
	body#home article.feature h2.photos {
		background-position: 0 -48px;
		}
	body#home article.feature h2.games {
		background-position: 0 -24px;
	}
	body#home article.feature h2.music {
		background-position: 0 -72px;
	}
	body#home article.feature h2.bristol {
		background-position: 0 -96px;
	}
	body#home article.feature h2.coffee {
		background-position: 0 -120px;
	}
.play-music .spotify {
	float:left;
	margin-right:13px;
	}
body#home .play-music h3 {
	font-size:11px;
	font-weight:bold;
	margin-bottom:0;
	margin-left:5px;
	}
.play-music a.currently {
	font-size:11px;
	margin-left:5px;
	display:block;
	margin-bottom:16px;
	}
/*links*/
body#home article h3 a span,
body#people article h2 a span{
	color:#000;
	font-weight:bold;
}
body#home article h3 a:hover,
body#people article h2 a:hover {
	color:#000;
}
body#home article h3 a:hover span,
body#people article h2 a:hover span {
	color:#000;
	background:#ffff00;
}
/*blockquotes*/
body blockquote p{
  margin:0 0 16px 0;
  }
body  blockquote span{
  font-size:12px;
  color:#979797;
  }

/*case study page*/
body#project #maincontent section#project-spec {
	margin:0 0 64px 0;
}
body#project section#project-info h1 {
	font-size:20px;
	margin:0 0 0 0;
}
body#project #maincontent p.info {
	width:580px;
	margin:0 20px 16px 0;
	float:left;
	font-size:13px;
}
body#project #maincontent #project-info {
	margin: 0 0 32px 0;
}
body#project #maincontent #project-info .info {
	width:180px;
	margin:0 20px 16px 0;
	float:left;
}
	/*body#project #maincontent #project-info .info h2 {
		border-top:1px solid #A2A2A2;
		border-bottom:1px solid #A2A2A2;
		line-height:16px;
		font-size:13px;
		margin:0 0 8px 0;
		padding:3px 0;
	}*/
	body#project #maincontent #project-info .info h2 {
			line-height:32px;
			font-size:14px;
			font-weight:bold;
			color:#000;
			line-height:32px;
			margin:0 0 0 0;
	}
body#project #maincontent #project-info img {
	margin:0 0 0 0;
	float:right;
}
body#project #maincontent p.site,
body#project #maincontent p.sector {
	width:180px;
	float:left;
	font-size:12px;
}
body#project #maincontent p.site span,
body#project #maincontent p.sector span{
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
	font-size:11px;
}
body#project #maincontent p.site span a{
	border-bottom:1px solid #4C4C4C;
}
body#project #maincontent p.site span a:hover{
	text-decoration:none;
	background:#ffff00;
}
body#project #maincontent p.site {
	margin:0 20px 0 0;
}
body#project #maincontent img {
	margin:0 0 48px 0;
}
body#project #maincontent .video {
	margin:0 0 48px 0;
}
body#project #testimonial img {
	margin:0 0 0 0;
}
body#project #maincontent img.mac {
	margin:0 20px 0 0;
	float:left;
}
body#project #maincontent ul#spec,
body#people #maincontent .skills ul{
	width:180px;
	list-style-type:none;
	float:left;
}
body#project #maincontent ul#spec li h1,
body#people #maincontent .skills ul h2 {
	font-size:14px;
	line-height:32px;
	margin:0 0 0 0;
}
body#project #maincontent ul#spec li {
	font-size:12px;
	line-height:32px;
	border-bottom:1px solid #DDDDDD;
}
body#project #maincontent blockquote{
	width:380px;
	margin:0 20px 0 0;
	font-size:16px;
	float:left;
	line-height:19px;
}
body.rfu #testimonial,
body.dyson #testimonial,
body.riba #testimonial{
	margin:0 0 48px 0;
}
#dyson-banner {
	display:block;
	width:728px;
	height:90px;
	margin:32px 26px 48px 26px;
}

/* Recruitment */
body#recruitment section a{
	text-decoration: underline;
}

body#recruitment h2{
	font-size:16px;
}
	body#recruitment h2 span{
		font-weight: bold;
	}
/* About and recruitment*/
body#recruitment #jobs .col1,
body#recruitment #jobs .col2,
body#recruitment #working-with-us .col1,
body#recruitment #working-with-us .col2,
body#about-us #about .col1,
body#about-us #about .col2,
#love-coffee .col1,
#love-coffee .col2,
body#about-us #philosophy .col1,
body#about-us #philosophy .col2{
	width:380px;
	float:left;
	margin:0 20px 0 0;
}
body#recruitment #jobs .col2,
body#recruitment #working-with-us .col2,
body#about-us #about .col2,
body#about-us #philosophy .col2,
#love-coffee .col2{
	margin:0;
}
body#recruitment #jobs h1,
body#recruitment #working-with-us h1,
body#about-us #create header h1,
body#about-us #philosophy header h1,
body#about-us #project header h1{
	font-size:20px;
	font-weight:normal;
	line-height:16px;
	margin:0 0 32px 0;
}
body#recruitment #working-with-us h1,
body#recruitment #gang h1{
    color:#9e9e9e;
}
	body#recruitment #jobs h1 span,
	body#recruitment #working-with-us h1 span,
	body#about-us #create header h1 span,
	body#about-us #philosophy header h1 span,
	body#about-us #project header h1 span{
		font-size:24px;
		font-weight:bold;
		line-height:32px;
		display:block;
	}
/* About */
body#about-us #about,
body#about-us #project,
#love-coffee,
#recruitment #intro,
#recruitment #jobs,
#recruitment #working-with-us {
	border-bottom:1px solid #dfdfdf;
	margin:0 0 32px 0;
	padding:0 0 15px 0;
}
body#about-us #about header h1 {
	font-size:20px;
	font-weight:normal;
}
body#about #maincontent blockquote {
	font-size:16px;
	line-height:19px;
}
body#about-us #create .col1,
body#about-us #create .col2,
body#about-us #create .col3,
body#about-us #create .col4 {
	width:180px;
	float:left;
	margin:0 20px 0 0;
}
body#about-us #create .col4 {
	margin:0;
}
body#about-us #create {
	border-bottom:1px solid #dfdfdf;
	margin:0 0 32px 0;
	padding:0 0 15px 0;
}
body#about-us #create dl {
	margin:0;
}
body#about-us #create dl dt {
	line-height:32px;
	color:#000;
	border-top:1px solid #dfdfdf;
	padding:7px 0 0 0;
}
body#about-us #create dd {
	padding:0 0 16px 0;
}
body#about-us #create h2 {
	font-size:14px;
	line-height:16px;
}
body#about-us #philosophy {
	margin:0 0 32px 0;
}
body#about-us #philosophy h2 {
	font-size:12px;
	color:#000;
	margin:0;
	font-weight:bold;
}
body#about-us #project ol {
	margin-bottom:62px;
	}
body#about-us #project ol li {
	width:90px;
	margin-right:25px;
	float:left;
	list-style-type:none;
	}
	body#about-us #project ol li.last {
		margin-right:0;
		}
	body#about-us #project ol li h2 {
		font-family: 'Georgia', 'Times', 'Times New Roman', serif;
		font-size:12px;
		font-style:italic;
		line-height:18px;
		font-weight:bold;
		}
		body#about-us #project ol li h2 span {
			display:block;
			font-size:24px;
			font-family: 'HelveticaNeueLT Pro 65 Md', 'Helvetica', 'Arial', sans-serif;
			font-style:normal;
			margin-bottom:20px;
		}
body#about-us #project img.start-top{
	margin-bottom:36px;
	}
body#about-us #project img.start-bot{
	margin-bottom:10px;
	}
/*contact*/
#map {
	width:380px;
	height:400px;
	margin:0 20px 0 0;
	float:left;
}
#hcard-nameless {
	width:380px;
	float:left;
}
#hcard-nameless div,
#hcard-nameless span{
	display:block;
}
.adr {
	margin:0 0 16px 0;
}
#hcard-nameless div.tel {
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
}
#hcard-nameless div.tel span {
	display:inline;
	font-family: 'Helvetica', 'Arial', sans-serif;
}
#hcard-nameless div.last {
	margin:0 0 16px 0;
}
#hcard-nameless a.email {
	margin: 0 0 16px 0;
	display:block;
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
	border-bottom:1px solid #4C4C4C;
	display:inline-block;
}
	#hcard-nameless a.email:hover {
		background:#ffff00;
		text-decoration:none;
	}
#hcard-nameless p.no {
	margin:0;
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
}
#hcard-nameless p.no span {
	display:inline;
	font-family: 'Helvetica', 'Arial', sans-serif;
	}
/* people */
.people h2 {
	margin-bottom:24px;
	letter-spacing:-1px;
	}
	.people h2 a {
		font-size:18px;
		font-weight:normal;
	}
	.people h2 a img{
		margin-bottom:11px;
		}
		.people h2 a span {
			font-size:21px;
			display:block;
			line-height:21px;
		}
body#people #maincontent #people-info h1 {
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	}
	body#people #maincontent #people-info h1 span {
		font-size:24px;
		font-weight:bold;
		display:block;
	}
body#people #maincontent #people-info #info-wrap {
		margin-bottom:30px;
	}
	body#people #maincontent .info {
		float:left;
		margin:0 20px 16px 0;
		width:380px;
	}
	body#people #maincontent .skills {
		float:left;
		margin:0 20px 16px 0;
		width:180px;
		}
		body#people #maincontent .skills ul li {
			font-size:12px;
			line-height:16px;
			padding:8px 0 8px 0;
			border-bottom:1px solid #DDDDDD;
		}
		body#people #maincontent .skills ul li h2 {
			font-weight:bold;
			line-height:16px;
		}
		body#people #maincontent .skills ul li.title {
			padding-top:0;
			}
		body#people #maincontent .skills ul li.last,
		body#people #maincontent .skills ul.social li {
			border-bottom:none;
			}
/* recruitment */
#working-with-us #nine {
    list-style-position: inside;
    list-style-type: decimal;
}
#working-with-us #nine li {
    margin-bottom:15px;
    font-weight:bold;
}
#working-with-us #nine li span {
    font-weight:normal;
}

/*misc*/
body#fouroh #maincontent section h1 {
	margin:0 0 32px 0;
}

body.showreel #maincontent section#project-info h1 {
	margin-bottom:12px;
	}
/* Secondary Content
*****************************************************/

/* Footer
*****************************************************/


/*****************************************************
* Misc
*****************************************************/
a#nameless-showreel:focus {
	outline:0;
	}
/* Forms
*****************************************************/

#coffee-form fieldset {
	border-bottom:1px solid #dfdfdf;
	margin-bottom:32px;
	padding-bottom:15px;
	}
#coffee-form fieldset label {
	display:block;
	width:180px;
	margin-right:20px;
	float:left;
	font-weight:bold;
	}
#coffee-form fieldset input,
#coffee-form fieldset select,
#coffee-form fieldset textarea {
	border:1px solid #e2e9ef;
	border-top:1px solid #acadb2;
	width:176px;
	padding:2px;
	display:block;
	float:left;
	font-size:12px;
	}
#coffee-form fieldset textarea {
	width:376px;
	}
#coffee-form fieldset select {
	padding:0;
	width:182px;
	}
#coffee-form fieldset p.check {
	margin-left:200px;
	width:380px;
	}
#coffee-form fieldset p.check input {
	border:1px solid #e2e9ef;
	border-top:1px solid #acadb2;
	width:0;
	padding:0;
	margin-right:5px;
	display:inline;
	float:none;
	vertical-align:middle;
	}
#coffee-form fieldset p.check label {
	display:inline;
	width:0;
	margin:0px;
	float:none;
	color:#4c4c4c;
	font-weight:normal;
	}
#coffee-form .submit {
	margin-left:360px;
	padding:0 5px;
	}
#coffee-form fieldset p label.error {
	width:180px;
	float:right;
	margin:0;
	padding:0 5px;
	color:red;
	}
#feedback h6.message {
	padding:5px;
	}
#feedback h6.success {
	background:#8FBC8F;
	}
#feedback h6.error {
	background:#FFB6C1;
	}
/* Classes
*****************************************************/
blockquote.red {
	color:#c44b4b;
}
blockquote.blue {
	color:#3d8d94;
}
blockquote.green {
	color:#449a46;
}
blockquote.purple {
	color:#724280;
}
blockquote p,
blockquote span {
		font-family: 'Georgia', 'Times', 'Times New Roman', serif;
	}

.right {
	float:right;
	}
.show {
	display:block;
	}
.hide {
	display:none;
	}