#branding, #main-title {width:100%; display:block; background-image: linear-gradient(left , rgb(242,113,32) 6%, rgb(230,44,34) 93%);
background-image: -o-linear-gradient(left , rgb(242,113,32) 6%, rgb(230,44,34) 93%);
background-image: -moz-linear-gradient(left , rgb(242,113,32) 6%, rgb(230,44,34) 93%);
background-image: -webkit-linear-gradient(left , rgb(242,113,32) 6%, rgb(230,44,34) 93%);
background-image: -ms-linear-gradient(left , rgb(242,113,32) 6%, rgb(230,44,34) 93%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F27120', endColorstr='#F27120');
background-image: -webkit-gradient(
	linear,
	left top,
	right top,
	color-stop(0.06, rgb(242,113,32)),
	color-stop(0.93, rgb(230,44,34))
);
}

#main-title {text-align:center; color:#fff;line-height: 1.3em; font-weight:normal;padding: 0; margin:0; border-bottom:none;}
#logos-desktop { margin-left:1em;}
body#container { background-color:#ece8e5; background-image:none;}


/* 4b. Site nav ----------------------------------------------------*/
#site-nav{ width:100%; background-color:#e52824; border-top: none;}
#site-nav li {text-overflow: ellipsis;white-space: nowrap;text-transform:none;overflow: hidden; border-top:1px solid #fff; margin-right:0.5em; text-align:left;}
#site-nav li a {color:#fff; font-size:0.9em;  border:none;text-transform:none;  background-color: #e52824; text-decoration:none; background-image: none !important; }
#site-nav li a:hover {background:#e52824; color:#fff; border-top:2px solid #fff;}
#site-nav .top-level.current a {border-top:2px solid #fff; background-image:none; background-color:#e52824 !important; color:#fff;}
#site-nav a { padding: 0.9em 1.5em;background:#e52824 !important;}  

/* home sections ----------------------------------------------------*/
section#intro { width:30%; background-color:#303030; color:#fff;  padding:1.5em;  margin-left:-24px; float:left; }
section#intro p { line-height:1.6em; font-size:0.85em; color:#fff;}
section#intro span { font-weight:bold; color:#da7122;}
section#intro #latest-tweets  h2 ,section#news h2, section#recent-projects h2, section#project-snapshot h2  { text-transform:uppercase;  font-size: 1em;  color: #887e6e; font-family: arial; border-bottom:none;}
section#news, section#recent-projects {width:31%; float:left;  padding: 0 0 1.5em 1.5em; }
section#news h3, section#recent-projects h3 {line-height:1.4em; font-family:arial; font-size:1.2em; color:#303030; }
section#news h3 a, section#recent-projects h3 a { color:#303030; }
#content a.see-all { display:block; background-color: #666; color:#fff; padding:8px; text-transform:uppercase; font-size:0.9em; text-decoration:none;}
div.project-details:nth-of-type(3n+1) {clear:left}
div.project-details {min-height:37em; _height:37em} /* For IE 8 and below */

div.news-item-full:nth-of-type(3n+1) {clear:left}
/* link overrides  ----------------------------------------------------*/
#page-wrap a { color:#B61415; /*#f7771c;*/ }
#page-wrap h3, #page-wrap h3 a {color:#303030; }
/* project details  ----------------------------------------------------*/

#page-wrap .project-details, #page-wrap .news-item-full  { width:30%; display:block; float:left; margin-right: 30px; margin-bottom:50px;}
#page-wrap .team-details  {background-color:#eee; padding:1em; margin-right:1em; margin-bottom:1em; width:28%; display:block; float:left; min-height:22em;}
#page-wrap .project-details-home {display:block; } 
.date, .grey {color:#909090;}
#page-wrap img {border: 3px solid #eee} 


section#project-snapshot {width:30%; background-color:#f5f4f2; padding:1.5em;  margin-left:-24px; float:left}
section#project-details-full {width:63%;padding:0 1em 1em 1em;float:right; }


#page-wrap2 {margin-left: 1.5em!important;}