﻿/* @override http://whitedm.com/whitedm.css */

body {
background-color: #e1ddd9;
font-size: 13px;
font-family: Trebuchet MS, Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

PRE
{
	font-size: 13px;
	font-family: Trebuchet MS, Verdana, Arial, SunSans-Regular, Sans-Serif;
	padding-left:4px;
}
#header {
background-image:url(images/header_bg.gif);
background-repeat:no-repeat;
height:86px;
}
#hlinks {
float:right;
padding-right:8px;
}
#hlinks a{
color:#000000;
}
#hlinks a:visited{
color:#000000;
}

#container {
width: 1024px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

#panels{
xheight:307px;
min-height:307px;
clear:both;
background-color:white;
}
#panels P
{
	margin:0px;
	padding:0px;
}
#panels img{
height:307px;
width: 1024px;
}

#outer{
border-left: solid 220px #ffffff; 
background-color: #ffffff;
}
#homeouter{
border-left: solid 240px #3b3b3b; 
background-color: #ffffff;
float:left;
width:784px;
}
#aouter{
border-left: solid 220px #ffffff; 
background-color: #ffffff;
}
#inner{ margin:0px; }
 
#ticker{
background-color:#5a5a5a;
background-image:url(images/tick_bar.gif);
background-repeat:repeat-x;
clear: both;
}
#ticker a{
text-decoration: none;
color:#000000;
}
#ticker a:hover{
	color: #ffffff;
	background-color: #4e5156;
}

#tickerbox {
	border: 0px solid #fff;
	padding: 1.5em;
	margin: 0px;
	list-style-type: none;
	overflow: auto;
}

#probox{
max-width:728px;
width:728px;
}

#new-left {
  width: 200px;
  float: left;
}

#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }
 
 #homeleft {
 width:240px; 
 float:left; 
 position:relative; 
 margin-left:-240px; 
 }
 
 #aleft {
 width:220px; 
 float:left; 
 position:relative; 
 margin-left:-220px; 
 margin-right:1px;
 }


#content { 
position: relative; 
margin: 0px; 
color:#000000;
/*clear:both;*/
}

p{
padding: 5px 10px;
margin:0px; }

h2{
padding: 5px 10px;
margin:0px;
}

h3{
padding: 5px 10px;
margin:0px;
}
#footer {
clear:left;
padding: 25px 10px 10px 25px;
margin:0px;
text-align: center;
color:#ffffff;
background-color:#545861;
 }
 
  
 .homenews {
  min-height:200px;
   padding:5px;
   z-index:2;
 }
 
 /* Kieran Edit */
 
.clear {
  clear: both;
}
 
div.button {
	position: relative;
  color:  #fff;
  height:  85px;
  margin:  0;
  padding: 0;
}
 
div.button img {
  width:  98px;
  float:  left;
  margin-right: 3px;
}

div.button h4 {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	padding-top: 5px;
}

div.button h4 a {
	color: #fff;
  text-decoration: none;
	font-size: 12px;
  margin: 0;
  padding:  0;
}

div.button p {
  font-size: 11px;
  margin: 0;
  padding:  0;
}

div#content ul {
  list-style: none;
  margin-left: 12px;
  padding:  0;
}

div.people {
  background: url(images/meet_people2.gif) bottom right no-repeat;
  min-height:307px;
  padding-right:90px;
  overflow: hidden;
}

div.locations
{
	background-image:url(images/locations_bar.jpg);
	background-position:bottom right; 
	min-height:390px; 
	padding-right:90px; 
	background-repeat:no-repeat;
}
div.privacy
{
	background-image:url(images/privacy_bar.jpg);
	background-position:bottom right; 
	min-height:390px; 
	padding-right:90px; 
	background-repeat:no-repeat;
	margin-left:20px;
	padding-bottom:20px;
}
	div.privacy p
	{
		margin:10px !important;
	}
div.copyright
{
	background-image:url(images/copyright_bar.jpg);
	background-position:bottom right; 
	min-height:390px; 
	padding-right:90px; 
	background-repeat:no-repeat;
	margin-left:20px;
	padding-bottom:20px;
}
	div.copyright p
	{
		margin:10px !important;
	}

div.media
{
	background-image:url(images/media_bar.gif);
	background-position:bottom right; 
	min-height:390px; 
	padding-right:90px; 
	background-repeat:no-repeat;
}

div.jobs
{
	background-image:url(images/jobs_bar.jpg);
	background-position:bottom right; 
	min-height:390px; 
	padding-right:90px; 
	background-repeat:no-repeat;
}

div.news
{
	background-image:url(images/news_bar.jpg);
	background-position:bottom right; 
	min-height:390px; 
	padding-right:95px; 
	background-repeat:no-repeat;
	margin:0px;
}
.news H1, .news H2, .news H3, .news STRONG
{
	color:#be1818;
}

div#content.people h3 {
  margin: 0px;
}

div#content.people p {
  width:  500px;
}


div#content div#intro {
  padding: 10px;
  height: 150px !important;
  width: 600px;
}

div#product-intro {
  margin-left: 10px;
  width: 550px;
}

div.feature {
  width: 550px;
  padding: 10px;
  min-height: 50px;
}

div.feature.odd {
  background: #f4f4f5;
}

div.feature h3 {
  
}

div.feature h2 {
  
}

div.feature p {
  
}

img#pdf {
  float: left;
}

div#product-magazines {
 float: left;
 width: 150px;
 margin-left: 35px;
}

div#product-magazines img {
  margin-bottom: 10px;
  border: 1px solid white;
  background: red;
}

div#case-study-brochures {
  padding-left: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

div#case-study-brochures .case-study-brochure {
  float: left;
  margin-right: 10px;
  width: 110px;
}

a.case-study-name {
  float: left;
  color: #000;
}

a.exec-link {
  display: block;
  padding-left: 10px;
  margin-bottom: 20px;
  color: #000;
  text-decoration: none;
}
/*.product A{
  color: #000;
  text-decoration: none;
}*/
a.exec-link:hover {
 text-decoration: underline; 
}

p#website-casestudy-links a {
  color: #000;
}

/* div#content h3 {
  font-size: 19.5px;
  margin-bottom: 20px 0;
}*/

 body#people div#content h3 {
	margin-bottom: 0;
}

div#content div#news h2 {
  padding: 0;
  margin: 0;
}

div#news {
  background: #f4f4f5;
  padding: 20px;
}
 
 div.homenews {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #000;
  padding: 10px 0;
}

div.homenews.last {
  border: none;
}
 
 div.homenews h3, div.homenews p {
  margin: 0;
  padding: 0.5em 0;
}

 div.homenews h3 a {
  font-size: 16px;
  text-decoration: none;
  color: #000;
}

/*align="left" style="padding:4px; border:0px;"*/

 div.homenews img {
  float:  right;
  padding:  4px;
  border:  0;
}

div.news-inner {
  width: 565px;
}

div.homenews p {
  line-height: 17px;
}

div.homenews a.more {
  display: block;
  float: right;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

div.homenews a.more:hover {
  text-decoration: underline;
}

div#footer img {
  display: none;
}

div#footer ul {
 font-size: 10px;
 margin: 0px auto;
 color:  #c9c9c9;
}

div#footer ul li a {
  text-decoration: none;
}

div.exec {
  background: url(images/about_bar.jpg) bottom right no-repeat;
  min-height:390px;
  padding-right:90px;
}

/* remove other rule further down */
ul.Maglist{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	/* clear:left; */
}

div#header img {
  float:  left;
}

div.sector {
  margin-top :15px;
  padding: 10px;
}

div.sector h2 {
/*  margin-left:140px;*/
}

div.sector a:hover h2 {
  text-decoration: underline;
}

div.sector p {
/* margin-left: 140px; */
  width: 350px;
	padding: 5px 0;
}

div.sector a img {
  float: right;
  /* uncomment margins above if floating left */
}

img {
  border: 0px;
}

div.product {
  background: url(images/products_bar.jpg) right bottom no-repeat;
  min-height: 376px;
  padding-top:10px;
}
.product P
{
	width:500px;
}

ul.Prolinks li a img {
	width: 100px;
}

div#probox {
  width: 728px;
}

div#probox img {
  float: right;
  width: 125px;
}

div#probox a.prolink {
  color: #d8a500;
  font-size: 18px;
  line-height: 50px;
  text-decoration: none;
}

div#probox a.prolink:hover {
  color: #ffffff;
  background-color: #d8a500;
}

ul.Chslinks img {
  border: 0px;
  width:  125px;
}

ul.Chslinks{
  list-style-type: none;  
  padding:0px;
  clear:right;
}

ul.Chslinks li a img{
  margin-top: 10px;
}

ul.Chslinks li {
  display: inline;
  margin-right: 17px;	
}

table#peopleTable {
	width: 100%;
}

table#peopleTable tr.odd {
	background: #c9d6de;
}

table#peopleTable tr a {
  text-decoration: none;
  color:#6a199a;
}
table#peopleTable tr a:visited{
  color:#6a199a;
}

div#media img {
	margin-bottom: 10px;
}

div.media-pack p {
 margin-left: 0;
 padding-left: 0; 
}

/* end */


 
.job-show {
  width: 350px;
  margin: 1em .5em;
}
.job-show h3 {
  margin: 0;
  padding: 5px;
  width: 338px;

  border-bottom: 1px solid #386785;
  cursor: pointer;
}
.jobbox {
padding-left:30px;
background-image:url(images/jobbox_bg.gif);
background-position:left;
background-repeat:repeat-y;
margin-bottom:20px;
}
.news-show {
  width: 350px;
  margin: 1em .5em;
}
.news-show h3 {
  padding-bottom:5px;
margin-top:5px;
  width: 338px;
padding-left:16px;
background-image:url(images/news_home.gif);
background-repeat:no-repeat;
  border-bottom: 1px solid #386785;
  cursor: pointer;
}
.peopleheader, .people H2 {
color:#1b81bc;
}
/*a.peoplelist{
text-decoration: none;
color:#6a199a;
}
a.peoplelist:visited{
color:#6a199a;
}*/
.newsheader {
color:#be1818;
}
.profont, .product H2{
color:#d8a500;
}
.mediafont {
color:#be1f19;
margin-bottom:0;
}
.about H2 {
color:#526286;
}
.aboutheader{
color:#8736a1;
}
.probox {
width:500px;
}
.prodisplay {

}
.locations H2
{
	color:#61435b;
}
.prolocation {
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
font-size:15px;
color:#d9a501;
padding-left:10px;
background-color:#ffeaa7;
}
.probox img{
padding:8px;
border:0px;
Background-color:#ffffff;
}

ul.menu {
  background: #7a7a7a;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

ul.menu li {
	display: inline;
}

ul.menu a 
{
  padding: 12px 10px;
  float: left;
  text-decoration: none;
  margin-right: 10px;
}

ul.menu a.std {
	color: #C9C9C9;
}

ul.menu a:hover.std{
	color: #ffffff;
	background-color: #5b5b5b;
}

ul.menu a.dwn {
	color: #ffffff;
	background-color: #5b5b5b;
}

div.about {
  background: url(images/about_bar.jpg) bottom right no-repeat;
  padding-right: 250px;
  padding-top:10px;
  min-height: 390px;
}

div#about-magazines {
  padding-left: 10px;
  margin-top: 20px;
  height: 165px;
}

div#about-industries ul {
  list-style-type: square;
  list-style-position: inside;
}

div#about-magazines a {
  float: left;
  margin-right: 20px;
}

div.sector {
  padding-left: 40px;
}

div.sector.odd {
  background: #f4f4f5;
}

div.sector a h2 {
  padding: 0;
  margin: 0;
  font-size: 16px;
}

div.sector a{
  text-decoration: none;
  color: #000;
}

div#about-industries {
  padding-left: 30px;
}


ul.footer{
	list-style-type: none;
	margin: 0px;
	padding: 8px 10px 8px 10px;
}
ul.footer li{
	display: inline;
	margin-right: 10px;	
}

ul.footer a.std {
	color: #C9C9C9;
}
ul.footer a:hover.std{
	color: #ffffff;
	background-color: #5b5b5b;
}
ul.footer a:visited.std{
	color: #C9C9C9;
}
ul.footer a.dwn {
	color: #ffffff;
	background-color: #5b5b5b;
}

ul.AZlist{
	list-style-type: none;
	margin: 0px;
	padding:0px;
	clear:left;
	margin-top:10px;
}
ul.AZlist li{
	margin-right: 4px;	
	display: inline;
}
ul.AZlist a {
	text-decoration: none;
	padding: 4px 6px 4px 6px;
}

ul.AZlist a.std {
	color: #000000;
}
ul.AZlist a:hover.std{
	color: #ffffff;
	background-color: #1b81bc;
}
ul.AZlist a.dwn {
	color: #ffffff;
	background-color: #1b81bc;
}

ul.NFilter{
	list-style-type: none;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	clear:left;
	margin-top:6px;
}
ul.NFilter li{
	margin-right: 4px;	
	padding: 6px 6px 6px 6px;
}
ul.NFilter a {
	text-decoration: none;
	padding: 6px 6px 6px 6px;
}

ul.NFilter a.std {
	color: #000000;
}
ul.NFilter a:hover.std{
	color: #ffffff;
	background-color: #be1818;
}
ul.NFilter a.dwn {
	color: #ffffff;
	background-color: #be1818;
}

ul.Alist{
	list-style-type: none;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	clear:left;
	margin-top:6px;
}
ul.Alist li{
	margin-right: 4px;	
	padding: 6px 6px 6px 6px;
}
ul.Alist a {
	text-decoration: none;
	padding: 6px 6px 6px 6px;
}

ul.Alist a.std {
	color: #000000;
}
ul.Alist a:hover.std{
	color: #ffffff;
	background-color: #526286;
}
ul.Alist a.dwn {
	color: #ffffff;
	background-color: #526286;
}

/*ul.Maglist{
	margin: 0px;
	list-style-type: none;
	clear:left;
}*/
ul.Maglist li{
	margin-top: 4px;	
	padding: 6px 0 6px 0;
}
ul.Maglist a {
	text-decoration: none;
	padding: 6px 6px 6px 6px;
}

ul.Maglist a.std {
	color: #000000;
}
ul.Maglist a:hover.std{
	color: #ffffff;
	background-color: #526286;
}
ul.Maglist a.dwn {
	color: #ffffff;
	background-color: #526286;
}

ul.JClist{
	list-style-type: none;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	clear:left;
	margin-top:6px;
}
ul.JClist li{
	margin-right: 4px;	
	padding: 6px 6px 6px 6px;
}
ul.JClist a {
	text-decoration: none;
	padding: 6px 6px 6px 6px;
}

ul.JClist a.std {
	color: #000000;
}
ul.JClist a:hover.std{
	color: #ffffff;
	background-color: #4e5156;
}
ul.JClist a.dwn {
	color: #ffffff;
	background-color: #4e5156;
}

ul.Mlist{
	list-style-type: none;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	clear:left;
	margin-top:6px;
}
ul.Mlist li{
	margin-right: 4px;	
	padding: 6px 6px 6px 6px;
}
ul.Mlist a {
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	display:block;
}

ul.Mlist a.std {
	color: #000000;
}
ul.Mlist a:hover.std{
	color: #ffffff;
	background-color: #be1f19;
}
ul.Mlist a.dwn {
	color: #ffffff;
	background-color: #be1f19;
}

ul.NList {
list-style-type: none;
margin: 0px;
}
ul.NList li {
padding-left:16px;
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
padding-bottom:5px;
margin-top:5px;
}
ul.NList a {
	text-decoration: none;
	color:#be1818;
}

ul.Prolist{
	list-style-type: none;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	clear:left;
	margin-top:6px;
}
ul.Prolist li{
	margin-right: 4px;	
	padding: 6px 6px 6px 6px;
	display:block;
}
ul.Prolist a {
	text-decoration: none;
	padding: 6px 6px 6px 6px;
}

ul.Prolist a.std {
	color: #000000;
}
ul.Prolist a:hover.std{
	color: #ffffff;
	background-color: #d8a500;
}
ul.Prolist a.dwn {
	color: #ffffff;
	background-color: #d8a500;
}

ul.Chslinks{
	list-style-type: none;
	margin: 10px 0;
	padding:0px;
	clear:right;
}
ul.Chslinks li{
	display: inline;
	margin-right: 10px;	
}

ul.Chslinks a {
	text-decoration: none;
	/*padding: 4px 2px 4px 2px;*/
	padding: 3px;
}

ul.Chslinks a.std {
	color: #C9C9C9;
}
ul.Chslinks a:hover.std{
	color: #ffffff;
	background-color: #5b5b5b;
}
ul.Chslinks a.dwn {
	color: #ffffff;
	background-color: #5b5b5b;
}
ul.Chslinks img {
	border: 0px;
	width:  125px;
}

ul.Prolinks{
	list-style-type: none;
	width: 750px;
	margin: 0px;
	padding:0px;
	clear:right;
}
ul.Prolinks li{
	display: inline;
	margin-right: 10px;	
}

ul.Prolinks img{
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	border:0;
}

ul.Prolinks a.std {
	color: #C9C9C9;
}
ul.Prolinks a:hover.std{
	color: #ffffff;
	background-color: #5b5b5b;
}
ul.Prolinks a.dwn {
	color: #ffffff;
	background-color: #5b5b5b;
}

ul.JCSkills{
	list-style-type:disc;
}
ul.JCSkills li{
	margin-right: 4px;
}
ul.indlinks{
	list-style-type: none;
	margin: 10px;
	padding:10px;
	clear:right;
}
ul.indlinks li{
	margin-right: 10px;	
}

ul.indlinks a {
	text-decoration: none;
	padding: 4px 2px 4px 2px;
}

ul.indlinks a.std {
	color: #C9C9C9;
}
ul.indlinks a:hover.std{
	color: #ffffff;
	background-color: #5b5b5b;
}
ul.indlinks a.dwn {
	color: #ffffff;
	background-color: #5b5b5b;
}
ul.indlinks img{
	border: 0px;
}
ul.Loclinks{
	list-style-type: none;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	clear:left;
	margin-top:6px;
}
ul.Loclinks li{
	margin-right: 4px;	
	padding: 6px 6px 6px 6px;
}

ul.Loclinks a {
	text-decoration: none;
	padding: 6px 6px 6px 6px;
}

ul.Loclinks a.std {
	color: #000;
}
ul.Loclinks a:hover.std{
	color: #ffffff;
	background-color: #61435b;
}
ul.Loclinks a.dwn {
	color: #ffffff;
	background-color: #61435b;
}

/* liScroll style declarations */

/* the outer div with the black border */
.tickercontainer {
  background: #fff;
  border-top: 2px solid #7a7a7a;
  border-bottom: 2px solid #7a7a7a;
  width: 1024px; 
  height: 30px; 
  margin: 0; 
  padding: 0;
  overflow: hidden;
  float:left; 
}

/* that serves as a mask. so you get a sort of padding both left and right */
.tickercontainer .mask {
  position: relative;
  left: 10px;
  top: 8px;
  width: 1004px;
  overflow: hidden;
}

/* that's your list */
ul.newsticker {
  position: relative;
  left: 1024px;
  font: bold 10px Verdana;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker li {
  float: left;
  margin: 0;
  padding: 0;
  background: #fff;
}

ul.newsticker a {
  white-space: nowrap;
  padding: 0;
  color: #ff0000;
  font: bold 10px Verdana;
  margin: 0 50px 0 0;
}

ul.newsticker span {
  margin: 0 10px 0 0;
}