/*****************************************************
* 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;
}

/* 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
*****************************************************/
aside{
	position:fixed;
}
aside nav ul{
	font-size:16px;
	line-height:32px;
	font-style:italic;
	list-style-type:none;
	margin:0 0 48px 0;
}
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;
	font-family: 'Tahoma', serif;
	line-height:16px;
}

div#top {
	padding:16px 0 16px 0;
}
a.top {
	text-decoration:none;
	font-family: 'Georgia', 'Times', 'Times New Roman', serif;
	font-size:11px;
}
a.top:hover {
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#ffff00;
}
/*active*/
a.active {
	font-weight:bold;
}
/* Main Content
*****************************************************/
/*home page*/
div.projects {
	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 {
	font-weight:100;
	margin:0 0 48px 0;
	font-size:20px;
	line-height:32px;
}
body#home  div#col4 {
	margin-right:0px;
}

body#home  article  {
	margin:0 0 0 0;
}
body#home article h2{
	font-size:13px;
	line-height:16px;
	margin-bottom:5px;
}
body#home article h2 a img{
	padding:0 0 6px 0;
}
body#home  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 {
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#ffff00;
}
/*links*/
body#home article h2 a span{
	color:#000;
	font-weight:bold;
}
body#home article h2 a:hover {
	color:#000;
}
body#home 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 #maincontent 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 {
	width:180px;
	list-style-type:none;
	float:left;
}
body#project #maincontent ul#spec li h1 {
	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:0 26px 48px 26px;
}
/* About */
body#about-us #about {
	border-bottom:1px solid #dfdfdf;
	margin:0 0 32px 0;
	padding:0 0 15px 0;
}
body#about-us #about .col1,
body#about-us #about .col2,
body#about-us #philosophy .col1,
body#about-us #philosophy .col2{
	width:380px;
	float:left;
	margin:0 20px 0 0;
}
body#about-us #about .col2,
body#about-us #philosophy .col2{
	margin:0;
}
body#about-us #about header h1 {
	font-size:20px;
	font-weight:100;
}
body#about #maincontent blockquote {
	font-size:16px;
	line-height:19px;
}

body#about-us #create header h1{
	font-size:24px;
	font-weight:bold;
	line-height:16px;
	margin:0 0 32px 0;
}
	body#about-us #create header h1 span{
		font-size:20px;
		font-weight:100;
		line-height:32px;
	}
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 h1 {
	font-size:12px;
	color:#000;
	margin:0;
	font-weight:bold;
}
/*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;
	}
/*misc*/
body#fouroh #maincontent section h1 {
	margin:0 0 32px 0;
}
/* Secondary Content
*****************************************************/

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


/*****************************************************
* Misc
*****************************************************/

/* Forms
*****************************************************/

/* Classes
*****************************************************/
blockquote.red {
	color:#c44b4b;
}
blockquote.blue {
	color:#3d8d94;
}
blockquote.green {
	color:#449a46;
}
blockquote.purple {
	color:#724280;
}