/* CSS Document */

.mainnav ul, .mainnav li {
list-style-image:none;
}

.mainnav ul {
margin:0pt;
padding:0pt;
z-index:1;
}

.mainnav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0.6em 0em 0.4em 1em;
position:relative;
z-index:2;
}

.mainnav ul ul {
background-color:transparent;
border-collapse:collapse;
display:none;
right:-2pt;
padding-top:0em;
position:absolute;
top:2em;
z-index:3;
}

.mainnav ul ul ul {
background-color:transparent;
border-collapse:collapse;
display:none;
right:15em;
padding-top:0em;
position:absolute;
top:0em;
z-index:6;

}

.mainnav ul ul li {
background-color:#FFFFFF;
border-width:0pt;
float:none;
margin:0pt;
text-align:right;
padding:0pt 0.5em;
width:14em;
}

.mainnav ul ul ul li {
background-color:#FFFFFF;
border-width:0pt;
float:none;
margin:0pt;
padding:0pt 1em;
width:14em;
}

.mainnav ul li:hover {
z-index:4;
}

.mainnav ul li:hover ul {
background-color:transparent;
display:block;
}
.mainnav ul li:hover ul ul{
display:none;
}

.mainnav ul li:hover ul li:hover ul {
background-color:transparent;
display:block;
}

.mainnav ul ul li:first-child, .mainnav ul ul ul li:first-child {
border-top:0px;
}

.mainnav li li a {
display:block;
padding:0.3em 1pt;
width:14em;
}

.mainnav li li li a {
display:block;
padding:0.3em 1pt;
width:14em;
}

.mainnav li a:hover{
text-decoration:underline;
}

 li a:hover, .subnav ul li a:hover {
text-decoration:underline;
}

.mainnav ul li{
font-weight:normal;
}

ul li.current{
font-weight:bold;
}

.mainnav .navigation ul{
border-bottom:1px solid #4C4A3D;
border-left:1px solid #4C4A3D;
}	

.mainnav .navigation ul ul{
border-bottom:1px solid #4C4A3D;
border-left:1px solid #4C4A3D;

}	

/* End of menu stuff */

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

h1{
font-weight: normal;
}

table{
margin: 0px;
padding: 0px;
}

/* layout */
.shell{
width: 965px;
margin: 20px auto;
padding: 0px;
font-size: 70%;
}

.header{
}

.breadcrumb{
width: 100%;
clear: both;
height: 20px;
margin-top: 10px;
margin-bottom: 10px;
text-transform: lowercase;
}

.logo{
float: left;
width: 335px;
}

.search{
float: right;
height: 40px;
width: 350px;
}

.search #input_search{
width: 100px;
margin-right: 0px;
margin-left: 10px;
font-size: 100%;
}

#submit_button{
background-color: #d4cfc9;
width: 25px;
padding: 0px;
margin: 0px;
}

.search .searcha-z{
float: right;
width: 110px;
margin-top: 6px;
margin-right: 0px;
text-align: right;
}

/* main navi */
.mainnav{
width: 100%;
clear: both;
text-transform: lowercase;
}
.mainnav ul{
float: right;
list-style: none;
margin: 0px;

}
.mainnav ul li{
float: left;
margin: 3px 0 0 9px;
}
.mainnav ul li a{
color: #666666;
text-decoration: none;
}
/* sub  navi */
.subnav{
width: 180px;
text-transform: lowercase;
float: left;
padding: 0px;
margin: 0px;

}
* html .subnav{
width: 190px;
text-transform: lowercase;
float: left;
padding: 0px;
margin: 0px;

}
.subnav ul{
width: 180px;
float: left;
list-style: none;
margin: 0px;
padding: 0px;
}
.subnav ul li{
margin: 0px 0px 2px 0px;
padding: 0px 0px 2px 0px;
}
.subnav ul li a{
color: #666666;
text-decoration: none;
}


/* footer navi */
.footernav{
clear: both;
float: right;
}
.footernav ul{
float: right;
list-style: none;
margin: 0px;

}
.footernav ul li{
float: left;
margin: 3px 0 0 9px;
text-transform: lowercase;
}
.footernav ul li a{
color: #666666;
text-decoration: none;
}
/*--- Heading Boxes---*/
div.rightcol div.headerbox{
float: right;
background: url('/images/homepage-header.jpg') no-repeat;
padding: 0px;
margin: 0px;
color: #FFFFFF;
border-bottom: 5px solid #FFFFFF;
width: 100%;
background-color: #4c4a3d;
border: 1px solid #ccoooo;
}

div.headerbox{
float: right;
padding: 0px;
margin: 0px;
color: #FFFFFF;
border-bottom: 5px solid #FFFFFF;
width: 100%;
background-color: #4c4a3d;
border: 1px solid #ccoooo;
}

div.headerbox h1{
font-weight: normal;
margin: 20px 0 10px 15px;
padding: 50px 0 0 0;
font-size: 280%;
color: #FFFFFF;
text-transform: lowercase;
}

.content-shell .home div.rightcol div.headerbox{
width: 625px;
height: 258px;
}
.content-shell .home div.rightcol div.headerbox p{
font-size: 110%;
margin: 0 150px 10px 15px;
padding: 0px;
line-height: 15px;
}
.content-shell .home div.rightcol div.headerbox h1{
font-weight: normal;
margin: 110px 0 10px 15px;
padding: 0px;
font-size: 280%;
}

/*---Subpage Heading Blocks --*/


.content-shell .subpage div.rightcol div.headerbox{
float: right;
background: url('/images/headings-background.jpg');
padding: 0px;
margin: 0px;
color: #FFFFFF;
border-bottom: 5px solid #FFFFFF;
background-color: #4c4a3d;
}
div.headerbox p{
font-size: 110%;
margin: 0 250px 20px 15px;
padding: 0px;
line-height: 15px;
}
div.subpage div.rightcol div.headerbox h1{
font-weight: normal;
margin: 20px 0 10px 15px;
padding: 50px 0 0 0;
font-size: 280%;
color: #FFFFFF;
text-transform: lowercase;
}


/*--- Heading Bars ---*/
div.headerbar{
background: url('/images/headings-background.jpg');
padding: 0px;
border-top: 2px solid #FFFFFF;
border-bottom: 5px solid #FFFFFF;
float: right;
height: 20px;
float: left;
width: 100%;
text-transform: lowercase;
background-color: #4c4a3d;
}
.headerbar ul.navigation{
padding: 0px;
margin: 2px 0 20px 0;
}

.headerbar li{
float: left;
margin: 0px 9px 0px 9px;
padding: 0 14px 0 16px;
list-style: none;
background-image: url(images/li-quicklinks.gif);
background-position: bottom left;
background-repeat: no-repeat;
margin: 0 0 0 0;
}

.headerbar li:first-child{
background-image: none;
}

.headerbar li a{
color: #FFFFFF;
text-decoration: none;
}
div.headerbar h2{
color: #FFFFFF;
font-size: 100%;
padding: 0px;
margin: 2px 0 0 15px;
font-weight: normal;

}
div.headerbar select{
text-transform: none;
}

/*--- homepage layout---*/
.content-shell .home .leftcol{
float: left;
width: 340px;
padding: 0px;
margin: 0px;
/*background-image: url(images/main-photo-home.jpg);
background-repeat: no-repeat; 
background-position: top left;*/
height: 404px;
}
	
.content-shell .home .rightcol{
float: right;
width: 625px;
padding: 0px 0px 50px 0px;
margin: 0px;
background-image: url(images/hr-footer.gif);
background-position: bottom left;
background-repeat: repeat-x;
min-height: 500px;
}

.content-shell .home .caption{
padding: 0px;
margin: 290px 80px 0px 20px;
color: #FFFFFF;
text-transform: lowercase;
}

#main-photo {
z-index:1;
}

.caption {
color:#ff00ff;
position:relative;
top:-410px;
}

.content-shell .home .caption h1{
padding: 0px;
margin: 0px;
font-size: 180%;
}
.content-shell .home .caption p{
line-height: 20px;
margin-bottom: 50px;
}
.content-shell .home .caption a{
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.content-shell .home .caption a:hover{
text-decoration: underline;
}
/*--- latest news - homepage ---*/
.latest-news{
width: 404px;
padding: 0px;
}

.latest-news .article{
margin-bottom: 0.00em;
line-height: 20px;
border: 1px solid #FFFFFF;
float: left;
width: 400px;
padding: 0px;
margin-bottom: 2px;
margin-top: 7px;
}
.latest-news .article p{
margin-top: 0em;
padding-top: 0em;
margin-bottom: 0em;
padding-bottom: 0em;
}
.latest-news .article a{
color: #4b493d;
text-decoration: none;
}
.latest-news .article a:hover{
color: #4b493d;
text-decoration: underline;
}
/*--- latest news - homepage ---*/

.office-search{
width: 214px;
float: right;
padding: 0px;
}


/*--- subpage ---*/
.subpage h1.initial{
margin-left: 15px;
color: #4c4a3d;
text-transform: lowercase;
}


.content-shell .subpage .leftcol{
float: left;
width: 190px;
padding: 0px;
margin: 0px;
background-image: none;
height: 404px;
}


.content-shell .subpage .rightcol{
float: right;
width: 775px;
min-height: 500px;
padding: 0px 0px 10px 0px;
margin: 0px;
background-image: url(images/hr-footer.gif);
background-position: bottom left;
background-repeat: repeat-x;

}

.subpage .headerimage{
width: 740px;

padding: 0px;
display: table;
}

.subpage .content-right{
width: 235px;
float: right;
padding: 0px;
float: right;

}

.subpage .content-left{
width: 530px;
float: right;
padding: 0px;
float: left;
}
.subpage .content-left .content{
margin: 25px 35px 5px 15px;
}

.subpage .content-full{
width: 775px;
float: right;
padding: 0px;
margin: 0px;
float: left;
}
.subpage .content-full .content{
margin-left: 15px;
margin-right: 15px;
}
.subpage .content-full.recruitment{
width: 100%;
float: right;
padding: 0px;
margin: 10px 0 0 0;
float: left;

}

.subpage .content{
padding: 0px;
margin: 0px;

}
.subpage .content.indent{
margin: 0 14px;
}
.subpage .country-address{
width: 210px;
display: block;
margin-bottom: 1px;
margin-top: 12px;
border-top: 1px solid #4c4a3d;
padding: 12px 0 0 0;
text-transform: lowercase;
}
.country-address h2, .subpage .country-address p{
margin: 0;
padding: 0;

}
.subpage .project-preview{
width: 210px;
display: block;
margin-bottom: 1px;
margin-left: 15px;
border: 1px solid #FFFFFF;
padding: 1px 0 0 0;

}
/*.subpage .project-preview p{
margin: 2px;
padding: 0px;
line-height: 19px;
}*/

.subpage .project-preview p image{
margin: 0px;
padding: 0px;
}
.subpage h1.initial{
margin-left: 15px;
color: #4c4a3d;
text-transform: lowercase;
}
.subpage .sectors-list table {
width: 100%;
padding: 0px;
margin: 0px;
border: none;
}
.subpage .sectors-list table td{
padding: 0px;
margin: 0px;
vertical-align: top;
text-align: left;
border: none;
}
.subpage .sectors-list table td h2{
margin: 0px 0 0 0;
padding-top: 0px;
}
.subpage h2, .subpage .sectors-list h2{
font-size: 120%;
color: #333333;
margin: 0px;
padding: 0px;
text-transform: lowercase;
}
.sectors-list h2 a{
text-decoration: none;
}
.sectors-list h2 a:hover{
text-decoration: underline;
}

/*----markets list -----*/
.subpage .markets-list table {
width: 100%;
padding: 0px;
margin: 0px;
border: none;
}
.subpage .markets-list table td{
padding: 0px;
margin: 0px 5px 5px 0px;
vertical-align: top;
text-align: left;
border: none;
}
.subpage .markets-list table td img{
padding: 0px;
margin: 0px 8px 0px 0px;
vertical-align: top;
text-align: left;
border: none;
}
.subpage .markets-list table td h2{
margin: 0px 0 0 0;
padding-top: 0px;
}
.subpage .markets-list table td p{
margin: 0px;
padding: 0px;
}
.subpage .markets-list h2{
font-size: 120%;
color: #333333;
margin: 0px;
padding: 0px;
text-transform: lowercase;
}
.markets-list h2 a{
text-decoration: none;
}
.markets-list h2 a:hover{
text-decoration: underline;
}

/*--- general classes ---*/
a{
color: #000000;
}
span.right{
float: right;
}

span.left{
float: left;
}
.cms-inlineimage.a, .cms_paragraph_image.left{
float: left;
margin: 5px 5px 0 0;
padding: 0px;
}
.cms-inlineimage.b, .cms_paragraph_image.right{
float: right;
margin: 5px 0 0 5px;
padding: 0px;
}
.cms-inlineimage.a, .cms_paragraph_image.left{
float: left;
margin: 5px 5px 0 0;
padding: 0px;
}
.cms-inlineimage img, img.cms_paragraph_image {
margin: 0px;
padding: 0px;
}

a img{
border: none;
}

/*--- article pages ---*/
div.article-intro{
font-weight: bold;
margin: 10px 50px 0 0;
font-size: 110%;
}

div.article-intro p{
margin-top: 5px;
}
div.article-intro img{
margin: 0 15px 8px 0;
}

/*-- news archive --*/
table.news_archive{
margin-top: 10px;
width: 98%;
}
table.news_archive td{
vertical-align: top;
padding-right: 6px;
padding-bottom: 12px;
margin-left: 6px;
}
table.news_archive td p{
vertical-align: top;
padding: 0px;
margin: 0px;
}
table.news_archive td h2{
font-size: 110%;
color: #333333;
margin: 0px;
padding: 0px;
text-transform: lowercase;
}
/*-- vacancies stuff ----*/
.vacancies{
width: 100%;
float: right;
min-height: 500px;
padding: 0px 0px 0px 0px;
margin: 0px;
background-image: none;

}
.vacancies .full{
width: 100%;
float: right;
min-height: 500px;
padding: 0px 0px 50px 0px;
margin: 0px;
background-image: url(images/hr-footer.gif);
background-position: bottom left;
background-repeat: repeat-x;
}
.vacancies .headerbar{
/*background-color: #094b6d;*/
background-color: #4c4a3e;
color: #FFFFFF;
padding: 0 0 2px 0px;
width: 100%;
}
.vacancies .headerbar form{
margin: 0 0 0 8px;

}
.vacancies h1.initial{
/*color: #094b6d;*/
color: #4c4a3e;
}
.vacancies table {
width: 775px;
}
.vacancies table.job-list  {
float: left;
}
.vacancies table.job-list td {
padding: 6px 8px;
margin: 0px;
}

.vacancies table th.shaded{
/*background-color: #094b6d;*/
background-color: #4c4a3e;
color: #FFFFFF;
text-align: left;
padding: 2px 6px 3px 6px;
}
.vacancies table th a{
color: #FFFFFF;
}
.vacancies table td .location{
width: 250px;
}
.vacancies .select{
font-size: 100%;
padding: 0px;
margin: 0px 80px 0px 20px;
width: 150px;
}
.vacancies .submit{
font-size: 100%;
padding: 0px;
margin: 0px;
}
.vacancies form{
padding: 0px;
margin: 0px;
}
.vacancies table.job-desc{
margin: 0px;
float: left;

}
.vacancies table.job-desc th{
background-color: #FFFFFF;
font-size: 115%;
padding: 8px 10px;
border-bottom: 1px solid #4c4a3d;
text-transform: lowercase;
line-height: 18px;
text-align: left;
/*color: #094b6d;*/
color: #4c4a3e;
}
.vacancies table.job-desc th.shaded{
/*background-color: #094b6d;*/
background-color: #4c4a3e;
border: none;
padding: 3px 10px;
}


.vacancies table th.shaded img{
border: none;
text-decoration: none;
padding: 0px;
margin: 0px;
float
}
.vacancies table.job-desc td{
padding: 6px 8px;
line-height: 18px;
}

.nonav{
width: 100%;
background-image: url(images/hr-footer.gif);
background-position: bottom left;
background-repeat: repeat-x;
}

.nonav .content{
margin: 0 14px;
}
.nonav .content.sitemap ul{
padding: 0px;
margin: 0px;
text-transform: lowercase;
}
.nonav .content.sitemap ul li{
list-style: none;
line-height: 18px;
}
.nonav .content.sitemap ul ul, 
.nonav .content.sitemap ul ul ul{
margin: 0px 0px 0px 40px;
}
.nonav .content.sitemap ul li a{
color: #000000;
}
.nonav .content.sitemap ul li li a,
.nonav .content.sitemap ul li li li a{
color: #666666;
}
.job_app td{
padding: 6px;
}
.job_app th{
text-align: right;
font-weight: normal;
}
.job_app td.data{
text-align: left;
font-weight: normal;
padding: 5px;
}
.job_app td.data input, .job_app td.data textarea{
border: 1px solid #999999;
height: 15px;
width: 200px;
}
.job_app td.req{
text-align: left;
font-weight: normal;
padding: 5px;
}
table.project-list {
line-height: 18px;
}
table.project-list td{
padding: 8px 0;
}
table.project-list a{
font-size: 120%;
color: #333333;
margin: 0px;
padding: 0px;
text-transform: lowercase;
font-weight: bold;
text-decoration: none;
}
table.project-list a:hover{
text-decoration: underline;
}

.vacancies .recruitment .join-leftcol{
float: left;
width: 48%;
margin-top: 10px;
}
.vacancies .recruitment .join-leftcol h2{
font-weight: 110%;
border-bottom: 2px solid #4c4a3e;
padding-bottom: 6px;
border-bottom: 2px solid #4c4a3e;
}
.recruitment .join-leftcol h1{
font-size: 70%;
padding-bottom: 6px;
border-bottom: 2px solid #4c4a3e;
}
.recruitment .join-leftcol .join-us-text1 p {
margin-bottom:0;
}
.vacancies .recruitment .join-rightcol{
width: 49%;
float: right;
margin-top: 10px;
}
.vacancies .recruitment .join-rightcol h2{
font-size: 200%;
color: #49493d;
width: 224px;
font-weight: normal;
}
.vacancies .recruitment .join-rightcol a, .vacancies .recruitment .join-leftcol a{
color: #5f8ed2;
}
.content .thumb{
float: left;
}
	
.country-contact-details{
border: 1px solid #FFFFFF;
border-top: none;
padding: 0px;
margin: 0px;
float: right;
width: 100%;
}
.country-contact-details p{
margin-left: 15px;
}
.job-advert{

}
.article .content{

}
.article .content div.cms-inlineimage.a{
margin-top: 0px;
padding-top: 0px;
}


.footer{
float: left;
clear: both;
}
.level2page a{
display: block;
margin-left: 15px;

}


.address a{
color: #666666;
text-decoration: none;
}

.content-shell .home div.rightcol div.headerbox h1.strapline{
border: 1px solid #cc0000;
width: 625px;
height: 258px;
display: none;
float: left;
margin: 0px;
padding: 0px;
}
sup{font-size: xx-small;
vertical-align:super;
} 
sub{
font-size: xx-small;
vertical-align:sub;
}