@import url(fontsizes.css);

.pdms{
	background-color: White;
}

body{
	font-family: 'Trebuchet MS',Arial, sans-serif;
	margin:10px;
}

h1,h2{
	font-family: Arial, Helvetica, sans-serif;
	color:#006898;
	padding-bottom: 2px;
	border-bottom: 1px solid #00A4D1;
	margin-bottom: 0;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	color:#006898;
	padding-bottom: 2px;
	margin-bottom: 0;
}

textarea{
	font-size: 10pt !important;
	font-family: 'Trebuchet MS',Arial, sans-serif;
}

input { font-size: 10pt !important; font-family: 'Trebuchet MS',Arial, sans-serif; }

h1 {
	
}

img{
	border: none;
}

a{
	color: #006796;
}

sup.foundationsTM{
	color: #006796;
}

p{
	margin-top:4px;
}

blockquote{
	font-style: italic;
}

div.clear { clear: both; }

/* 
####################              Spider              ####################
*/

ul.search {
	list-style-type: none;
	margin: 0;
	padding: 0px;
}
ul.search  li {
	margin: 2px 0;
	padding: 0.2em;
}

ul.search  li a{
	color: #006682;
}

ul.search li.one {
	background-color: #E6F4F7;
}

/* 
####################              Menu                ####################
*/

.content th.servicesLeftMenu{
	background-color: #9EA6CA;
	color: #fff;
	width:33%;
	padding-left:15px;
	background-image: none;
	border-left: 2px solid White;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.content th.productsLeftMenu{
	background-color: #B5A4AC;
	color: #fff;
	width:33%;
	padding-left:15px;
	background-image: none;
	border-left: 2px solid White;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.content th.approachLeftMenu{
	background-color: #94BEC1;
	color: #fff;
	width:33%;
	padding-left:15px;
	background-image: none;
	border-left: 2px solid White;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.content th.clientsLeftMenu{
	background-color: #63A8D0;
	color: #fff;
	width:33%;
	padding-left:15px;
	background-image: none;
	border-left: 2px solid White;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.content th.infocentreLeftMenu{
	background-color: #8DB9B3;
	color: #fff;
	width:33%;
	padding-left:15px;
	background-image: none;
	border-left: 2px solid White;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}

.content th.aboutLeftMenu{
	background-color: #00A4D1;
	color: #fff;
	width:33%;
	padding-left:15px;
	background-image: none;
	border-left: 2px solid White;
	font-size: small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}


td.servicesLeftMenu,
td.productsLeftMenu,
td.clientsLeftMenu,
td.approachLeftMenu,
td.aboutLeftMenu,
td.infocentreLeftMenu
{
	border:none;		
	padding:0;
	margin:0;
	text-align: center;
}

ul.sectionMenu, ul.relateditems{
	margin:10px 0 0 0 ;
	padding: 0px;
	width: 90%;
	list-style-image: none;
	text-align: left;

}

.sectionMenu a, .relateditems a{
	color:#000;
	text-decoration:none;
	width:100%;
	display: block;
	padding-left:10px;
}


.sectionMenu li, .relateditems li {
	vertical-align: middle;
	list-style:none;
	width:100%;
}

/* second level */

.sectionMenu li ul,
.sectionMenu li li,
.sectionMenu li li a{
	background-color: #EFEFEF !important;
	border-bottom: none !important;
	
}

.sectionMenu li li a{
	background-image: none !important;
}

.sectionMenu li li,
.sectionMenu li li a{
	padding-left:0;
	margin-left: 0;
}

.sectionMenu li ul{
	margin: 0;
	padding: 0;

}

/* 3rd level */

.sectionMenu li li li a{
	margin-left: 15px;
	margin-right:-15px;
	
}

.sectionMenu li li ul{

}

.sectionMenu li li ul,
.sectionMenu li li li,
.sectionMenu li li li a
{
	background-color: #fff !important;
	
}

.selectedmenuitem, .selectedsubmenuitem{
	font-weight: bold;
}


/*
#################                 Section menus               #################
*/

#servicesSectionMenu li li,
#productsSectionMenu li li,
#approachSectionMenu li li,
#clientsSectionMenu li li,
#infocentreSectionMenu li li,
#aboutSectionMenu li li
{
	list-style-type: none;
	list-style-image: none;
}

#servicesSectionMenu ul ul,
#productsSectionMenu ul ul,
#approachSectionMenu ul ul,
#clientsSectionMenu ul ul,
#infocentreSectionMenu ul ul,
#aboutSectionMenu  ul ul{
	margin: 0;	

}

#servicesSectionMenu li a{
	background-color:#D0D3E4;
	border-bottom: 1px solid #9EA6CA;
	padding-bottom: 5px;
	padding-top: 5px;	
}

#servicesSectionMenu li.expand a{
	padding-left: 2em;
	background-image: url(../images/menu/services_expand.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#servicesSectionMenu li.expanded a {
	padding-left: 2em;
	background-image: url(../images/menu/services_expanded.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#servicesSectionMenu li.noexpand a {
	padding-left: 2em;
	background-image: url(../images/menu/services_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.8em;
}

#servicesSectionMenu li#selectedmenuitem a{
	background-color: #E3E5EF;
}

#servicesSectionMenu .relateditems a{
	background-color: #E3E5EF;

}

#servicesSectionMenu .relateditems a:hover{
	background-color: #D0D3E4;

}

#servicesSectionMenu a:hover{
	background-color: #E3E5EF;
}


#productsSectionMenu li a{
	background-color:#DBD2D7;
	border-bottom: 1px solid #B5A4AC;
	padding-bottom: 5px;
	padding-top: 5px;
}

#productsSectionMenu li.expanded a{	
	padding-left: 2em;
	background-image: url(../images/menu/products_expanded.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#productsSectionMenu li.expand a{	
	padding-left: 2em;
	background-image: url(../images/menu/products_expand.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#productsSectionMenu li.noexpand a{	
	padding-left: 2em;
	background-image: url(../images/menu/products_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.8em;
}

#productsSectionMenu li li{
	background-color: #EFEFEF;
}

#productsSectionMenu li#selectedmenuitem a{
	background-color: #E9E4E7;
}

#productsSectionMenu a:hover{
	background-color: #E9E4E7;
}

#productsSectionMenu .relateditems a{
	background-color: #E9E4E7;

}

#productsSectionMenu .relateditems a:hover{
	background-color: #DBD2D7;

}

#approachSectionMenu li a{
	background-color:#D3E5E5;
	border-bottom: 1px solid #95BEC0;
	padding-bottom: 5px;
	padding-top: 5px;
}

#approachSectionMenu li.expand a{	
	padding-left: 2em;
	background-image: url(../images/menu/approach_expand.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#approachSectionMenu li.expanded a{	
	padding-left: 2em;
	background-image: url(../images/menu/approach_expanded.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#approachSectionMenu li.noexpand a{	
	padding-left: 2em;
	background-image: url(../images/menu/approach_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.8em;
}

#approachSectionMenu li li{
	background-color: #EFEFEF;
}

#approachSectionMenu li#selectedmenuitem a{
	background-color: #E5EFEF;
}

#approachSectionMenu a:hover{
	background-color: #E5EFEF;
}

#approachSectionMenu .relateditems a{
	background-color:#E5EFEF;

}

#approachSectionMenu .relateditems a:hover{
	background-color: #D3E5E5;

}

#clientsSectionMenu li a{
	background-color:#B3D3E8;
	border-bottom: 1px solid #63A8D0;
	padding-bottom: 5px;
	padding-top: 5px;
}

#clientsSectionMenu li.expand a{
	padding-left: 2em;
	background-image: url(../images/menu/clients_expand.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#clientsSectionMenu li.expanded a{
	padding-left: 2em;
	background-image: url(../images/menu/clients_expanded.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#clientsSectionMenu li.noexpand a{
	padding-left: 2em;
	background-image: url(../images/menu/clients_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.8em;
}

#clientsSectionMenu li li{
	background-color: #EFEFEF;
}

#clientsSectionMenu li#selectedmenuitem a{
	background-color: #D1E5F1;
}

#clientsSectionMenu a:hover{
	background-color: #D1E5F1;
}

#clientsSectionMenu .relateditems a{
	background-color:#D1E5F1;

}

#clientsSectionMenu .relateditems a:hover{
	background-color: #B3D3E8;

}

#infocentreSectionMenu li a{
	background-color:#C7E3DF;
	border-bottom: 1px solid #8DB9B3;
	padding-bottom: 5px;
	padding-top: 5px;
}

#infocentreSectionMenu li.expand a{	
	padding-left: 2em;
	background-image: url(../images/menu/infocentre_expand.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#infocentreSectionMenu li.expanded a{	
	padding-left: 2em;
	background-image: url(../images/menu/infocentre_expanded.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#infocentreSectionMenu li.noexpand a{	
	padding-left: 2em;
	background-image: url(../images/menu/infocentre_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.8em;
}

#infocentreSectionMenu li li{
	background-color: #EFEFEF;
}

#infocentreSectionMenu li#selectedmenuitem a{
	background-color: #fff;
}

#infocentreSectionMenu a:hover{
	background-color: #CEF1E9;
}

#infocentreSectionMenu .relateditems a{
	background-color:#fff;

}

#infocentreSectionMenu .relateditems a:hover{
	background-color: #F5F1EE;

}

#aboutSectionMenu li a{
	background-color:#99DAEC;
	border-bottom: 1px solid #00A4D1;
	padding-bottom: 5px;
	padding-top: 5px;
	
}

#aboutSectionMenu li.expand a{	
	padding-left: 2em;
	background-image: url(../images/menu/aboutus_expand.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#aboutSectionMenu li.expanded a{	
	padding-left: 2em;
	background-image: url(../images/menu/aboutus_expanded.gif);
	background-repeat: no-repeat;
	background-position: 0.6em;
}

#aboutSectionMenu li.noexpand a, #aboutSectionMenu li.loginlogout a{	
	padding-left: 2em;
	background-image: url(../images/menu/aboutus_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.8em;
}
#aboutSectionMenu li.loginlogout a{
	background-color: #EFEFEF;
}

#aboutSectionMenu li li{
	background-color: #EFEFEF;
}

#aboutSectionMenu li#selectedmenuitem a{
	background-color: #C2E9F4;
}

#aboutSectionMenu a:hover{
	background-color:  #C2E9F4;
}

li.expanded li{
	background-color: Aqua;
}

#aboutSectionMenu .relateditems a{
	background-color:#C2E9F4;

}

#aboutSectionMenu .relateditems a:hover{
	background-color: #99DAEC;

}

/*
#################                 Header               #################
*/
#header{
	vertical-align: bottom;
	border-bottom: 1px solid #777777;
	white-space: nowrap;
	padding-bottom: 4px;
}

#header table{
	width:100%;
}

td#navigation{
	width: 500px;
	height: 88px;
	vertical-align:bottom;
	background: url(../images/header_gradient.gif) no-repeat left;
	margin: 0px 0px 0px 0px;
	/*padding: 0 0 0 128px;*/

}

#navigation a{
	text-decoration: none;
}

td#logo{
	background-image: url(../images/logoBG.gif);
	background-repeat: repeat;
}


#topicons,#tabs{
	text-align: right;
	padding: 0;
	margin: 0;
}

#topicons {
	vertical-align: top ;
	margin-bottom:5px;

	}


#tabs{
	height:30px;
	vertical-align: bottom; 
	white-space: nowrap;
}

#tabs li,#tabs ul{
	padding:0;
	margin:0;
}

#tabs ul,#topicons ul{
	list-style: none;
	list-style-position: inside;
	display: inline;	
}

#tabs li,#topicons li{
	display: inline;
}

#tabs img,#topicons img{
	vertical-align: bottom;
}


/*
#################               bredcrumbtrail             #################
*/

.breadcrumbtrail{
	display: block;
	text-align: right;	
	padding: 11px 0px 9px 0px !important;
	color: #006796;
	
}

.breadcrumbtrail a{
	color: #006796;
}

/*
#################                 Footer               #################
*/

.footer td{
	background-color: #C9E8ED;
	text-align: center;
	color: #026698;
	width: 33%;
	height: 10px;
}
.footertext{
	background-color: White !important;
	padding: 4px 0px 4px 0px;
	text-align: left;
}

.footertext img{
	text-align: left;
}

.footeraccreditations{
	margin-top: 7px;
}

.footeraccreditations a{
	margin-left: 2em;
}

.footerimage img{
	padding-right: 1.4em;
}

.footerbottom{
	background-color: #00A4D1 !important;
}

.footerleft{
	background: url(../images/footer/leftbottom.gif) no-repeat bottom left;
}

.footermiddle a{
	color: #026698;
	text-decoration: none;
}

.footerright{
	background: url(../images/footer/rightbottom.gif) no-repeat bottom right;
	vertical-align: middle;
}

.footerright a{
	color: #026698;
	text-decoration: none;

}

.footerright img{
	padding-left: 10px;
	vertical-align: middle;
}

.footercopyright{
	padding-top: 10px;
}

/*
#################                 Home Menu               #################
*/

.homemenu{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

.homemenu li{
	list-style-type: none;
	list-style-image: none;
	
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.homemenu a{
	padding: 3px 0px 2px 0px;
	border-bottom: 1px solid #006796;
	background: url(../images/arrowright.gif) no-repeat right bottom;
	width: 100%;
	display: block;
	text-decoration: none;
	color: #000;
}

.homemenu img{
	padding: 5px;
	margin: 5px;
}

.homemenu a:hover{
	background-color: #EFEFEF;
}

.homemenu p{
	vertical-align: bottom;
	font-style: italic;
	margin-top:1em;
}


/*
#################                Home Content               #################
*/

.contentsectionheader{
	color: #006796;
	border-bottom: 1px solid #777777;
}

table.content{
	border: 1px solid #797979;
	padding:2px 0 3px 0;
}

div.content{
	border: 1px solid #797979;
	padding:2px 0 3px 0;
}

.content{	
	margin-bottom: 10px;
	width: 100%;
}

.content td{
	width: 33%;
	vertical-align: top;
	text-align: left;
	padding: 14px;
	border-left:1px solid #CFCFCF;
}

.content thead th{
	background: #efefef url(../images/dot.gif) repeat-y left;
	border-right: 2px solid White;
	text-align: left;
	height: 22px;
}

.content td td{
	border: none;
	width: auto;
	padding: 0;
}

th.firstsection{
	background-image: none !important;	
	border-left: 2px solid White;
}

td.firstsection{
	border: none;
}

.divline{
	width: 1%;
}

.morelink{
	color: #01A3D1;
	background: url(../images/homepage/morelink.gif) no-repeat right;
	display: block;
	margin:5px;
	border-top:1px solid  #00A4D1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a:hover.morelink{
	text-decoration: none;
}

#foundations{
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0 0 12px 0;
	border: 5px solid #c1c1c1;
}

#foundations p{
	text-decoration: none;
	font-size: 1em;
	padding: 0;
	margin: 4px;
	background-color: #efefef;
	color: #006796;

}


#catalist{
	text-align: center;
	background-color: #0F6896;
	border-top: 5px solid #00A4D1;
	border-bottom: 5px solid #00A4D1;
	 
	padding: 0 0 8px 0;
}

#catalist img{
	margin: 6px 0 8px 12px;
}

#catalist p{
	text-align: left;
	margin: 0 12px 12px 12px;
	color: white;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 100%;
}

#egovernment {
	text-align:center;
}

.partnerlogos {
	width:100%;
	
}

.quality 
{
	margin: 0 10px 0 10px;	
}

#froghead {
	width: 100%;
}

#froghead1 {
	float: left;
	width: 100%;
padding-top: 5px;	
}

#froghead2 {
	float: right;	
	padding-top: 5px;
}

#frogmiddle {
	float: right;
	width: 260px;
	padding-top: 20px;
}

#froglink {
	float: left;
	width: 260px;
	margin-right: 10px;
	padding-bottom: 10px;
}

#froglink img{
float: right;
margin-top: 8px;
}

#froglink .froglist li {
	list-style: none;
	text-align: right;
	float: left;
	width: 230px;
}

#froglink .froglist a.linktop {
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	color: #000;	
}

#froglink .froglist a.linkbottom {
	text-decoration:none;
	font-style: italic;
	font-size: 1em;
	color: #000;	
}

#frogbg {
	clear:both;
	margin-top: -12px;
	margin-left: -15px;
}

#gcexpo, #acpo {
	height: 50px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}

#gcexpo img, #acpo img {
	float: left;
	margin: 5px 10px 10px 5px;
}

#gcexpo li, #acpo li {
	list-style: none;
	list-style-position: outside;
	text-align: left;
	text-transform: uppercase;
	line-height: 1em;
	width:100%;
} 

#gcexpo li.stand, #acpo li.stand {
	color: #61a9d6;
}

#gcexpo .expotext, #acpo .expotext {
	float: right;
	margin-top: 3px;
}




/* New homepage */


.contentright {
	float: right;
	width: 231px;
	margin-right: 10px;
	margin-bottom: 10px;
}

* html .contentleft 
{
	float: left;
	margin-right: 10px;
}

.contentleft {
	margin: 0 252px 0 0;
}

.headlinecontainer {
	background: #57b0e0 url(../lib/images/homepage/plat_bg.png) no-repeat right top;
	padding: 0;
	margin: 0.4em 0;
	width: 100%;
	float: left;
	/*border-top:1px solid #158ab8;
	border-bottom:1px solid #158ab8;*/
}

.headlinecontainer img.frog {
	float: left;
	margin: 0;
	padding: 0;
}

.headlinecontainer a:link {
	border: 0;
}

.headlinecontainer .headlinetext {
	margin-left: 0;
}

.headlinecontainer img.taglinetop {
	margin: 1.6em 0 0 0;
	padding: 0;
}

.headlinecontainer img.taglinebottom {
	margin: 2.4em 0 0 7em;
	padding: 0;
	float: left;
}

.headlinecontainer .headlinelist {
	float: right; 
	margin: 12px 50px 0 0;
	color: #fff;
}

.headlinecontainer .headlinelist ul {
	list-style-image: url(../lib/images/homepage/bluearrow.png);
	line-height: 1.75em;
}

.newsandarticles {
	clear: left;
	width: 100%;
}

.newsandarticles h3 {
	font-size: 0.9em;
	text-transform: uppercase;
	color: #000;
	border-bottom:1px solid #158ab8;	
	margin-bottom: 4px;
	width: 100%;
	padding: 0;
}

.newsleft {
	width: 48%;
	margin: 0 1%;
	float: left;
}

/* for stand out articles */

.newsleft .newsbigitem {
	background: #ffdead url(../lib/images/homepage/award.png) no-repeat right top;
	padding: 0.4em;
	margin: 0 0 0.8em;
}

.newsleft .newsbigitem img {
	float: left;
	margin: 0 0.4em 0.4em 0;
}

.newsleft .newsbigitem a {
	text-decoration: none;
}

.newsleft .newsbigitem div {
	color: #0091bf;
	font-weight: bold;
	font-size: 0.8em;
}

.newsleft .newsbigitem h3 {
	text-transform: none;
	border: none;
	color: #1c5176;
	cursor: pointer;
}

.newsleft .newsitem {
	background: #eee;
	padding: 6px;
	float: left;
	margin-bottom: 0.8em;
}

* html .newsleft .newsitem 
{
	width: 100%;
}

.newsleft .newsitem img 
{
	float: left;
	margin-right: 8px;
}

.newsleft h3, .articlesright h3 {
	font-size: 1.2em;
}

.newsleft .newsitem h2 {
	color: #1C5176;
	border: none;
}

.newsleft .newsitem a, .newsleft .newsitem a:visited {
	color: #1C5176;
	border: none;
	text-decoration: none;
	font-weight: bold;
}

.newsleft .newsitem a:hover, .newsleft .newsitem a:active {
	text-decoration: underline;
	font-weight: bold;
}

.newsleft .newsitem div {
	color: #0091bf;
	font-weight: bold;
	font-size: 0.8em;
}

.newsleft .newsitem p {
	font-size: 0.8em;
	line-height: 1.2em;
}

.newsleft .more, .articlesright .more {
	float: right;
}

.articlesright 
{
	width: 48%; 
	float: left;
	margin: 0 1%;
}

.articlesright .article 
{
	float: left;
	margin-bottom: 10px;
}

.articlesright .article img 
{
	float: right;
	margin-left: 8px;
}

.articlesright .article h2 {
	color: #1C5176;
	border: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}


.articlesright .article a, .articlesright .articles a:visited {
	color: #1C5176;
	border: none;
	text-decoration: none;
	font-weight: bold;
}

.articlesright .article a:hover, .articlesright .article a:active {
	text-decoration: underline;
	font-weight: bold;
}


.articlesright .article div {
	color: #0091bf;
	font-weight: bold;
	font-size: 0.8em;
}

.articlesright .article p {
	font-size: 0.8em;
	line-height: 1.2em;
}

.partnerlogos {
	clear: both;
	border-top: 1px solid #158ab8;
	margin: 10px;
	padding-top: 10px;
	text-align: center;
}

.partnerlogos img {
	margin: 0 10px;
}

.contentright .aboutPdms {
	background: #CBEBF1;
	margin-top: 4px;
}

.contentright .aboutPdms ul {
	list-style: none;
	margin-left: 0;
	padding: 0 8px;
}

.contentright .aboutPdms ul .topLine 
{
	background: transparent url(../lib/images/homepage/about_arrow.png) no-repeat left top;
	padding-left: 18px;
}

.contentright .aboutPdms ul .bottomLine {
	color: #222;
	font-size: 0.8em;
	padding-left: 18px;
}

.contentright .aboutPdms .aboutlist {
	list-style: disc;
	list-style-position: inside;
	font-size: 0.8em;
}

.contentright .aboutPdms ul a:link, .contentright .aboutPdms ul a:visited {
	color: #0b4065;
	text-decoration: none;
	font-weight: bold;
}

.contentright .aboutPdms ul a:hover, .contentright .aboutPdms ul a:active {
	color: #0b4065;
	text-decoration: underline;
}

.contentright .microSites {
	background: #CBEBF1;
	margin-top: 8px;
}

.contentright .aboutPdms h1, .contentright .microSites h1 {
	font-size: 0.9em;
	text-transform: uppercase;
	margin: 0 8px;
	color: #000;
	border-bottom:1px solid #158ab8;	
}

.contentright .microSites .microSiteLogo a{
	display: block;
	text-align: center;
	margin: 10px 0;
}






/* DIGITAL DESIGN SECTION */


.dd_mainbox {
	width: 100%;
	margin: 10px 0;
	background: #fff;
	border: 1px solid #18201c;
}

..dd_mainbox .ddlogo {
	text-align: center;
	padding: 6px 0;
}

.dd_mainbox .ddstrapline {
	padding: 0 0 15px 5px;
}

.dd_mainbox .iconpoint {
	text-align: center;
}

.dd_mainbox .iconpoint span {
	margin-right: 10px;
}



.dd_mainbox .visitdd {
	float: right;
	background: #fff url(../Lib/images/homepage/digitaldesign/menu_bg.png) repeat-x left bottom;
	height: 16px;
	margin-top: 10px;
	padding: 2px 14px 4px 0;
}

.dd_mainbox .visitdd .gotopdms {
	float: right;
	text-decoration: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
}




/* ---------------------- */



/*
#################                 Overview pages          #################

*/
#column td blockquote{
	margin:0;
	padding:0
	
}


#column table{
	width: 100%;
	margin-top:3px;
}

#column ul{
	margin:0;
	padding:0;
}

.clientsOverviewLink a{
	color: white;
	padding-right: 50px;
	vertical-align: middle;

}

.productsOverviewLink a,
.productsHeading
{
	color:#B5A4AD;
}

.infocentreOverviewLink a{
	color: #A5A5A3;
}

.approachOverviewLink a{
	color: #94BEC1;
}


.clientsOverviewLink{
	text-align: right;
	line-height: 38px;
	height: 38px;
	background: url(../lib/images/more_button.gif) #006796 no-repeat right;
}

.productsOverviewLink{
	background-image: url(../images/menu/products_arrow.gif);
}
	
.infocentreOverviewLink{
	background-image: url(../images/menu/products_arrow.gif);
}

.approachOverviewLink{
	background-image: url(../images/menu/approach_arrow.gif);
}

.infocentreOverviewLink a,
.clientsOverviewLink a,
.productsOverviewLink a,
.approachOverviewLink a{
	width:100%;	
	text-decoration:none;
}

.infocentreOverviewLink,
.clientsOverviewLink,
.productsOverviewLink,
.approachOverviewLink{
	width:100%;	
	background-repeat: no-repeat;
	background-position:right;
	/*border-top:1px solid  #00A4D1;*/
	margin-top:2px;	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

#foundationsOverview table,
#approachOverview table,
#infocentreOverview table
#aboutOverview table,
#Overviewimage table,
#clientsOverview table{
	width:100%;
}


#foundationsOverview td,
#approachOverview td,
#infocentreOverview td,
#aboutOverview td,
#Overviewimage td,
{
	text-align:center;
}

#clientsOverview td{
	text-align: left;
}

#foundationsOverview {
	background-image: url(../lib/images/products/foundationsBG.gif);
	background-repeat: repeat-x;
}

#approachOverview {
	background-image: url(../lib/images/approach/BG.gif);
	background-repeat: repeat-x;
}

#infocentreOverview {
	background-image: url(../lib/images/infocentre/BG.gif);
	background-repeat: repeat-x;
}

#aboutOverview {
	background-image: url(../lib/images/about/BG.gif);
	background-repeat: repeat-x;
}

#clientsOverview {
	background-image: url(../lib/images/clients/globe_bg.jpg);
	background-repeat: repeat-x;
}

/*
#################                 Content               #################
*/

.content{
	min-width: 750px;
}

.caption{
	font-style:italic;
	padding:0;
	margin:0;
}

#singleColumnLayout,
#productsContent,
#clientsContent,
#clientsNewLookContent{
	width:66%;
}

#productsContent img,
#clientsContent img,
#clientsNewLookContent img{
	padding:3px;
}

#singleColumnLayout img{
	padding:20px;
}

#singleColumnLayout ul,
#productsContent ul ,
#clientsContent ul,
#clientsNewLookContent ul,
#column ul
{
	list-style:  url(../images/bullet.gif);
	margin-left:18px; 
}

.caption{
	font-style: italic;
}

#searchfrm{
	padding-right: 10px;
}

#searchfrm input{
	display: inline;
	vertical-align:top;
}

.searchfrmsubmit{
	padding: 5px 10px 0px 0px;
}

.line{
	padding: 0;
	margin: 0;
}


#servicesDevelop{
	background-image: url(../lib/images/services/DevelopBG.gif);
	background-repeat: repeat-x;
	width:100%;
	text-align: center;
}

.staffimage{
	margin: 15px 15px 15px 15px;
}

.casestudyquote{
	font-style: italic;
	margin-left: 0px;
}

.casestudyheading{
	background-color: #007FB1;
}

.casestudyheading th{
	color: White;
	font-size: large;
	background: url(../images/casestudies/dot.gif) repeat-x 0px 24px;
	padding-bottom: 10px;
}

.casestudyheading td{
	color: White;
}

.casestudyheading td{
	padding: 0px 0px 0px 0px !important;
	margin: 0px;
	white-space: nowrap;
}

.casestudyheading img{
	padding: 0px 0px 0px 0px !important;
}

.casestudylist{
	background-color: #60B1D4;
}

.casestudylist td{
	background-color: #009BC6;
}

/*
#################              index letters              #################
*/

.indexletter a{
	display: block;
	height: 20px;
	width: 20px;
	margin: 0px 4px 4px 0px;
	background: #006682 url(../images/letters/bg.gif) no-repeat top;
	float: left;
	text-decoration: none;
	color: #FFF;
	text-indent: 6px;
	font-size: 1em;
}

.indexletter a:hover{
	background: #006682 url(../images/letters/bg_hover.gif) no-repeat top;
}

/*
#################              Content tables              #################
*/

#productsContent .results thead th{
	background-color: #B5A4AD;
	color:#fff;
	background-image: none;
}

#productsContent .results td{
	background-color: #EFEFEF;
	color:#000;
}

#productsContent .results thead th,#productsContent td{
	border:1px solid #fff;
}

.content .results td{
	padding: 0;	
}

.content .results th{
	padding: 5px;	
}
table.summary {
	margin: 0.3em 0;
}
table.summary td, table.summary th, table.contacts td, table.contacts th , table.sectors{
	padding: 0.3em;
	vertical-align: top;	
}
table.summary th, table.contacts th {
	padding-left: 0;
	padding-right: 2em;
}
.summary th{
	text-align: left;
}

table.sectors{
	margin: 0.3em 0;
}

table.sectors td, table.sectors th{
	border: 2px solid White;
	border-top-width: 1px;
	border: 2px solid White;
	padding: 5px 5px 5px 5px;
}

table.sectors td{
	background-color: #EFEFEF;
}

table.sectors th{
	background-color: #63A8D0;
	color: White;
}

table.contacts th{
	text-align: right;
	vertical-align: top;
}

table.email {
	border-collapse: collapse;
}
table.email th, table.email td {
	padding-top: 0;
}
table.email td{
	border: none;
}

table.results td,
table.results th{
	border: none;
}

.casestudies{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}


.casestudies img{
	margin-bottom: 10px;
}

.casestudies li{
	list-style-type: none;
	list-style-image: none;	
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.casestudies a{
	padding: 10px 0px 5px 0px;
	border-bottom: 1px solid #006796;
	/*background: url(../images/arrowright.gif) no-repeat right bottom;*/
	width: 100%;
	display: block;
	text-decoration: none;
	color: Black;
}

.casestudies a:hover{
	background-color: #EFEFEF;
}

.casestudies div{
	font-weight: lighter;
}

.casestudies p{
	text-align: right;
	font-style: italic;
	display:block;
	margin:10px 10px 0 0;
	padding:0;
	clear:both;
	vertical-align: bottom;
}

.websites{
	border-top: 1px solid #006897;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 1em;
}

.websites li{
	height: 120px;
	border-bottom: 1px solid #006897;
	vertical-align: middle;
	list-style: none;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	list-style-image: none !important;
}

.websites img:hover{
	border: 3px solid #63A8D0;
}

.websites a{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.websites img{
	padding: 0px 0px 0px 0px;
	margin: 0px 25px 0px 0px;
	border: 3px solid #EFEFEF;
}

.websites strong{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #006898;
	font-size: large;
	font-weight: lighter;
}

.nextpagelink{
	text-align: right;
}

.nextpagelink a{
	color: #63A8D1;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/arrowright.gif) no-repeat bottom right;
	padding-right: 30px;
}

.lastpagelink{
	text-align: left;
}

.lastpagelink a{
	color: #63A8D1;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/arrowleft.gif) no-repeat bottom left;
	padding-left: 30px;
}

.showall a{
	color: #63A8D1;
	font-weight: bold;
	text-decoration: none;
}

.sitecontent{
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-left: 20px solid White;
}

.clientlist{
	margin-top: 30px;
}

.clientlist td{
	height: 85px;
	width: 120px;
	text-align: center;
	vertical-align: middle;
}

a.infocentrelink{
	color: #444444;
	text-decoration: none;
	display: block;
}
/*
a.infocentrelink:hover{
	background-color: #EFEFEF;
}
*/

.newsletter{
	width: 99%;
}

.newsletter td{
	text-align: center;
}

.newsletter div{
	width: 200px;
	margin-bottom: 50px;
}

section.newsletterlink{
	padding: 0px 10px 0px 10px;
	margin: 30px 10px 0px 10px;
	text-align: center;
}

a.newsletterlink{
	color: #444444;
	text-decoration: none;
	display: block;
	border-top: 1px solid #00A4D1;
	width: 200px;
}

a.newsletterlink:hover{
	background-color: #EFEFEF;
}

.casestudies strong{
	color:#63A8D0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.casestudies a{
	font-weight: bold;
	color: #000;
}

.casestudyquote{
	margin-top: 25px;
	padding: 5px 5px 5px 5px;
	margin-bottom: -17px;
	/*margin-bottom: 0px !important;*/
	border: 1px solid #63A8D0;
}

.casestudyquoteimg{
	background: url(../lib/images/clients/quote.gif) no-repeat left bottom;
	margin-top: -1px;
	width: 20px;
	height: 12px;
	padding: 0px;
	margin: 10px 0px -10px 0px;
}

.casestudies{
	padding: 20px 20px 20px 20px;
}

.content th.searchheadblock{
	padding-top: 3px;
	background-color: #016797;
}

.submenu{
	padding: 20px 0px 0px 0px;
	margin: 0px;
	width: 85%;
	list-style: none;
}

.submenu li{
	border: none;
	width: 100%;
	padding-right: 10px;
}

.submenu li a{
	border: none;
	background-color: White;
	color:#000;
	text-decoration:none;
	width:100%;
	display: block;
	padding: 5px 0px 5px 26px;
	border-bottom: 1px dashed #D3D3D3;
}

.submenu li a:hover{
	background-color: #EFEFEF !important;
}

.noresults{
	color: #FF6347;
}

#onlyinprint{
	display: none;
}

#clientsNewLookContent h1{
	color: #007FB1;
	border: none;
}

#clientsNewLookContent li{
	list-style: square ;
	font-style: italic;
}

#clientsNewLookContent h1.casestudyHeading{
	border: none;
	background-color: #007FB1;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: larger;
	padding: 10px;
}

#clientsOverview p{
margin: 30px 12px 0 130px;
}

#clientsOverview img{
	float: left;
}

.panel h1{
	background-color: #A8DDE8;
	color: #007FB1;
	margin: 2px;
}

#clientsNewLookContent td.panel{
	border-left: thin dotted #0091BF;
	padding: 0 10px 10px 10px;
	width: 40%;
	
}

table.studyHeader {
	width:100%;
	margin-bottom: 10px;
}

.studyHeader .studyImg{
	padding:0;
	margin: 0;
}

.studyHeader td,
.studyHeader th
{
	background-color: #009BC6;
	color:#fff;
	font-size: large;
}

.studyHeader a{
	color: #fff;
}

.studyHeader td
{	
	border-bottom:solid #60B1D4 !important;
}

.resultsHeading{
	margin-top: 1em;
}

#resultsPaging span,
#resultsPaging a{
	margin-left:5px;
	margin-right: 5px;
}


.foundationsContainer{
	padding: 2em 8em 2em 8em;
}

.foundationsContainer div{
	text-align: center;
	border-bottom: 5px solid #efefef;
}

p.calltoAction {
background-color: #006797;
padding: 0.3em 0.8em 0.8em 0.8em;
color: white;
font-weight: 600;
}
p.calltoAction a{
	color: white !important;
}

.foundationsContainer a{
	text-decoration: none !important;
}

.quotesOddrow span, .quotesEvenrow span{
	display: block;
	margin: 0 48px 0 0;
	padding: 6px 5px 14px 5px;
	font-weight: 500;
	background: url(../lib/images/shadow.gif) repeat-x bottom;
}

.balancesheet blockquote{
	color: white;
	font-style: normal;
	font-size: 1.05em;
	padding: 0;
	margin: 12px;
}
.quotesOddrow span{
	background-color: #61A9D6;
	color: white;
}

.quotesEvenrow span{
	background-color: #0088B3;
	color: white;
}

.balancesheet td.clientName{
	padding-top: 4px;
}

.balancesheet td.clientName p{
padding: 1px 2px 0 10px;
margin: 0;
}

.quotesOddrow .quoteContainer{
		margin: 0 12px 18px 0;
	background: url(../lib/images/clients/client_quote_bg.gif) top right  no-repeat;
}

.quotesEvenrow .quoteContainer{
	margin: 0 12px 18px 0;
	background: url(../lib/images/clients/client_quote_even.bg.gif) top right  no-repeat;
}

#clientsSubsection td{
	background-color: #006796;
	clear: right;
}

#clientsSubsection img{
	float: right;
	padding: 12px 8px 12px 24px;
}

#clientsSubsection p{
	color: white;
	padding: 12px 145px 12px 12px;
}

#clientsSubsection a{
	color: white;
}

#clientsSubsection div{
float: left;
}

.OverviewQuote1 table, .OverviewQuote2 table{
	padding:0;
	margin: 0;
}

td.QuoteCaption{
	background: url(../lib/images/clients/overviewQuote1_bg.gif) top right no-repeat;
}

td.QuoteCaption2{
	background: url(../lib/images/clients/overviewQuote2_bg.gif) top right no-repeat;
}

.QuoteCaption img, .QuoteCaption2 img{
	float:left;
	margin: 24px 0px 40px 0px !important;
}

.QuoteCaption div, .QuoteCaption2 div{
padding: 20px 0 30px 60px;
}

.OverviewQuote1 th, .OverviewQuote2 th{
	padding: 8px 12px 12px 12px;
	margin: 0;
}

.OverviewQuote1 th{
	background: #9F8095;
}

.OverviewQuote2 th{
	background: #61A9D6;
}

.OverviewQuote1 blockquote, .OverviewQuote2 blockquote{
	font-style: normal;
	text-align: left;
	color: white;
	padding: 0;
	margin: 0;
}

.OverviewQuote1 p, .OverviewQuote2 p{
	padding: 0 0 0 50px;
	margin: 0;
}

.CatalistLogos {
	width: 100%;
	text-align: left;
	padding-top: 12px;
	height: 90px;
	line-height: 90px;
}

.CatalistLogos a{
	text-decoration: none;
}

.CatalistLogos img{
	vertical-align: middle;
	margin-bottom: 18px;
	margin-right: 20px;
}

.foundationslogo{
	text-align: center;
	padding: 12px 0 20px 0;
}

.publicsectorlayout img{
	float: right;
}

#CaseStudyList td{
	width: 50%;
	padding: 12px 0 12px 0;
}

#CaseStudyList{
	margin-top: 12px;
}

.CaseStudyHeader, .CaseStudyTitle{
border: 1px solid #006796;
width: 95%;
padding: 0;
margin: 0;
}

.CaseStudyTitle{
	background: url(../lib/images/clients/CaseStudyTitle_bg.gif) bottom repeat-x #61A9D6;
	padding: 0;
	margin: 0;
	min-height: 100px;
}

.CaseStudyHeader {
	height: 64px;
}

.CaseStudyHeader h3, .CaseStudyTitle p{
	font-family: "Trebuchet MS", Arial, sans-serif;
	border-bottom: 0 none;
	margin: 8px 8px 0px 80px;
	line-height: 105%;
}

.CaseStudyHeader h3{
	font-size: 1.1em;
	vertical-align: middle;
	line-height: 105%;

}

.CaseStudyTitle p{
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	padding: 0;
}

.CaseStudyTitle a{
	color: white;
	margin-left: 12px;
}



.CaseStudyHeader img, .CaseStudyTitle img {
	float: left;
}

.CaseStudyHeader img{
	padding: 2px;
}

.CaseStudyTitle img{
	padding: 0!important;
}

.RightCaseStudy div{
	float: right;
}

.CaseStudyFooter {
background: url(../lib/images/panel_bg.gif) top left repeat-x;
height: 10px;
width: 95.5%;
border-top: 1px solid white;
}

#ProjectOverview{
	width: 220px;
	float: right;
	background: url(../lib/images/clients/casestudies/panel_bg.jpg) left repeat-y #61A9D6;
	border-right: 1px solid #006796;
	padding-bottom: 24px;
	margin: 0 0 12px 12px;
}

#ProjectOverview span {
	color: #006796;
	font-size: 1.2em;
	display: block;
	font-weight: bold;
	background-color: white;
	text-transform: uppercase;
	border-top: 1px solid #006796;
	border-bottom: 1px solid #006796;
	padding: 2px 4px 3px 6px;
	margin: 0 0 2px 14px;
}

#ProjectOverview p{
margin: 2px 16px 8px 26px;
color: white;
line-height: 115%;
}

#ProjectOverview a{
	color: white;
}

.CSclientLayout{
	width: 196px;
	margin-left: 24px;
}

.CSclientName{
	width: 120px;
	float: left;
}
.CSclientName p{
	padding: 0!important;
	margin: 0!important;
}
.CSclientLogo{
	float: right;
}

.HeadingArea {
	clear: none;
	margin-right: 230px;
	height: 100%;
	padding: 0;
}

.HeadingArea img{
float: left;
margin-right: 12px;
padding: 0;
}

.HeadingArea h1{
font-size: 1.4em;
line-height: 100%;
}

.projectssearchhead{
	background-color: #E6E5EB;
	margin: 3px 0px 10px 0px;
	padding: 5px 200px 5px 5px;
	background: url(../lib/images/projectsearch/glass.jpg) right no-repeat #E6E5EB;
}

.sectorsearch, .clientsearch, .solutionsearch{
	background: url(../lib/images/projectsearch/shadow.gif) repeat-x bottom;
	padding: 0px 0px 1px 5px;
}

.sectorsearch th, .clientsearch th, .solutionsearch th{
	color: White;
	font-size: large;
	font-weight: bolder;
	width: 150px;
	height: 50px;
}

.sectorsearch td, .clientsearch td, .solutionsearch td{
	text-align: right;
}

.solutionsresults li{
	list-style: none;
}

.sectorsearch{
	background-color: #C0C5E3;
}

.clientsearch{
	background-color: #9EA6CA;
}

.solutionsearch{
	background-color: #1C77A3;
}

.designsite{
	float: left;
	width: 100px;
	white-space: normal;
	display: table-column;
	padding: 10px 10px 10px 10px;
	vertical-align: top;
}

.designsite p{
	white-space: normal;
	width: 200px;
}

.designsite img{
	background: url(../lib/images/clients/Websiteportfolio/shadow.gif) no-repeat right bottom;
}

.AgendaItem1, .AgendaItem2, .AgendaTime{
	font-size: 1.1em;
	padding: 4px 0 5px 10px !important;
}



.AgendaItem1{
font-weight: bold;
color: white;
background-color: #57A947;
}

.AgendaItem2{
font-weight: bold;
color: white;
background-color: #9BC487;
}

#Agenda{
	width: 100%;
}

#Agenda p{
	padding: 0;
	margin: 0 0 6px 0;
}

#Agenda tr td{
	border-bottom: 4px solid white !important;
}

.ArticleContainer1, .ArticleContainer2{
	margin-top: 6px;
	background: url(../lib/images/infocentre/top_bg.gif) no-repeat top right;
	color: white;
	clear: right;
}

.ArticleContainer1 img, .ArticleContainer2 img{
	float: right;
	margin: 0 12px 60px 20px;
	border: 1px solid white;

}

.ArticleContainer1 div, .ArticleContainer2 div{
	padding: 34px 50px 10px 10px;
}

.ArticleContainer1 strong, .ArticleContainer2 strong{
	font-size: 1.3em;
	line-height: 1em;
}

.ArticleContainer1{
	 background-color: #02618C;
}

.ArticleContainer2 {
	background-color: #ABD0CB;
	color: black;
	
}


.EventHeader{
	background: url(../lib/images/infocentre/eventTitlebg.jpg) repeat-x top;
	color: black;
	font-size: 1.1em;
	margin: 6px 0 0 0;
	padding: 0 0 0 3px;
}

.EventContainer p{
}

.EventContainer img{
	float: right;
	margin: 0 0 12px 12px;
}

.NewsHeading strong{
	margin: 0;
	display: block;
	padding: 0;
	color: black;
	background: url(../lib/images/infocentre/eventTitlebg.jpg) repeat-x top;
}

.SeminarBanner{
	padding: 0;
	margin-top: 12px;
}

.EventsBanner{
	text-align: center;
	background-color: #0797D9;
}

.eventregister{
	padding: 12px;
}

.eventregister tbody td{
	padding: 3px;
}

.SeminarRegistrationLink{
	text-align: center;
	vertical-align: top;
}

.SeminarRegistrationLink img{
	padding: 4px 0 0 0 !important;
	margin: 0 !important;
}

.SeminarHeader{
	text-align: center;
	height: 120px;
	min-height: 140px;
}

.SeminarHeader img{
	margin: 0 !important;
	padding: 12px 0 0 0 !important;
}

.SeminarHeader a img{
	padding: 4px 0 0 0 !important;
	margin: 0!important;
}


.seminarlist{
	padding-left: 20px;
}

.tablenote{
	font-size: 0.8em;
	color: #606060;
}

#SeminarSubHeading{
	padding: 12px 0 0 0;
	color: #57A947;
	font-size: 1.2em;
	text-align: center;
}

.indent {
	margin-left:40px;
}
.quote_blue {
	color: #128DD8;
	margin: 0 70px 0 70px;
	font-style: italic;
	font-weight: bold;
}
.heading_blue {
	color: #128DD8;
	font-weight: bold;
	font-size: 1.1em;
}
.dataobjecteditbuttonrightcell{
	text-align: right !important;
}
.rowodd{
	background-color: #B3D3E8;
}
.roweven{
	background-color: white;
}

.datapagertoolbarrow{
	background-color: #4E73A9;
}
#datapager table{
	width: 100%;
}
.DataPagerHeader th{
	text-align: left !important;
	background-color: #4E73A9;
}
#requestforinformation th{
	text-align:left !important;
}
.utilitiestoolbarelement img{
	cursor: pointer;
}
.gobutton{
margin-right:20px;	
	}
	#requestoptions table{
		margin: 4px;
	}
#requestoptions table{
	border: 1px solid #9ea6ca;
}
#requestoptions td{
	border: 1px solid #e6e5eb;
	text-align: center;
}
.commenticon{
	float: right;
}
.commenticon a{
	color: white;
}

#microSites{
	background-color: #CAEBF2;
}