/* CSS Document */

body {
background-color:#000;
padding-top:20px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
}

img {
display:inline;
}
#container {
background-color:#FFFFFF;
width:800px;
margin-left:auto;
margin-right:auto;
float:none;
position:relative;


}

#scrolling_page {
font-size:small;
padding-left:0px;
padding-top:15px;
width:700px;
/*position:relative;*/

}
.sub_section {
margin-left:20px;
margin-right:20px;
display:block;

}

.job_heading {
background-color:#666;
}

.description a, #description a{
color:#FFF;
text-decoration:underline;
}
.description .office_name, #description .office_name{
color:#FFFF99;
text-decoration:none;
display:block;
margin-bottom:0px;
height:20px;

}
.description .office_address, #description .office_address{
float:left;

display:block; 
float:left;
}

#expanding_container {
background-color:#fff;
width:780px;
float:left;
min-height:500px;
position:relative;
padding-left:20px;
padding-bottom:5px;
padding-top:10px;

}

#expanding_containernews {
background-color:#fff;
width:780px;
float:left;
min-height:500px;
position:relative;
padding-left:20px;
padding-bottom:5px;
padding-top:10px;

}

#expanding_containercareers {
background-color:#fff;
width:780px;
float:left;
min-height:500px;
position:relative;
padding-left:20px;
padding-bottom:5px;
padding-top:10px;

}

#header {
width:760px;
height:100px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
background-position:20px 20px;
background-color:#000000;
position:relative;
border-bottom:5px solid #fff;
}
#top_menu {
padding-right:25px;
width:760px;

height:15px;
margin-bottom:5px;
 font-size:65%; 
 color:#666;
 }
 

#top_menu .right {
float:right;

}
#top_menu .right a {
padding-left:20px;
}

#top_menu a {
color:#666;
text-decoration:none;
}

#top_menu a:hover {
color:#000066;
}

.image_holder, #image_holder{
width:760px;
height:230px;
float:left;
position:relative;
}
.image_holder img, #image_holder img{
float:left;
display:block;
}

.middle {
margin-left: 8px;
margin-right:8px;
}

#image_holder table{

float:right;
}
#image_holder td{

text-align:left;
}
#image_holder th{
text-align:right
}

#flash_holder{
width:760px;
padding:0px;
background-color:#000;
height:250px;

}

#vt #image_holder {
background-image:url(../images/VT.jpg);
background-position:0px -60px;
}

#directors #image_holder {
background-image:url(../images/directors_main.jpg);
background-position:0px -60px;
}
#sd #image_holder {
background-image:url(../images/sustainable.jpg);
}
#sd_link {
color:#FFFFFF;
position:absolute;
bottom:30px;
right:20px;
font-size:small;
background-position:80px;
background-repeat:no-repeat;


}
.sd_width {
width:240px;
text-align:center;
}
.re_width {
width:175px;
text-align:center;
}

.me_width {
width:175px;
text-align:center;
}

.dr_width {
text-align:center;
width:175px;
}
#sd_link a{
text-decoration:none;
color:#fff;
}
#sd_link a:hover{
text-decoration:underline;

}
#sd_link img {
margin-left:auto;
margin-right:auto;
float:none;
display:block;
padding-bottom:5px;

}
.black_link {
background-color:#000000;
display:block;
width:100%;
padding:2px;
text-align:center;
clear:left;
float:left;
}
#sd_link .black_tlink {
color:#000000;
}
#projects #image_holder{
background-image:url(../images/projects_main.jpg);
background-position:0px -160px;
}

#home #image_holder{
background-color:#000000;
background-image:url(../images/750px_logo.gif);
background-position:-10px -10px;

}


#contact #image_holder.indexpage{
background-image:url(../images/ukmap.gif);
background-repeat:no-repeat;
background-position:550px 0px;
width:760px;
float:left;
position:relative;

}



.description, #description{
width:650px;
height: 120px;
background:#000;
margin-top:2px;
padding-top: 5px;
padding-left:20px;
padding-right:90px;
color:#fff;
float:left;
font-size:11px;
line-height:180%;
clear:both;
}
.description h1, #description h1{
color:#FFFFFF;
font-size:small;
}
.description h3, #description h3{
color:#FFFFFF;
font-size:70%;;
}
#content{
width:740px;
padding-left:20px;
font-size:small;
margin-top:5px;
height:500px;
float:left;
margin-bottom:15px;
background-color:#99FF00;



}

#main_menu {
position:relative;
float:right;
margin-top:70px;
margin-right:10px;
}
#top_menu ul {
list-style:none;
padding:0;


}
#top_menu li {
color:#FFFFFF;
list-style:none;
padding:0;
margin:0;
display:inline;
color:#0066CC;
font-size:80%;
width:100px;
padding-left:20px;
text-decoration:none;

}

#menu_holder {
float:left;
}

#menu_holder ul {
padding:0;
margin:0;
list-style:none;
background-color:#000099;
}

#menu_holder li a{
background-color:#B6B6B6;
width:150px;
height:10px;
border-bottom:1px solid #FFFFFF;
font-size:80%;
padding-left:20px;
padding:10px;
display:block;
color:#02082A;



}
#menu_holder li a:hover{
background-color:#02082A;
color:#FFFFFF;
}


#footer {
position:absolute;
width:100%;
/*height:30px;*/
left: 30px;
bottom:-35px;
color:#000;
text-align:center;
font-size:70%;
color:#fff;


}

/*the navigation */

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	

}

#nav a {
	display: block;
	float:left;
	color:#CCCCCC;
	font-size:x-small;
	margin-left:10px;
	text-decoration:none;
	height:30px;


	}
	
#nav li ul{
width:100px;
float:left;


}

.clearer	{

	clear: both;
}
	
#nav li#sa ul li a:link{ 
width:200px;
clear:both;

	}
#nav li#sa ul li a:hover, #nav li ul li a:hover, #nav li ul li.sfhover a:hover{
background-color:#333;

	}
	#nav a:hover {
	color:#FFCC00;
	}

#nav li {

padding:0;
float: left;
	
}

#nav li#about_us{

width:80px;

}
#nav li#sa{
width:150px;

}
#nav li#projects{
width:80px;

}
#nav li#sd{
width:140px;

}
#nav li#careers{
width:60px;

}

#nav li#contact_us{
width:80px;

}

#nav li ul {
	position: absolute;
   left: -999em;
}

#nav li:hover ul  {

	width:230px;
	top:29px;
	
	

}

	
.contact_left, #contact_left {
float:left;
margin-left:20px;
margin-top:10px;
display:block;

}

#nav li:hover ul a, #nav li.sfhover ul a, #nav ul a{

background-color:#666;
text-decoration:none;
height:20px;
padding-top:5px;
width:200px;
padding-left:5px;

}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	z-index:100;
}

#nav li#about_us.sfhover ul{
left:0px;
top:29px;

}

#nav li#sa.sfhover ul {

left:80px;
top:29px;

}

#nav li#projects.sfhover ul {

left:230px;
top:29px;
}

#nav li#sd.sfhover ul {

left:310px;
top:29px;

}

#nav li#news.sfhover ul {

left:300px;
top:29px;

}



.contact_left, #contact_left {
width:150px; 
float:left;
color:#666;
font-size:small;
line-height:150%;
}
.contact_left li, #contact_left li{

height:20px; 

}
.contact_left a, #contact_left a {
text-decoration:none;
color:#666;
}
.contact_left a:hover, #contact_left a:hover {
text-decoration:underline;
}
.contact_left .selected, #contact_left .selected {
color:#000000;

}
.contact_left .selected:hover, #contact_left .selected:hover {

text-decoration:none;

}

#contact_address {
width:370px; 
height:150px; 
float:left;
color:#666;
font-size:80%;
line-height:150%;
margin-top:10px;

}

.ww_people, #ww_people {
width:320px; 
height:230px; 
float:left;
color:#666;
font-size:80%;
line-height:150%;
padding-top:10px;

}

table.ww_people , #ww_people table {
border-collapse:collapse;

}
#ww_people td, #ww_people th{
vertical-align:top;
padding-left:18px;
}


#contact_address ul {
padding:0;
margin:0;
list-style:none;
}
#contact_left ul{
list-style:none;
padding:0;
margin:0;
font-size:small;
line-height:150%;
}

.ww_projects {
width:220px;
height:200px;
margin-right:20px;
float:left;
margin-top:20px;
font-size:small;
color:#666666;
}
.profiles{
width:160px;
height:200px;
margin-right:20px;
float:left;
margin-top:20px;
font-size:small;
color:#666666;
}
.ww_projects a{
color:#000066;
}

.small_map, #small_map {
float:left; 
position:relative;
width:211px; 
height:42px;
padding-top:170px;
margin-left:10px;
background-repeat:no-repeat;
background-position:0px 10px;
}
.aberdeen #small_map {
background-image:url(../contact/maps/aberdeen.gif);
}
.belfast  {
background-image:url(../contact/maps/belfast.gif);

}
.donegal{
background-image:url(../contact/maps/donegal.gif);

}
.dublin {

background-image:url(../contact/maps/dublin.gif);
}
.edinburgh #small_map {
background-image:url(../contact/maps/edinburgh.gif);
}
.glasgow #small_map {
background-image:url(../contact/maps/glasgow.gif);
}
.leeds #small_map {
background-image:url(../contact/maps/leeds.gif);
}
.london #small_map {
background-image:url(../contact/maps/london.gif);
}
.abudhabi #small_map {
background-image:url(../contact/maps/abu-dhabi_bw.gif);
}

#directions {
float:left;
width:200px;
height:50px;
margin-top:20px;
}

.office_map, #office_map {
	float:left;
	height:50px;
	width:170px;
	background-image:url(../images/adobe_small.gif);
	background-position:175px 5px;
	background-repeat:no-repeat;
	padding-left:40px;
	clear:left;
	padding-top:20px;
	font-size:small;

}

#office_map a{
text-decoration:none;
color:#666666;
}
#office_map a:hover{
text-decoration:underline;
}

.job, .newsitem, .archive {
display:block;
margin-top:20px;
margin-bottom:15px;
width:760px;


}

.job_heading, .news_heading{
background-color:#ccc;
margin-bottom:10px;
padding-top:5px;
display:block;
float:left;
display:inline;
width:730px;
padding-bottom: 5px;
padding-left:30px;
font-weight:bold;
clear:both;

}


.sub_heading {
font-weight:bold;
display:block;
margin-top:10px;
margin-bottom:10px;
}

.newspage ul {
margin-top:0px;
margin-bottom: 0px;
margin-left:10px;
/*display:block;*/
}

.newsitem img {
float:right;
margin-top: 0px;
margin-bottom: 0px;
margin-left:10px;
/*display:block;*/
}

.archive img {
float:right;
margin-top: 0px;
margin-bottom: 0px;
margin-left:10px;
/*display:block;*/
}

.newsitem a, li a {
color:#000099;
text-decoration:none;
}



.director {
	
	width:183px;
	height:105px;
	float:left;
	margin-right:9px;
	background-color:#666;
	text-align:center;
	background-color:#666;
}
.director img{
display:block;
margin-bottom:5px;
width:183px;
height:85px;
}

#topRow {
width:820px; 
height:115px; 
float:left;
margin-top:3px;


}
#bottomRow {
width:780px; 
height:105px; 
float:left; 

}

.director h1 {
display:block;
float:left;
font-size:8pt;
font-weight:normal;
color:#000;
padding:0;
margin-top: -4px;
clear:both;

width:184px;

}
.director h2 {
font-size:8pt;
clear:both;
color:#666;
padding:0;
margin:0;
font-weight:normal;

}

#links_col1 {
	position:absolute;
	left:20px;
	top:20px;
	width:200px;
	color:#FFFFFF;
	color:#FFFF99;
	font-weight:bold;
	font-size:8pt;
}
#links_col2 {
	position:absolute;
	left:250px;
	height:225px;
	top:20px;
	width:200px;
	color:#FFFF99;
	font-weight:bold;
	font-size:8pt
}

#links_col1 a, #links_col2 a {
clear:both;
display:block;
text-decoration:none;
font-size:x-small;
color:#FFFFFF;
	font-weight:normal;
	font-size:8pt;
}

#awardstext {
	position:absolute;
	left:20px;
	top:20px;
	width:500px;
	color:#FFFFFF;
	color:#FFFFFF;
	font-weight:normal;
	font-size:8pt;
}

.awardstextbold {
	color:#FFFF99;
	font-weight:bold;
	font-size:8pt;
}

.careers ul {
margin-top:-20px;
}

.careers a {
color:#000099;
}

#image_holder.projects {
padding:0px;
}
#image_holder.projects img{

float:left;
position:relative;
display:block;
width:186px;
height:110px;
margin-right:5px;
}

a img {
border:none;
}

.top_row {
float:left;
width:780px;
height:112px;


}
.bottom_row {
float:left;
height:115px;
margin-top:4px;
width:780px;


}

.job p {

margin-left:30px;
}

.newspage p {
margin-left:30px;
display:block;
width:720px;
padding-top:0px;
margin-top: 0px;



}

.newspage img {
width:300px;
height:200px;
}

.news_selected {
color:#000;
text-decoration:none;
}
.news_unselected {
color:#999999;
text-decoration:none;
}

#careersMenu {
margin-left:30px;
margin-top:10px;
}

.indent {
margin-left:30px; 
display:block; 
margin-top:30px;
}

.contact_side {
padding:0;
margin:0;
list-style:none;
}

h2 {
font-size:12px;
font-weight:bold;
height:10px;
margin-top:0px;
}

a img {
cursor:default;
}

.newspage #scrolling_page, .careers #scrolling_page {
border:1px solid #ccc;
width: 759px;
}

hr {
color:#666666;
height:1px;
width:720px;
margin-top:30px;
margin-bottom:30px;
border:0;
}