/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px helvetica,arial,clean,sans-serif;color: #000;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% helvetica,arial,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;} a{text-decoration: none;} a:hover{text-decoration: underline;}

/* General: Nav */
ul.nav li{
	display: inline;
	margin-right: 1em;
	text-transform: lowercase;
}

ul.nav li a{
	color: #403835;
}

ul.nav li.last{
	margin-right: 0;
}

/* Stuff */
ul.nav li strong a, a, #awards dd, #awards_list li p, #contact h2{
	color: #cf892d;
}

body{
	background: #fff;
	font-size: 12px;
	color: #403835;
}

body p {
	line-height: 1.25em;
	margin-bottom: 1.25em;
}

div#wrapper{
	margin: 0;
	width: 100%;
}

div#header{
	width: 100%;
	position: relative;
	background: #403835;
	height: 140px;
	position: relative;
	padding-bottom: 2.5em;
}

div#header #timbay{
	width: 200px;
	height: 96px;
	display: block;
	text-indent: -300px;
	background: #000 url(../img/logo.png) top left no-repeat;
	overflow:hidden;
	position: absolute;
	left: 20px;
	top: 20px;
}

div#header #navigation {
    background: #C7B299;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2.5em;
    width: 100%;
}

div#header #navigation ul {
    position: absolute;
    left: 120px;
}

div#header #navigation ul li a, #subnavigation ul li a {
    font-size: 16px;
    line-height: 1.875em;
}

div#header #strapline{
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
}

div#header p{
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
}

div#content{
	position: relative;
	margin-left: 120px;
	margin-top: 2.5em;
}
/* Home */
#home #content {
    min-height:40em;
    height:auto !important;
    height:40em;
	position: relative;
}

#home #content #background_image
{
    position: absolute;
    left: 310px;
    top: 0;
}

#home #content #copy {
    position: absolute;
    top: 1em;
    left: 0;
}

#content p{
  width: 280px;
}

#home #content .first p {
	font-weight: bold;
}

/* General */

#subnavigation {
    top: 140px;
    left: 0;
/*    border: 1px solid red;*/
    margin-top: 2.44em;
    position: absolute;
    width: 100%;
}

#subnavigation ul {
	margin-bottom: 1em;
	position: absolute;
    top: 0;
    left: 120px;
    margin-top: 0.5em;
/*    background: blue;*/
}

div.content_column {
    width: 280px;
    float: left;
    min-height:450px;
    height:auto !important;
    height:450px;
}

#project #project_copy {
    min-height:450px;
    height:450px;	    
}

img.hero{
/*    position: absolute;
    left: 310px;
    top: 0;
*/
    float: left;
    margin-left: 30px;
}

#imagelist li{
	float: left;
    min-height:35em;
    height:auto !important;
    height:35em;	
	margin-bottom: 1em;
	margin-right: 38px;
/*  border-bottom: 1px solid #4d4d4d;*/
}

#imagelist li.last{
	margin-right: 0px;
}

#imagelist h2{
	margin-bottom: -235px;
	margin-top: 220px;
}
#imagelist h2 span{
	padding-left: 0.4em;
	color: #cd892d;
}
#imagelist img{
	margin-bottom: 2.5em;
}

/* News */
#news #wrapper{
	height: auto !important;
	padding-bottom: 2em;
}

#content #news_content {
    min-height:450px;
    height:auto !important;
    height:450px;
    padding-top: 2em;	
}

/* Awards */
#awards h1 {
    display: none;
}

#awards dd{
	margin-bottom: 1em;
}

#awards ul#awards_list li .hero {
    display: none;
    position: absolute;
    top: 1em;
    right: 0;    
}

#awards ul#awards_list li.current img {
    display: block;
}

/* Clients */
#clients h1 {
    display: none;
}

#clients ul#clientlist{
	width: 20em;
}

#clients ul#clientlist li{
/*  float: left;*/
/*  width: 9em;*/
	margin-right: 1em;
	line-height: 1.6em;
}
#clients ul#clientlist li.odd{
/*  margin-right: 1em;*/
}

/* Pagination */
ol#pagination{
    display: block;
	clear: both;
}

ol#pagination li{
	float: left;
	width: 4em;
	height: 4em;
}

ol#pagination a{
	text-align: center;
	display: block;
	line-height: 2em;
	width: 3em;
	background: #333;
}

ol#pagination strong a{ background: #595959; }
ol#pagination a:hover{ text-decoration: none; background: #595959; }

/* Contact */
#contact h2{
	margin-bottom: 1em;
}
#contact h2.spacing{
	margin-top: 2em;
}
#contact address{
	margin-bottom: 1em;
}

#contact dt{
	float: left;
	margin-right: 0.3em;
}

#contact h2#enquiry{
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	line-height: 3em;
	width: 20em;
}

#contact label{
	line-height: 1.8em;
	display: block;
}
#contact input,#contact textarea{
	width: 20em;
	background: #4b4b4b;
	border: 0;
	padding: 0.3em;
}

#contact textarea {
    height: 5em;
}

#contact input#submit{
	width: 5em;
}

#contact label{
	clear: left;
}

/* Projects */
#project h1,#project p.first{
	font-weight: bold;
	margin-bottom: .30500000000000000000em;
}

#content.has_subnav {
    margin-top: 3.72em;    
} 

#project #content p {
	clear: both;    
}

#project p#subheader{
	color: #cf892d;
	margin-bottom: .61em;
}
#project #projectlist {
    position: relative;
}

#project #projectlist li{
	margin-bottom: 1em;
}
#project #projectlist li a{
}

#project #projectlist li .hero_image_link {
    display: none;
    position: absolute;
    top: 0;
    left: 280px;
}

#project #projectlist li a.current {
    display: block;
}

#project ol#pagination {
}

#project div#wrapper{
	margin-bottom: 10em;
}

/* Footer */

#footer {
    clear: both;
    padding-bottom: 4em;
}

/*
    About subnav
*/

#subnavigation li.current a {
/*    color: #cf892d;      */
    font-weight: bold;  
}

#subnavigation.background #background a {
    font-weight: bold; 
}

#subnavigation.people #people a {
    font-weight: bold; 
}

#subnavigation.philosophy #philosophy a {
    font-weight: bold; 
}

#home #nav_home a, #about #nav_about a, #project #nav_projects a, #clients #nav_clients a, #awards #nav_awards a, #news #nav_news a, #contact #nav_contact a {
    font-weight: bold;
}