/* GLOBAL CONTENT */

body { background:url(../images/body_back_blue.gif) repeat-x 0px 0px; margin: 0px 0px 100px 0px; font-family:Arial, Helvetica, sans-serif; }

IMG { border:0px; }

H1, .h1 { font-size:26px; font-family:Arial, Helvetica, sans-serif; margin: 10px; color:#0066cc;font-weight:normal  }
H2, .h2 { font-size:20px; font-family:Arial, Helvetica, sans-serif; margin: 0px 10px 5px 10px;color:#0066cc;font-weight:normal  }
H3, .h3 { font-size:16px; font-family:Arial, Helvetica, sans-serif; margin: 0px 10px 5px 10px;color:#0066cc;font-weight:normal }

A { color:#4463be;text-decoration:none }
A:HOVER { color:#999999 }

select { font-size:12px;}
input { font-size:12px;  }
textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; }
ul, li { font-size:12px; font-family:Arial, Helvetica, sans-serif; }

#container { background:url(../images/menu-back.gif) no-repeat top left;  margin: 0px auto; width: 800px; text-align: left; top: 78px; position: relative; padding:40px 0px 0px 0px }
#container .homelogo { position:absolute; left:0px; top:-60px; z-index:500;}
#container .hometel {	position:absolute;right:160px;top:-56px;z-index:500;}

#menulinks, .menulinks { height: 36px; position: absolute; top: 0px; left:0px; z-index:1000; padding:0px 20px }
#menulinks a, .menulinks a {	color:#FFFFFF;	font-weight:bold;	font-size:14px;	margin:3px 10px 0px 10px;	text-decoration:none;}
#menulinks a:hover, .menulinks a:hover {	color:#cccccc;	font-weight:bold;	font-size:14px;	margin:3px 10px 0px 10px;	text-decoration:none;}
#spacertop { background:url(../images/spacer-top.jpg) no-repeat left top; height: 25px; width:800px;margin:auto }
#spacerbot { background:url(../images/spacer-bot.jpg) no-repeat left top; height: 25px; width:800px;margin:auto }

#footer { width: 800px;height: auto; margin:10px auto;text-align:left;font-size:11px; color:#000000; }
#footer .toclinks { float:right; }
#footer a { font-size:11px; color:#000000; text-decoration:none; }
#footer a:hover { font-size:11px; color:#0066cc; text-decoration:none; }

.footertxt { font-size: 11px; color: #000000; }
.footertxt a { font-size: 11px; color: #000000; text-decoration: none; }
.footertxt a:hover { font-size: 11px; color: #0066cc; text-decoration: none; }

/* BOXES  */

/*  RED */

.hiddenPic {display:none;} /*this is to preload any images*/

#redbox { background: url(../images/red_box.gif); height: 130px; width: 231px; text-align:left; margin:10px 10px 10px 0px; padding: 0px 10px 10px 10px; font-size:9px; color:#000000}
.maintitle {
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 10px;
	color:#0066cc;
	font-weight:normal
}

#redbox:hover { background: url(../images/blue_box.gif)}
#redbox img { margin-right:10px; }
#redbox  h1 {width:220px;height:40px;line-height:40px;margin:0px;color:#ffffff;display:inline-block;padding: 0px 0px 7px 0px;font-size: 22px;}
#redbox a { cursor:hand; color:#000000 }


/* TEAL */ 
#tealbox { background: url(../images/teal_box.gif); height: 130px; width: 231px; text-align:left; margin:10px 10px 10px 0px; padding: 0px 10px 10px 10px; font-size:9px; color:#000000}
#tealbox:hover { background: url(../images/blue_box.gif)}
#tealbox img { margin-right:10px; }
#tealbox   h2 {width:220px;height:40px;line-height:40px;margin:0px;color:#ffffff;display:inline-block;padding: 0px 0px 7px 0px;font-size: 22px;}
#tealbox a { cursor:hand; color:#000000 }

/* ORANGE */

#orangebox { background: url(../images/orange_box.gif); height: 130px; width: 231px; text-align:left; margin:10px 10px 10px 0px; padding: 0px 10px 10px 10px; font-size:9px; color:#000000}
#orangebox:hover { background: url(../images/blue_box.gif)}
#orangebox img { margin-right:10px; }
#orangebox  h3 {width:220px;height:40px;line-height:40px;margin:0px;color:#ffffff;display:inline-block;padding: 0px 0px 7px 0px;font-size: 22px;}
#orangebox a { cursor:hand; color:#000000 }

/* SILVER */

#silverbox { background: url(../images/silver_box.gif); height: 130px; width: 231px; text-align:left; margin:10px 10px 10px 0px; padding: 0px 10px 10px 10px; font-size:9px; color:#000000}
#silverbox:hover { background: url(../images/blue_box.gif) }
#silverbox img { margin-right:10px; }
#silverbox h2 {width:220px;height:40px;line-height:40px;margin:0px;color:#ffffff;display:inline-block;padding: 0px 0px 7px 0px;font-size: 22px;}
#silverbox a { cursor:hand; color:#000000 }

/* CONTENT */
#content {	height: auto;	position: relative;top: 0px;	left: 0px;	width:800px;padding: 0px;}
#content .homeimage {width:345px;height:417px;position:relative;right:-40px;top:-107px;margin:0px; z-index:500;  }
#content .contactimage { width:320px;height:246px;position:relative;right:-20px;top:-47px;margin:0px; z-index:500;  }
#content P  {	font-size:13px;	color:#333333;	text-align: left;	margin: 0px 10px 10px 10px; }
#content TD  { font-size:13px; color:#333333; }

#homeservices { margin: 0px 0px 10px 0px;}
#homeservices a { font-size: 14px; clear:both; text-decoration:none; color:#0066cc; padding: 0px 0px 0px 10px;}
#homeservices a:hover { font-size: 14px; clear:both; text-decoration:none; color:#000000; padding: 0px 0px 0px 10px; }
#homeservices .leftcol { padding:0px 20px 0px 10px  }
#homeservices .midcol { padding:0px 20px; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC} 
#homeservices .rightcol { padding:0px 10px 0px 20px }
#homeservices p { font-size:10px;color:#333333;}

/* SUB PAGE SERVICES BOX BELOW INTRODUCTION */

#services {	background-image: url(../images/services_spacer_back.gif);	background-repeat: repeat-x;	background-position: left bottom;	width: 100%;}
#services a { border-right:2px solid #ffffff; font-size: 11px;clear:both;	text-decoration:none;color:#FFFFFF;cursor:hand;font-weight: bold;white-space: nowrap;	background: #0066cc url(../images/services_btn_back.gif) no-repeat left top;width: 140px;text-align: center;line-height: 22px;height:22px;display:block;}
#services a:hover {	 border-right:2px solid #ffffff; color:#0066cc; background: #ffffff url(../images/services_btn_back_on.gif) no-repeat left top;	width: 140px;}
#services .spacer {	width:100%; }

#servicecontainer {	background:#ffffff;	border-right: 1px solid #0066cc;	border-left: 1px solid #0066cc;	border-bottom: 1px solid #0066cc;	border-top:none;	display:inline-block;	width: 100%;
}
#servicecontainer P { font-size:13px; color:#333333; margin: 0px 20px 10px 20px; text-align: left; }
#servicecontainer H2 { padding: 10px 20px 15px 20px; text-align: left;margin:0px }
#recruitable {	margin: 0px 20px;width: auto;}
#recruitable .numbers {	font-size: 40px;	color: #CCCCCC;	border-bottom: 1px dotted #CCCCCC;	padding: 20px 10px 20px 10px;	line-height: 40px;	font-weight: bold;	text-align: center; }
#recruitable .reason {border-bottom: 1px dotted #CCCCCC;}

/* CONTROLS TO MAKE HIDDEN LAYERS APPEAR */

#apDiv1,#apDiv2,#apDiv3,#apDiv4,apDiv5 { display:none;clear:both;}

/* CONNTROLS BACK TO TOP LINKS AT BOTTOM OF SERVICE BOXES */

#back {
	text-align:right;
	width:auto;
	margin:0px;
	padding:10px;
	font-size: 13px;
}
#back a { font-size:13px; color:#4463BE; text-decoration:none; }
#back a:hover { font-size:13px; color:#000000; text-decoration:none; }

/* CONTROLS BACK LINKS ALIGNED TO RIGHT NO PADDING */

#backcond {text-align:right; width:auto;margin:0px; padding:0px }
#backcond a { font-size:13px; color:#4463BE; text-decoration:none; }
#backcond a:hover { font-size:13px; color:#000000; text-decoration:none; }

/* CONTROLS TO CHANGE APPEARANCE OF PORTFOLIO PAGE */

#portfolio {  }
#portfolio .company { display:block; float:left; margin:20px; width:155px; height:180px;text-align:center }
#portfolio .company a { font-size:12px; font-weight:normal; color:#000000;text-decoration:none;display:block }
#portfolio .company a:hover { font-size:12px; font-weight:normal; color:#0066cc;text-decoration:none;display:block }
#portfolio .company IMG {	margin: 0px 0px 10px 0px;	border: 1px solid #000000;}
#portfolio .company IMG:hover {	margin: 0px 0px 10px 0px;	border: 1px solid #0066cc;}

/* CONTROLS TO CHANGE APPEARANCE OF SITEMAP PAGE */

#sitemap { margin: 0px 0px 10px 0px; }
#sitemap .leftcol { padding:0px 20px 0px 10px;width:33%  }
#sitemap .midcol { padding:0px 20px; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC;width:33% } 
#sitemap .rightcol { padding:0px 10px 0px 20px;width:33%  }
#sitemap .titles { text-align:left; font-size:14px;color:#0066cc; font-weight:bold; padding: 0px 10px 5px 20px;width:33% }
#sitemap a { font-size: 12px; clear:both; display:block; text-decoration:none; color:#000000; padding: 0px 0px 0px 10px; background:  url(../images/arrow_silver.gif) no-repeat; whitespace:nowrap }
#sitemap a:hover { font-size: 12px; clear:both; display:block;  text-decoration:none; color:#0066cc; padding: 0px 0px 0px 10px; background: url(../images/arrow_silver.gif) no-repeat; whitespace:nowrap  }

/* NEWS LISTING PAGE */

#shortnews { margin:10px}
#shortnews .thumbimage { padding: 10px 0px 10px 0px; border: 1px solid #000; }
#shortnews IMG { max-width:140px;margin:0px 10px 0px 0px;border:1px solid #000000; }
#shortnews a { font-size: 16px; clear:both; text-decoration:none; color:#0066cc;font-weight:bold }
#shortnews a:hover { font-size: 16px; clear:both; text-decoration:none; color:#000000;font-weight:bold }
#shortnews .newsitem { padding: 10px 0px 10px 0px; border-bottom: 1px dotted #C0C0C0 }
#shortnews .newsdate { font-size:11px; color:#4463BE;margin:0px 0px 5px 0px}
#shortnews p { font-size:12px; color:#666666; margin:0px }
#shortnews .readmore  { font-size:12px !important;color:#4463BE;font-weight:normal }
#shortnews .readmore:hover { font-size:12px;font-weight:normal }

/* NEWS DISPLAY PAGE */
#longnews { margin:10px auto }
#longnews H2 { color: #4463BE; font-weight:normal;font-size:20px;margin:0px 0px 0px 0px }
#longnews H3 { color: #4463BE; font-weight:normal;font-size:16px;margin:0px 0px 0px 0px }
#longnews P { font-size:13px; color:#666666; margin:0px 0px 5px 0px}
#longnews .newsdate { font-size:11px; color:#4463BE;margin:0px 0px 10px 0px}
#longnews .readmore  { font-size:13px;color:#4463BE;text-decoration:none;font-weight:normal }
#longnews .readmore:hover { font-size:13px;color:#CC0000;font-weight:normal }

/* CASE STUDY LISTING */

#shortcase { margin:10px 10px 10px 15px; width:360px; height:165px; float:left; display:block;}
#shortcase .thumbimage { padding: 10px 0px 10px 0px;}
#shortcase IMG { max-width:150px;margin:0px 10px 0px 0px;border:1px solid #000000 }
#shortcase a { font-size: 16px; clear:both; text-decoration:none; color:#000000;font-weight:bold }
#shortcase a:hover { font-size: 16px; clear:both; text-decoration:none; color:#0066cc;font-weight:bold }
#shortcase .newsitem { padding: 10px 0px 10px 0px }
#shortcase p { font-size:12px; color:#666666; margin:0px }
#shortcase .readmore  { font-size:12px;color:#4463BE;font-weight:normal }
#shortcase .readmore:hover { font-size:12px;#000000;font-weight:normal }

/* CASE STUDY DISPLAY PAGE */
.readmore  { font-size:13px;color:#000000;text-decoration:none;font-weight:bold }
.readmore:hover { font-size:13px;color:#4463BE;font-weight:bold }

/* JOBS LISTING PAGE */

#shortjobs { margin:10px;border-top:1px dotted #CCCCCC }
#shortjobs .thumbimage { width:150px; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #C0C0C0 }
#shortjobs IMG { max-width:140px;margin:0px 10px 0px 0px;border:1px solid #000000; }
#shortjobs a { font-size: 16px; text-decoration:none; color:#0066cc;font-weight:bold }
#shortjobs a:hover { font-size: 16px; text-decoration:none; color:#000000;font-weight:bold }
#shortjobs .newsitem { padding: 10px 10px 10px 0px; border-bottom: 1px dotted #C0C0C0 }
#shortjobs p { font-size:13px; color:#666666; margin:10px 0px 5px 0px }
#shortjobs .readmore  { font-size:12px;color:#4463BE;font-weight:normal}
#shortjobs .readmore:hover { font-size:12px;#000000;font-weight:normal }
#shortjobs .salarybox { font-size:12px;width:100px;font-weight:bold; color:#0066cc;padding: 10px 0px 10px 0px; border-bottom: 1px dotted #C0C0C0;text-align:right}
#shortjobs .salarybox IMG { border:0px }
#shortjobs FORM { margin:5px 0px; padding:0px;text-align:left }

#longjobs { margin:10px}
#longjobs .thumbimage { width:200px; padding: 10px 0px 10px 0px}
#longjobs IMG { max-width:190px;margin:0px 0px 0px 0px;border:1px solid #000000; }
#longjobs .newsitem { padding: 10px 0px 10px 0px}
#longjobs h1 { margin: 0px 10px 10px 10px }
#longjobs h2 { margin: 0px 10px 10px 10px }
#longjobs p { font-size:13px; color:#666666;margin:0px 10px 10px 10px }
#longjobs li { font-size:13px; color:#666666;margin:0px 10px 10px 10px  }
#longjobs FORM { margin:5px 0px; padding:0px;float:right;width:100px }
#products p {	font-size: 11px;	color: #666666;	margin: 5px 0px 0px 0px;}
#products .leftcol {	border-right: 1px dotted #CCCCCC;	padding: 10px 10px 10px 0px;	border-bottom: 1px dotted #CCCCCC;}
#products .rightcol {	padding: 10px 0px 10px 10px;	border-bottom: 1px dotted #CCCCCC; }


/* Seo links */
#homeservices .midcol a.seo_link {font-size:10px;margin:0px;padding:0px;color:#000000;}
#homeservices .midcol a.seo_link:hover {font-size:10px;margin:0px;padding:0px;color:#0066FF;}
a.seo_link {color:#666666;}
a.seo_link:hover {color:#0066CC;}



.PagingNext
{
	background-image:url('../images/paging/fast_forward.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingNext:hover
{
	background-image:url('../images/paging/fast_forward.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingLast
{
	background-image:url('../images/paging/skip_forward.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingLast:hover
{
	background-image:url('../images/paging/skip_forward.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingBack
{
	background-image:url('../images/paging/rewind.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingBack:hover
{
	background-image:url('../images/paging/rewind.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingFirst
{
	background-image:url('../images/paging/skip_backward.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingFirst:hover
{
	background-image:url('../images/paging/skip_backward.png');
	background-repeat:no-repeat;
	border:0;
	width:16px;
	height:16px;
	cursor:pointer;
}

.PagingInput
{
	font-size:8pt; 
	font-family:Tahoma, Sans-Serif; 
	font-weight:bold;
	color:#555555;
	width:20px;
	text-align:center;
}

.PagingButton
{
	font-size:8pt; 
	font-family:Tahoma, Sans-Serif; 
	font-weight:bold;
}

.borderTopHr
{
    border-top: 1px solid #026ac2;
}

.paging
{
	border: solid 1px #026ac2;
	cursor: pointer;
	padding: 2px;
	color: #026ac2;
	min-width: 30px;
	width: 30px;
	font-size: 10px;
}

.paginginactive
{
	border: solid 1px #026ac2;
	cursor: default;
	padding: 2px;
	color: #999;
	min-width: 30px;
	width: 30px;
	font-size: 10px;
}

.pagingselected
{
	border: solid 1px #026ac2;
	cursor: pointer;
	padding: 2px;
	color: #fff;
	background: #026ac2;
	min-width: 30px;
	width: 30px;
	font-size: 10px;
}