body {
 font-size: 11px;
 font-family:Arial, Helvetica, sans-serif;
 color:#353634;
 background-color:#D95E00;}

* {
 margin:0;
 padding:0;
 list-style:none;}

hr {
 display:none;}


/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

/* hide from ie-mac \*/
.clearfix {display:block;}
/* end hide from ie mac */
.clearfix {display:block !important;}
.clearfix {display:inline-block;}

.imgreplace { /* apply image replacement */
 text-indent:-999999px;
 text-align:justify;
 overflow:hidden;
 display:block;}

.nounderline { /* remove underline */
 text-decoration:none !important;}

.bold {
 font-weight:bold;}

img.alignright {
 float:right;
 margin-left:10px;}
 

/* FORMS
----------------------------------------------------------------------------------------*/
fieldset {
 border:none;}

fieldset br {
 clear:left;}
 
 
/* LINKS
--------------------------------------------------------------------------------------*/
a img {
 border:none;}

a:focus { 
 outline:none;}

a:link,a:visited {
 color:#353634;
 text-decoration:none;}

a:hover {
 text-decoration:underline;}


/* HEADINGS
--------------------------------------------------------------------------------------*/
h1 {
 font-size:2.8em;
 color:#626161;
 padding:0 0 15px 0;}

h2 {
 font-size:1.4em;
 color:#B5C6CE;}

h3 {
 font-size:1.4em;
 color:#0098DB;}
 
h4 {
  font-size:11px;
 color:#0098DB;}


/* LAYOUT
--------------------------------------------------------------------------------------*/ 
#wrapper {
	position:relative;
	width:100%;
	height:100%;}

#headerbg{
	width:100%;
	height:105px;
	background:#D95E00 url(images/bg_logo.gif) bottom repeat-x;}

#header {
	position:relative;
	width:796px;
	height:105px;
	margin:0 auto;}

#contentbg{
	float:left;
	width:100%;
	background-color:#fff;
	background-image: url(images/content-bg.jpg);
	background-repeat: repeat-x;
}

#content {
	width:796px;
	margin:0 auto;
	font-size:1.1em;
}

#footerbg{
	float:left;
	width:100%;
	height:100%; font-size: 9px;
	background:#D95E00 url(images/bg_content.gif) top repeat-x;}

#footer {
	width:796px;
	margin:0 auto;
	color:#fff;
	font-size:1.1em;}
	
/* HEADER CONTENTS
--------------------------------------------------------------------------------------*/ 	
#header h1 {
	position:absolute;
	left:0;
	top:56px;
	width:153px;
	text-indent:-999em;
	overflow:hidden;
	background:url(images/logo.gif) no-repeat;
	}

#header h1 a {
	display:block;
	width:153px;
	height:33px;
	}
	

/* CONTENTS
--------------------------------------------------------------------------------------*/ 
/* .page {
	width:796px;
	margin:37px 0 0 0;}

.page h2 {
	position:relative;
	width:764px;
	height:13px;
	font-size:1.3em;}

.page h2 {
	background:url(images/replace_01.gif) no-repeat;
	text-indent: -999999px;
	} */
.page h2 {
	margin-top:37px;
	font-weight:normal;
}

.video, .left_content {
	float:left;
	width:427px;}

.left_content {margin-top: 20px;}
.left_content_project {margin-top: 20px;}

p.image {float: right;}
p.faces {float: left; width: 265px; margin-left: 0px;}
news {color: #D95E00; font-weight:bold;}



.left_content ul, .video ul {margin:10px 0 10px 10px; font-size:11px; list-style-type:none;}
.left_content ul li, .video ul li {padding:0 0 0 16px; background: #fff url(images/gt_than.gif) 0 2px no-repeat; margin-bottom:5px;}

.left_content_project ul li, .project ul li {padding:0 0 0 16px; background: #fff url(images/gt_than.gif) 0 2px no-repeat; margin-bottom:5px;}

ul.proj_list_ul li {padding:0 0 0 16px; background: #fff url(images/gt_than.gif) 0 2px no-repeat; margin-bottom:5px;}


.left_content ul li a {color:black; text-decoration:none;}
.left_content a {text-decoration:underline;}

/*Project List Table*/
.projects ul.below_team {margin:10px 0 10px 10px; font-size:11px; list-style-type:disc;}
.projects ul.below_team  li {padding:0 0 0 16px; background: #fff url(images/gt_than.gif) 0 2px no-repeat; margin-bottom:5px;}


div.team_list {background: #584C29;}
div.top_team_list {margin-top: 15px; background: #fff url(images/top_team_list.gif) 0 0 no-repeat; height: 16px; }
div.bottom_team_list {background: #fff url(images/bottom_team_list.gif) 0 0 no-repeat; height: 12px; margin-bottom: 15px;}

/* Latest News box */
div.news_top_list {margin-top: 15px; background: #fff url(images/news_top.gif) 0 0 no-repeat; height: 16px; }
div.news_bottom_list {background: #fff url(images/news_bottom.gif) 0 0 no-repeat; height: 12px; margin-bottom: 15px;}

ul.news_list_ul {background-color: #0098DB; width: 312px;}
ul.news_list_ul li {background: #0098DB url(images/blue.gif) 15px 8px no-repeat;display: block; margin: 0; padding: 5px 0 5px 30px; font-size: 12px; color: #fff;}
ul.news_list_ul a {color: white; text-decoration:underline;}


/*Project Team Box*/

ul.team_list_ul {background-color: #584c29; width: 312px;}
ul.team_list_ul li {background: #584c29 url(images/brown_gt_than.gif) 15px 8px no-repeat;display: block; margin: 0; padding: 4px 0 4px 30px; font-size: 12px; color: #fff;}

ul.team_list_ul li.pdf {background: #584c29 url(images/pdf_icon.gif) 15px 5px no-repeat; padding-left:40px; padding-bottom:8px; }

ul.team_list_ul li a {color:#fff;}
ul.team_list_ul li.first_item {padding-top: 0px; background-position: 15px 2px;}

ul.team_list_ul li.last_item {padding-bottom: 0px;}


ul.body_inline_list {display: inline;}
ul.body_inline_list li {background: #fff url(images/arrow.gif) 0 2px no-repeat; padding-left: 18px; font-size: 11px; display:  inline; margin-left: 15px;color: #333; padding-top:2px; padding-bottom:3px;}
ul.body_inline_list li a {color: #D95E00; font-weight:bold;}
ul.body_inline_list li a:hover {text-decoration:underline;}

/*
#architecture_page div.team_list {background: ##17524e;}
#architecture_page div.top_team_list {margin-top: 15px; background: #fff url(images/architecturet_team_list.gif) 0 0 no-repeat; height: 16px; }
#architecture_page div.bottom_team_list {background: #fff url(images/architectureb_team_list.gif) 0 0 no-repeat; height: 12px; margin-bottom: 15px;}
#architecture_page ul.team_list_ul {background-color:#17524e;}
#architecture_page ul.team_list_ul li {background: #17524e url(images/architecture_gt_than.gif) 15px 8px no-repeat;display: block; margin: 0; padding: 4px 0 4px 30px; font-size: 12px; color: #fff;}


#transport_page ul.team_list_ul {background-color:#17524e;}
#transport_page ul.team_list_ul li {background: #17524e url(images/transport_gt_than.gif) 15px 8px no-repeat;display: block; margin: 0; padding: 4px 0 4px 30px; font-size: 12px; color: #fff;}

#highways_page ul.team_list_ul {background-color:#17524e;}
#highways_page ul.team_list_ul li {background: #17524e url(images/highways_gt_than.gif) 15px 8px no-repeat;display: block; margin: 0; padding: 4px 0 4px 30px; font-size: 12px; color: #fff;}

#water_page ul.team_list_ul {background-color:#17524e;}
#water_page ul.team_list_ul li {background: #17524e url(images/water_gt_than.gif) 15px 8px no-repeat;display: block; margin: 0; padding: 4px 0 4px 30px; font-size: 12px; color: #fff;}

#engineering_page ul.team_list_ul {background-color:#17524e;}
#engineering_page ul.team_list_ul li {background: #17524e url(images/engineering_gt_than.gif) 15px 8px no-repeat;display: block; margin: 0; padding: 4px 0 4px 30px; font-size: 12px; color: #fff;}
*/

#flashcontent {
	float:left;
	width:427px;
	
	margin:22px 0 0 0;}

.thumbvids {
	float:left;
	width:427px;}

.thumbvids ul {
	margin:20px 0 10px 0;
	padding:0;
	white-space:nowrap;}

.thumbvids li {
	display:inline;
	padding:0 21px 0 0;}

.thumbvids li.nopad {
	padding-right:0;}

.left_content p {margin: 10px; font-size: 11px; line-height: 19px;}
.blue {color: #0098DB; font-weight: bold; margin-bottom: 0px;}
.blue a {color: #0098DB;}
.blue a:visited {color: #0098DB; text-decoration:underline;}

.right_content p {margin: 10px; font-size: 11px; line-height: 19px;}
.orange {color: #D95E00; font-weight:bold; margin-bottom: 0px;}
.orange a {color: #D95E00;}
.orange a:visited {color: #D95E00; text-decoration:underline;}


.projects {
	float:left;
	width:338px;
	padding:32px 0 0 30px;}
	

	

.projects h3 {
	position:relative;
	width:133px;
	height:13px;
	font-size:1.3em;}

.projects h3 {
	background:url(images/replace_02.gif) no-repeat;
	text-indent: -999999px;
	position:absolute;
	}

.projects p {
	clear: right; 
	line-height:1.5em;
	padding:0px 0 5px 8px;
	}
	
	
.projects ul {
	margin:0 20px 0 0;}
	


.thumbproj {
	position:relative;
	float:right;
	width:174px;
	padding:0 0 10px 10px;}

.projlist a:hover{
	text-decoration:none;}

.thumbproj ul {
	margin:0;
	padding:0;}

.thumbproj li {
	display:inline;}

.thumbproj li img {
	padding:0 5px 5px 0;}

.thumbtext p {
	margin:0 0 2px 0;}

.tabcontent {
	display:none;}

.thumbdesc {
  position:absolute;
	padding:0 3px;
	top:28px; 
	left:-149px; 
	width:140px;
	line-height:1.5em;
	text-decoration:none;
	background-color:#fff;}
	

.projects .arrow, .thumbtext .arrow {
	float:right; position: relative; z-index: 1000;}
	
.projects .arrow li, .thumbtext .arrow li  {
	background:url(images/btn_arrow.gif) left no-repeat; }

.projects .arrow li a, .thumbtext .arrow li a {
	padding-left:23px; color: #000;}
.projects .arrow li a:hover, .thumbtext .arrow li a:hover {
	text-decoration: underline;}
/* FOOTER CONTENTS
--------------------------------------------------------------------------------------*/ 	
#footer .leftside {
	float:left;
	width: 280px;
	margin:35px 0 0 0;}

#footer .leftside p {
	font-size: 11px;
	margin:5px 0 5px 0; padding: 0;}
	
#footer .leftside a:link, #footer .leftside a:visited {
	color:#fff;
	text-decoration:none;}
	
#footer .leftside a:hover {
	color:#fff;
	text-decoration:underline;}

#footer .rightside {
	float:right;
	width: 506px;
	margin:40px 0 0 0;}

#footer .rightside h2 {
	position:relative;
	float: right;	
	width:163px;
	height:13px;
	font-size:1.3em;
	color:#fff;
	margin-right: 0px;
	background:url(images/replace_03b.gif) no-repeat;
	text-indent: -999999px;}

#footer .rightside ul {
	clear: both;
	float: right;
	margin-top:30px;}

#footer .rightside li {
	display:inline;}

#footer .rightside li a {
	padding:0 8px 0 3px;
	color:#fff;
	background:url(images/divider.gif) right no-repeat;
	text-decoration:none;
	font-size: 11px;
	}

#footer .rightside li a.nodivider {
	padding:0 0 0 5px;
	background:none;}

#footer .rightside li a:hover {
	text-decoration:underline;}



/* TOP NAVIGATION
---------------------------------------------------------------------------------*/
#nav {
	padding:39px 0 0 0;}

#nav ul {
	float:right;
	display:inline;
	margin:0;
	padding:0;
	white-space:nowrap;}

#nav li {
  display:block;
 	float:left;
	margin:0;
	padding:0 3px 0 0;
	list-style-type:none;}

#nav li a:link, 
#nav li a:visited { 
  display:block;
	text-indent:-999em;}

.architecture, #nav1{ 
	width:80px;
	height:21px;  
	background:url(images/menu_01b.gif) top left no-repeat;
	overflow:hidden;} 
  
.architecture:hover{ 
	background-position:bottom left;} 

.environment, #nav2{ 
	width:80px;
	height:21px;   
	overflow:hidden; 
	background:url(images/menu_02b.gif) top left no-repeat;} 
  
.environment:hover{ 
	background-position: bottom left;} 

.transport, #nav3{
	width:70px;
	height:21px;
	overflow:hidden;
	background-image: url(images/menu_03b.gif);
	background-repeat: no-repeat;
	background-position: left top;
} 
  
.transport:hover{ 
	background-position:bottom left;} 

.highways, #nav4 {
	width:65px;
	height:21px;
	overflow: hidden;
	background-image: url(images/menu_04b.gif);
	background-repeat: no-repeat;
	background-position: left top;} 
  
.highways:hover{ 
	background-position:bottom left;} 

.water, #nav5 {
	width:60px;
	height:21px;
	overflow:hidden;
	background-image: url(images/menu_05b.gif);
	background-repeat: no-repeat;
	background-position: left top;} 
  
.water:hover{ 
	background-position:bottom left;} 

.engineering, #nav6{
	width:78px;
	height:21px;
	overflow:hidden;
	background:url(images/menu_06c.gif) top left no-repeat;} 
  
.engineering:hover{ 
	background-position:bottom left;} 
	
.rail, #nav6b{
	width:55px;
	height:21px;
	overflow:hidden;
	/*background:url(images/menu_06d.gif) top left no-repeat;*/
	background-image: url(images/menu_06d.gif);
	background-repeat: no-repeat;
	background-position: left top;} 
  
.rail:hover{ 
	background-position:bottom left;} 
	
.fandg, #nav7{
	width:118px;
	height:21px;
	overflow:hidden;
	background:url(images/menu_07b.gif) top left no-repeat;
} 
  
.fandg:hover{ 
	background-position:bottom left;} 

 .active {background-position: bottom left;}

.left_content h3 a, .video h3 a {text-decoration:none; color: #0098DB; font-weight:normal; text-transform:uppercase; font-size:12px;}

.left_content h3 a:hover {text-decoration:underline;}
.left_content h3 a:visited {color: #0098DB;}

/* PROJECT TABLES */

.left_content table {border-collapse:collapse; border:1px solid #fff; margin-top:15px; }
.left_content td {padding:10px 10px 10px 5px;}
.left_content table td p{margin:0 0 0 10px; padding:0 0 9px 0; line-height:12px}
.left_content table th {text-align:left; padding:5px; border-bottom:1px solid #fff; font-size:14px}
td.desc, td.proj {width:25%; text-align:right; vertical-align:top; color:#0098DB; font-weight:bold}
td.projname {background:#fff; border-left:1px solid #ddd; padding-bottom:5px;}
td.description {background:#fff; border-left:1px solid #ddd; }
.left_content table tr td ul {margin-top:0;}
.left_content table tr td ul li {background:transparent; padding:0 0 5px 0; margin-left:0px; margin-top:0; }
.left_content table tr td ul li ul {margin-top:9px}
.left_content table tr td ul li ul li {list-style-type:disc; margin-left:5px;}
.left_content td.bottom {font-size:14px;}
.left_content td.client, .duration, .deliverables {}


/* PAGE IMAGES */

.left {float:left; margin-right:15px;}

/* PROJECT PAGES */
.clear {clear:left;}
p.project {clear:left; float:left;border-bottom:1px solid #ddd; padding-bottom:9px;}

p.project, div.project{width:100%; margin-left:0; margin-right:0}
div.project {margin-top:12px; padding-bottom:0}
.projHeader {font-size:12px;}
.projHeader a:visited {color:#b5c6ce; text-decoration:underline}
.projImg {margin-top:9px;}
img.project {float:left; padding-right:15px; margin-top:3px;padding-bottom:15px; border:0}
ul.project {border-bottom:none; padding-bottom:0}
ul.project li a {text-decoration:underline;}

.left_content ul.pdf li {background: url(images/pdf_icon.gif) top left no-repeat; padding: 2px 0 2px 25px; margin-left:-10px;}


/* 	architecture project page */

#image {
margin-bottom:18px;
}

.video ul.vidthumbs li{background:none; padding-left:0; padding-right:21px}
#sitemap h3 {
	color: #D95E00;
	padding: 3px;
	background-image: url(images/bg_logo.gif);
	background-repeat: repeat-x;
	background-position: 60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D95E00;
	margin-bottom: 5px;
}

#sitemap   ul   li a  {
	padding:0 0 15px 16px;
	margin-bottom:20px;
	background-color: #fff;
	background-image: url(images/gt_than.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
#sitemap   ul   li  ul li a  {
	padding:0 0 15px 32px;
	margin-bottom:20px;
	background-color: #fff;
	background-image: url(images/gt_than.gif);
	background-repeat: no-repeat;
	background-position: 20px 2px;
}
#sitemap  ul li {
	margin-left: 20px;
}




#content .topmainnav {
	float:none;
	width: 796px;
	margin:0;
}

#content .topmainnav h2 {
	position:relative;
	float: right;	
	width:163px;
	height:13px;
	font-size:1.3em;
	color:#fff;
	margin-right: 0px;
	background:url(images/replace_03b.gif) no-repeat;
	text-indent: -999999px;}

#content .topmainnav ul {
	clear: both;
	float: none;
	margin-top:7px;
}

#content .topmainnav li {
	display:inline;}

#content .topmainnav li a {
	padding:0 8px 0 3px;
	color:#0098DB;
	background:url(images/divider2.gif) right no-repeat;
	text-decoration:none;
	font-size: 12px;
	}

#content .topmainnav li a.nodivider {
	padding:0 0 0 5px;
	background:none;}

#content .topmainnav li a:hover {
	text-decoration:underline;}