@import url("layout.css");
body {
	font-family: Arial, sans-serif;
	font-size:0.75em;
	color: #000;
}
#container {
	width: 100%;
	height: 100%;
/*	background-color: #42A7DE;*/
	background-color: #fff;
}
#masthead {
	width: 100%;
/*	height:150px;*/
	overflow: auto;
	text-align: right;
	background-color: #fff;
	padding-bottom:20px;
/*	border-bottom:1px #42A7DE solid; */
}

#bannertop {
	text-align:right;
	background:#fff /* url("../../images/trianglewords1.gif") no-repeat*/;
}
#bannertop img {
	height:262px;
	width:450px;
}

.featuredtoday{
	position:absolute;
	top:50px;
	left:150px;
	display:block;
}

#date_format{
/*	margin-left:670px;
*/	
	text-align:right;
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
	color:#000;
}

#navigation {
	background-color: #fff;
	overflow: hidden;
	border-bottom:1px #000 solid;
	position:relative;
	padding-left:140px;
}
#page_content {
	position: relative;
}
#sidebar {
	position: relative;
	float: left;
	width: 140px;
	background-color:#545454;
}
#sidebar1 {
	background-color:#fff;
	height:10px;
	width:140px;
}
#sidebar2 {
	position: relative;
	float: left;
	width: 140px;
	background-color:#fff;
	padding:0px;
/*	border-right:1px #000 solid;*/
/*	height:500px;*/
}

#content {
	margin-left: 140px;
	padding: 0px;
	background-color: #fff;
	border-left:1px #000 solid;
}

#main_content {
	padding:0px 0px 10px 0px;
}

#footer {
	clear: both;
	width: 99%;
	overflow: hidden;
	padding-top: 1%;
	padding-right: 0;
	padding-bottom: 1%;
	padding-left: 1%;
	background-color: #fff;
}
#masthead img {
	float: left;
	border:0;
}


#masthead p {
	font-size: 20px;
	font-style: italic;
	font-weight:bold;
	text-align:left;
	color:#9ED5F3;
}

/* heading styles */

h1,h2,h3,h4,h5,h6 {
	margin-left:30px;
	font-family: Arial;
}

#content h1 {
/*	color:#42A7DE;*/
	color:#000;
	font-size:1.6em;
	padding-top:10px;
	margin-bottom:0;
	padding-bottom:0;
}
#content h2 {
	color:#000;
	font-size:1.2em;
	margin-bottom:0;
	padding-top:10px;
}
#content h3 {
	color:#000;
	font-size:1em;
	margin-bottom:0;
	padding-bottom:0;
}

/* styles for images */

#content img.embeddedleft{
	margin:5px;
	float:left;	
}
#content img.embeddedright{
	margin:5px;
	float:right;	
}


/* header image positions */

.fade_bar_pos{
	position:absolute;
	left: 0;
	top: 0;
}

.logo_pos{
	position:absolute;
	left: 49px ;
	top: 31px ;
}

.questions_pos{
	position:absolute;
	left: 56% ;
	top: 25px ;
}

.email_address_pos{
	position:absolute;
	left: 56% ;
	top: 50px ;
}

.phone_no_pos{
	position:absolute;
	left: 56% ;
	top: 85px ;
}

.tagline_pos {
	position: absolute;
	left: 90px;
	top: 110px;
}

/* Styles for Navigation */

#navigation ul {
	list-style-type: none;
	margin-top:0;
	padding: 0;
}
#navigation li {
	float: left;
	width: 13%;
	font-size:1.2em;
	text-align:center;
	background-color: #545454;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	border-right: 1px solid #c9c9c9;
}
#navigation a:hover {
	color: #000;
	text-decoration: none;
	border-right: 1px solid #a9a9a9;
	background-color: #42A7DE;
}

/* Styles for Sidebar */

#sidebar ul {
	list-style-type: none;
/*	width: 100%;*/
	display: block;
	margin: 0;
	padding: 0;
}
#sidebar li {
	display: block;
	font-size: 1em;
}
#sidebar a {
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color: #FF8C00; 
	padding: 1.5%;
	display: block;
	border-left: 1px solid #a9a9a9;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
#sidebar a:hover {
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
}

#sidebar2 p {
	text-align:center ;
	font-weight:bold;
	font-size:1em;
	color:#000;
	margin-left:-2px;
	padding-top:5px;
}
#sidebar2 a {
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color:#42A7DE;
	background:#fff;
	border:0;
	padding:5px 0 5px 0;
	margin:0;
}


#sidebar2 a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	border: 0;
	background-color:#fff;
}

#sidebar2 img {
	position:relative;
	left:0px;
	top:0px;
}


/* change link in sidebar to active all the time we're on the page*/

.home .nav-home a,
.products .nav-products a,
.services .nav-services a,
.clients .nav-clients a,
.people .nav-people a,
.contact .nav-contact a {
	color:#000;
	background-color:#42A7DE;
}
/* change link in sidebar to active all the time we're on the page*/

.promotions .nav-promotions a,
.bespoke .nav-bespoke a,
.packaged .nav-packaged a,
.web .nav-web a,
.operations .nav-operations a,
.legacy .nav-legacy a,
.private_sector .nav-private_sector a,
.public_sector .nav-public_sector a,
.case_studies .nav-case_studies a,
.news .nav-news a,
.careers .nav-careers a,
.blog .nav-blog a{
	background-color: #000;
	border-left: 1px solid #000!important;
	border-top: 1px solid #000!important;
	border-bottom: 1px solid #a9a9a9!important;
	border-right: 1px solid #a9a9a9!important;
}

/* text styles*/
#content p {
	font-family:verdana, sans-serif;
	padding-bottom:5px;
	margin-top:5px;
	margin-left:30px;
	padding-right:10px
}

.shadow  { 
	position:relative; 
	display:block; 
	color:#000;
	font-weight:bold;
	font-size:1.2em;
}
.shadow span {
	position:absolute; 
	display:block; 
	top:0px;
}
.shadow:before {
	display:block;
	padding:1px; 
	content: attr(title); 
	color:#FF8C00;
}
.shadow2  { 
	position:relative; 
	display:block; 
	color:#FF8C00;
	font-weight:bold;
	font-size:1.2em;
}
.shadow2 span {
	position:absolute; 
	display:block; 
	top:0px;
}
.shadow2:before {
	display:block;
	padding:1px; 
	content: attr(title); 
	color:#000;
}
.shadow3  { 
	position:relative; 
	display:block; 
	color:#FF8C00;
	font-weight:bold;
	font-size:1.2em;
}
.shadow3 span {
	position:absolute; 
	display:block; 
	top:10px;
}
.shadow3:before {
	display:block;
	padding:1px; 
	content: attr(title); 
	color:#000;
}

.scrollingtable {
	border-spacing:0 5;
	border:0;
	text-align:center;
	width:450px;
	position:relative;
	left:50px;
	top:10px;
	margin-bottom:10px;
}

.scrollingtable1 {
	border-spacing:0 5;
	border:0;
	text-align:center;
	width:420px;
	position:relative;
	left:0px;
	top:10px;
	margin-bottom:10px;
}

.scrollingtable td, .scrollingtable1 td {
	background-color:#fff;
	border:1px #42A7DE dotted;
	width:200px;
	height:70px;
}

.scrollingtable1 h2, .scrollingtable h2 {
	color:#000;
	font-weight:bold;
	margin-left:0;
	font-size:1em;
}


.featuredtoday h1 {
	position:relative;
	display:block;
	color:#42A7DE!important;
	margin-left:10px;
}


.scrollingtextbox {
	border:1px #42A7DE dotted;
	margin-top:5px;
}
.scrollingtextboxnews {
	border:1px #42A7DE dotted;
	margin-top:5px;
	width:400px;
	margin-left:40px;
}

.scrollingtext {
	font-size:1em;
	text-align:left;
	color: #42A7DE;
	padding:10px;
}

.scrollingtext h2 {
	color:#000;
	font-weight:bold;
	margin-left:0;
	font-size:1em;
}
.scrollmousetext {
	position:relative;
	left:10px;
	font-size:.8em;
	color:#808080;
	font-style:italic;
}
.boxed_background {
	width:500px;
	height:250px;
	background:url("../../images/box_background.jpg") bottom #fff no-repeat;
	border:0;
	padding-left:5px;
	padding-top:10px;
	margin-left:150px;
/*	margin-top:30px;
	margin:10px;*/
}

.boxed_background img {
 	padding:0 8px 0px 8px;
}

.boxed_background p {
	margin-right:10px;
	margin-left:10px;
}

.boxed_background h2 {
	margin-top:10px;
	padding-bottom:5px;
	color: #42A7DE!important;
}

.servicestable {
	width:710px;
	margin-left:30px;
	border-spacing:0px 5px;
}

.servicestable tr{
	height:181px;
}

.servicestable td{
	width:310px;	
	text-align:justify;
	padding:10px 10px 10px 10px;
	background:url("../../images/services_background.jpg") no-repeat;
}

.servicestable td.blank {
	background-image:none;
}
.servicestable img {
	padding-left:40px;
}
.servicestable p, .servicestable h2 {
	margin-right:15px;
	margin-left:15px!important;
}


.exceptions {
	font-size:.8em;
	font-style:italic;
}

.casegroup {
	position:relative;
	top:0px;
	width:48%;
	float:left;
}

#jobgroup {
	position:relative;
	top: 0px;
	width:80%;
	float: left;
}
#jobgroup h2,#jobgroup p {
	margin-left:100px;
}
 #jobgroup a, #jobgroup a:visited {
	margin-left:100px;
	color:#FF8C00;
}
#jobgroup a:hover{
	color:#C6524F;
}
.jobposting {
	border-bottom:1px #000 dotted;
	padding-bottom:10px;
}	
.clientslogos {
	padding-left:60px;
	padding-top:20px;
}

.clientslogos img {
	padding: 10px;
}

.casestudy {
	border-bottom:1px #000 dotted;
}
.casestudy img {
	border:0;
}
.casestudy a{
	color:#C6524F;
}

.newsarticle {
	border-bottom:1px #000 dotted;
	padding-bottom:20px;
	padding-top:10px;
}
.newsarticle img{
	border:0;
}
.newsarticle a{
	padding-left:100px;
	color:#C6524F;
}


#content ul {
	float: left;
	padding: 10px 0px 10px 50px;
	width: 94%;
}
	
#content li{
	float:left;
	width:42%;
/*	color:#42A7DE;*/
	color:#000;
	font-weight:bold;
	font-size:1.5em;
	font-style:italic;
	background: url("../../images/star.gif") left center no-repeat;
	padding-left: 30px;
	margin-top:5px;
	margin-bottom: 10px;
	margin-left:15px;
	list-style:none;
}

#processlist {
	margin-left:60px;
	padding-bottom:10px;
}



#processlist li {
	background-image:none;
	list-style-type:decimal;
	width:100%;
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	padding:0;
	margin:0 0 0 10px;
}

.arrowright {
	float:right;
	margin-right:450px;
}
.pdfright {
	float:right;
	margin-right:600px;
}

#column, #column2{
  float:left;
  padding-left:40px;
  padding-top:40px; 
  text-align:justify;
  width:42%;
}


.dotsLeft{
  margin-left:3em;
  margin-top:10px;
  border-left:1px dashed #666;
  padding-left:100px;
  width:40%;
}

#contact p.dots{
  margin-top:0;
  margin-bottom:10px;
  padding-bottom:1em;
  border-bottom:1px dashed #666;
}

.contactimg {
	padding-left:50px;
}


.directions {
	font-size:1.5em;
	color:#ff0000;
}

span.phone{
  color:#5099C4;
  font-weight:bold;
}

/* Styles for Footer */

#footer p {
	font-size: x-small;
}
#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #393939;
	text-decoration: none;
}
#footer img {
	position:absolute;
	border:0px;
	text-align:right;
}
img.fade_bar_bot_pos {
	padding-top:50px;
	left: 0px;
}
img.xhtml_pos {
	padding-top:30px;
	left:450px;
	height:31px;
	width:88px;
	background:#fff;
}
img.gmcc {
	padding-top:20px;
	left:800px;
}
img.mscp {
	padding-top:30px;
	left:650px;
}

a {
	color: #393939;
	text-decoration: underline;
}
a:hover {
	color: #78a;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

/* Styles for Footer Landing Page Area */
#footer_link_area {
	background-color:#808080; /* dark grey */
	padding:20px 30px 20px 30px;
	color:#999;
	margin:7px 10px 0 130px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	border:2px solid #FF8C00; /* orange */ 
	table-layout:auto ;
	text-align:center;	
}

#footer_link_area p {
	color: #FF8C00;
	font-size: 1.4em;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	margin:0px;
	margin-top:-4px;
}

#footer_link_area .leftp {
	text-align:left;
} 

#footer_link_area td {
	width:36%;
	text-align:left;
}

#footer_link_area a {
	text-decoration:none;
	color: #000;
	font-size:.9em;
}

/* common form styles */
form.contact{
	font-size: .7em;
}

#contact table tr{
  	padding-right:10px;
  	font-size:12px;
	vertical-align:top;
} 

#contact table td{
  	padding-right:10px;
  	font-size:12px;
} 

#contact h1 {
	text-align:center;
}

.hi-red {
	color:#ff0000;	
}

form.contact a{
  	text-decoration:none;
  	font-size:1.5em;
  	font-weight:bold;
  	margin-top:12px;
  	width:120px;
}

form.contact a, form.contact a:visited, form.contact a:active{
  color:#5099C4;
}

form.contact a:hover{
  color:#C6524F;
}

form.contact input, form.software input{
  border-left:2px solid #666;
  border-top:2px solid #666;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:1px;
  font-size:1.1em;
  color:#666;
  margin-left:12px;
  margin-top:5px;
}


#contact form input, #contact form textarea{
  border-left:2px solid #666;
  border-top:2px solid #666;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  font-size:1.1em;
  color:#666;
  width:200px;
  padding-top:2px;
  padding-left:2px;
}

#contact form input{
  height:15px;
}

#contact form textarea{
  height:60px;
  font-family:arial;
}

#contact form input.btn_email{
  width:80px;
  height:22px;
  border:0;
}


/* blog formatting */
.main {
}

.storytitle, .storytitle h3{
	color:#42A7DE!important;
}

.storytitle a {
	text-decoration: none;
}

.meta {
	font-size: 1em;
	margin-left:30px;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}

.feedback {
	color: #ccc;
	text-align: right;
}

.dots {
	margin-left:30px;
	border-bottom:1px #808080 dotted;
}

#blogmenubox1 {
/*	border:1px #42A7DE solid;*/
	padding:0 5px 0 0;
	background:#fff url("../../images/blogmenuback1.jpg") no-repeat;
	height:38px;
}
#blogmenubox2 {
/*	border:1px #42A7DE solid;*/
	padding:0 5px 0 0;
	background:#fff url("../../images/blogmenuback2.jpg") no-repeat;
	height:273px;
}
#blogmenubox3 {
/*	border:1px #42A7DE solid;*/
	padding:0 5px 0 0;
	background:#fff url("../../images/blogmenuback3.jpg") no-repeat;
	height:40px;
}

#blogmenu {
	margin-top:0px;
}

#blogmenu ul{
	/*background-color:#fff;*/
}
#blogmenu li{
	border:0;
	font-size:.9em;
	font-weight:bold;
	color:#000;
	margin-left:10px;
	padding:0 0 0 5px;
	text-align:left;
}

#blogmenu a {
	font-weight:normal;
	border:0;
	color:#000;
	margin-left:-5px;
	padding:0 0 0 5px;
	text-align:left;
}

#blogmenu a:hover{
	font-weight:normal;
	color:#000;
	padding:0 0 0 5px;
	color:#ff8c00;
	border:0;
	background:none;
}


#searchform {
	margin:0 10px 0 0;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 98px;
	padding: 1px;
	}

#sidebar #searchsubmit {
	padding: 3px;
}

#searchform input {
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	color:#666;
	font:.9em;
}

#searchform input.button {
/*	padding:2px 0px 2px 5px;*/
	background:url("../../images/searchbutton.gif") no-repeat;
	color:#ff8c00;
	border:0;
	width:65px;
	height:26px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#commentform input, #commentform textarea {
	border:1px #808080 solid;
}

#commentform input.button {
/*	padding:2px 0px 2px 5px;*/
	background:url("../../images/searchbutton.gif") no-repeat;
	color:#ff8c00;
	border:0;
	width:65px;
	height:26px;
}
.commentmetadata {
	font-weight: normal;
	}