@charset "utf-8";
/* CSS Document */

/*********************************************************Content CSS ***********************************************************/

/*Normal Content CSS */

.contenthd {
	float: left;
	
	width: 654px;
	margin-top: 14px;
	margin-left: 20px;
}
.contenthdnews {
	float: left;
	height: 30px;
	width: 254px;
	margin-top: 14px;
	margin-left: 20px;
}
.contenthdsearch {
	float: right;
	height: 30px;
	width: 400px;
	margin-top: 14px;
	padding-top: 5px;
	padding-bottom: 0px;
	text-align: right;
}
.contentft {
	float: left;
	height: 30px;
	width: 699px;
	margin: 0px;
	padding: 0px;
}
.contentbd {
	float: left;
	width: 699px;
	font-size: 115%;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#contenttext {
	float: left;
	width: 666px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: -100;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline;
}
#jobtext {
	float: left;
	width: 666px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: -100;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	display: inline;
}
.contenthomebd {
	float: left;
	width: 619px;
	font-size: 115%;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#contenttexthome {
	float: left;
	width: 600px;
	z-index: -100;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	border-bottom: dotted 2px #cfdbe9;
}
#contenttexthome .image_right 
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	margin-left: 10px;
}

#contenttexthomepanel_large {
	float: left;
	width: 380px;
	z-index: -100;
	display: inline;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
}
#contenttexthomepanel_small {
	float: left;
	width: 190px;
	z-index: -100;
	display: inline;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
}
#contenttexthome_projectframe {
	width: 380px;
	margin-top: 8px;
}
#contenttexthome_testimonials {
	float: right;
	width: 180px;
}
#contenttexthome_projects {
	float: left;
	width: 380px;
	z-index: -100;
	display: inline;
}
#contenttexthome_projects_left {
	float: left;
	width: 185px;
	z-index: -100;
	display: inline;
	margin-right: 5px;
}
#contenttexthome_projects_right {
	float: left;
	width: 185px;
	z-index: -100;
	display: inline;
	margin-left: 5px;
}
#contentnewshome {
	float: left;
	width: 280px;
	z-index: -100;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline;
	padding-top: 5px;
}
#contentpeoplehome {
	float: left;
	width: 280px;
	z-index: -100;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	display: inline;
	padding-top: 13px;
	border-top: dotted 2px #cfdbe9;
}
#contentbrochure {
	float: left;
	width: 156px;
	height: 250px;
	z-index: -100;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 0.875em;
	text-align: center;
}
#contentsectorbrochure {
	float: left;
	width: 170px;
	height: 250px;
	z-index: -100;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-size: 0.875em;
	text-align: center;
}
.contentnewsbd {
	float: right;
	width: 300px;
	font-size: 115%;
	margin: 0px;
	padding: 0px;
	display: inline;
}
.contentpeoplebd {
	float: right;
	width: 300px;
	font-size: 115%;
	margin: 0px;
	padding: 0px;
	display: inline;
}
.contentlowermenubd {
	float: left;
	width: 260px;
	font-size: 115%;
	margin: 0px;
	padding: 0px;
	display: inline;
}
#contentlowertexthome {
	float: left;
	width: 639px;
	z-index: -100;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contentlowertexthome .image_right {
	float: right;
	padding-top: 35px;
	padding-left: 20px;
}

/******************************Content Coloured CSS ******************************/

/*BLUE Content CSS */

.contenthdbl {
	background-image: url(../images/contenthdbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	margin-top: 10px;
}
.contentftbl {
	background-image: url(../images/contentftbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	padding-bottom: 20px;
}
.contentbdbl {
	background-image: url(../images/contentbdbl.gif);
	background-repeat: repeat-y;
	float: left;
	width: 707px;
	font-size: 115%;
}

/*RED Content CSS */

.contenthdrd {
	background-image: url(../images/contenthdrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	margin-top: 10px;
}
.contentftrd {
	background-image: url(../images/contentftrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	margin-bottom: 10px;	
}
.contentbdrd {
	background-image: url(../images/contentbdrd.gif);
	background-repeat: repeat-y;
	float: left;
	width: 707px;
	font-size: 115%;
}

/*GREEN Content CSS */

.contenthdgn {
	background-image: url(../images/contenthdgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	margin-top: 10px;
}
.contentftgn {
	background-image: url(../images/contentftgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	margin-bottom: 10px;	
}
.contentbdgn {
	background-image: url(../images/contentbdgn.gif);
	background-repeat: repeat-y;
	float: left;
	width: 707px;
	font-size: 115%;
}

/*CYAN Content CSS */

.contenthdcy {
	background-image: url(../images/contenthdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	margin-top: 10px;
}
.contentftcy {
	background-image: url(../images/contentftcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 707px;
	margin-bottom: 10px;	
}
.contentbdcy {
	background-image: url(../images/contentbdcy.gif);
	background-repeat: repeat-y;
	float: left;
	width: 707px;
	font-size: 115%;
}

/*********************************************************Sidebar CSS ***********************************************************/

/*Normal Sidebar CSS */

/**********************Normal Sidebar HOME CSS ***********************/

.contactbdhome {
	background-image: url(../images/sidebd.gif);
	background-repeat: repeat-y;
	float: left;
	width: 185px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.contactfthome {
	background-image: url(../images/sideft.gif);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.sidehome {
	width: 185px;
	padding: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.newshdhome {
	background-image: url(../images/newshd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

.projectshdhome {
	background-image: url(../images/projectshd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
}
.serviceshdhome {
	background-image: url(../images/serviceshd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
}
.csrhd {
	background-image: url(../images/csrhd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

/**********************Normal Sidebar PAGES CSS ***********************/

.contactft {
	background-image: url(../images/sideft.gif);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 205px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.contactbd {
	background-image: url(../images/sidebd.gif);
	background-repeat: repeat-y;
	float: left;
	width: 205px;
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	display: inline;
}

.side {
	width: 185px;
	padding: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.side_left {
	width: 190px;
	padding: 0px;
	margin-bottom: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}
/* CYAN ONLY */
.careershd {
	background-image: url(../images/careershdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

/*****************************************DEFAULT******************************/
.linkhd {
	float: left;
	height: 5px;
	width: 182px;
	padding-left: 10px;
	margin-top: 12px;
}
.projectshd {
	background-image: url(../images/projectshd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.serviceshd {
	background-image: url(../images/serviceshd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.ftphd {
	background-image: url(../images/ftphd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

.newshd {
	background-image: url(../images/newshd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.downloadhd {
	background-image: url(../images/downloadhd.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-left: 10px;
	margin-top: 12px;
	padding-right: 10px;
}
.sidegalleryhd {
	background-image: url(../images/projectshd.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-left: 10px;
	margin-top: 12px;
	padding-right: 10px;
}
.contacthd {
	background-image: url(../images/contacthd.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}


/* BLUE SIDEBAR CSS */
.linkhdbl {
	background-image: url(../images/linkhdbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.projectshdbl {
	background-image: url(../images/projectshdbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;

}
.serviceshdbl {
	background-image: url(../images/serviceshdbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.ftphdbl {
	background-image: url(../images/ftphdbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

.newshdbl {
	background-image: url(../images/newshdbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.downloadhdbl {
	background-image: url(../images/downloadhdbl.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.contacthdbl {
	background-image: url(../images/contacthdbl.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

/* GREEN SIDEBAR CSS */
.linkhdgn {
	background-image: url(../images/linkhdgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.projectshdgn {
	background-image: url(../images/projectshdgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.serviceshdgn {
	background-image: url(../images/serviceshdgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.ftphdgn {
	background-image: url(../images/ftphdgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

.newshdgn {
	background-image: url(../images/newshdgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.downloadhdgn {
	background-image: url(../images/downloadhdgn.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.contacthdgn {
	background-image: url(../images/contacthdgn.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

/* RED SIDEBAR CSS */
.linkhdrd {
	background-image: url(../images/linkhdrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.projectshdrd {
	background-image: url(../images/projectshdrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.serviceshdrd {
	background-image: url(../images/serviceshdrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.ftphdrd {
	background-image: url(../images/ftphdrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

.newshdrd {
	background-image: url(../images/newshdrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.downloadhdrd {
	background-image: url(../images/downloadhdrd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.contacthdrd {
	background-image: url(../images/contacthdrd.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

/* CYAN SIDEBAR CSS */
.linkhdcy {
	background-image: url(../images/linkhdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.projectshdcy {
	background-image: url(../images/projectshdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.serviceshdcy {
	background-image: url(../images/serviceshdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.ftphdcy {
	background-image: url(../images/ftphdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

.newshdcy {
	background-image: url(../images/newshdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.downloadhdcy {
	background-image: url(../images/downloadhdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.contacthdcy {
	background-image: url(../images/contacthdcy.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.peoplehd {
	background-image: url(../images/peoplehd.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.profilehd {
	background-image: url(../images/profilehd.gif);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}
.vacancyhd {
	background-image: url(../images/vacancyhd.png);
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	width: 185px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 12px;
}

/* MISC CSS*/
.contactbdlink {
	float: left;
	width: 200px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 2px;
	display: inline;
}
.linkft {
	float: left;
	height: 20px;
	width: 205px;
	padding-left: 10px;
	padding-bottom: 10px;
}

/* NEWS ANNOUNCMENT */
.announcementhd {
	background-image: url(../images/news/news_announcement.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 170px;
	width: 660px;
	margin-top: 0px;
}

/* #SAG scroller */

div#mysagscroller2{
margin-left: 3px;
width: 178px; /*width of scroller*/
height: 138px;
border: 0px;
}

div#mysagscroller2 ul li img{
border-width:0;
display:block; /*this causes each image to be flush against each other*/
}

/*default CSS for SAG scroller*/

.sagscroller{
width: 200px;  /*default width of scroller*/
height:250px;
overflow:hidden;
position:relative;
border:7px solid black;
border-radius: 8px; /*css3 round corners*/
-moz-border-radius: 8px; /*css3 round corners*/
-webkit-border-radius: 8px; /*css3 round corners*/
}

.sagscroller a{
font-weight:bold;
}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
background:white;
list-style:none;
width: 100%;
}

.sagscroller ul li{
display:block;
}

.sagscroller ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:90%;
}

.sagscroller ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:5px;
background: #eee;
font-size:12px;
clear: both;
}