/* Items preceeded with:  
  [id]#
  [class].
are not read by IE 6 or older*/

/* general */
.signal {border:1px solid red;}
.fl {float:left;}
.fr {float:right;}
.nofl {clear:both;font-size:0px;line-height:0px;}
.nodisp {display:none;}
.tac {text-align:center;}
.tar {text-align:right;}
.bold {font-weight:bold;}
html,body,div,ul,ol,li,span,form,p,h1,h2,h3,h4,h5,h6,img,input {margin:0px;padding:0px;}
hr {display:none;}
img {border:0px solid #000;}
a {color:#000;}

/* layout */
body { font-family: Arial, helvetica, sans-serif; text-align: center;}
#main {	margin: 0 auto; width: 798px; text-align: left; position: relative;}
#main-border {border: 1px solid #5E5E5E; border-width: 0px 1px 1px; background: url(../images/header_panel_bg3.gif) no-repeat 0% 0%;}
#content {width: 731px; margin-left: 30px; padding: 320px 0px 0px 0px;}
#content-in {border: 1px solid #D1D1D1; background: url(../images/content-bg.gif) repeat-y 0% 0%;}
#e-docs-logo {position: absolute; left: 31px; top: 19px; width: 211px; height: 96px;}
#intro { position: absolute; left: 242px; top: 124px; width: 287px; height: 164px; overflow: hidden; background: #AB0000; }
#intro-images { position: absolute; left: 529px; top: 124px; width: 233px; height: 164px; overflow: hidden; background: #C00000;}
#left {position: relative; float: left; width: 209px; margin-top: 3px;background: #F0F0F0; }
#left-in {padding: 12px 16px;}
#left-img {position: absolute; left: 31px; top: 124px;}
#body-text { float: right; position: relative; right: 4px; width: 510px; margin-top: 3px; }
#footer { float: left; width: 796px; margin-top: 4px; padding: 4px 0 14px; border-top: 3px solid #868686; background: #E9E9E9;}

/* bread crumbs */
#bread-crumbs { position: absolute; right: 44px; top: 1px; font-size: 10px; line-height: 120%; color: #e8e8e8;}
#bread-crumbs a { color: #e8e8e8; }

/* intro area */
#intro-in { padding: 10px 14px 4px;}
#intro p { margin-bottom: 1em; font-size: 70%; line-height: 130%; font-weight: bold; color: #fff;}
#intro p.arrow-link { margin-bottom: 1em; font-size: 70%; line-height: 130%; font-weight: bold; color: #fff;}
#intro p.mb0px { margin-bottom: 0em;}
/* intro message */
#intro p.message { margin: 18px 0 0 78px; font-size: 85%; line-height: 120%; font-weight: bold;}
#intro p.arrow-link { margin: 44px 0 0 102px; font-size: 80%; line-height: 150%;}
#intro p.arrow-link a { padding-right: 16px; text-decoration: none; color: #fff; background: url(../images/intro-arrow-link.gif) no-repeat 100% 60%;}

/* intro images */
#intro-images-in { padding: 2px 4px;}
#intro-images .pt20px {padding-top: 20px;}
#intro-images .pt6px {padding-top: 6px;}

#intro-images p { margin: 10px 10px 10px 15px; font-size: 70%; line-height: 120%; font-weight: bold; color: #5E5E5E; }
/* intro images gray */
#intro-images.gray { background: #E2E2E2; border-bottom: 1px solid #fff;}
#intro-images h2 { margin-top: 10px; margin-left: 16px; font-size: 70%; line-height: 130%; color: #a80000;}
#intro-images ul { margin-top: 10px; margin-left: 32px;}
#intro-images ul li { font-size: 70%; line-height: 120%; font-weight: bold; color: #5C4646;}



/* page heading */
h1 {position: absolute; left: 242px; top: 288px; width: 520px; height: 32px; overflow: hidden; padding-left: 22px; font-size: 100%; line-height: 34px; border-right: 1px solid #d1d1d1; font-family: Arial Narrow, Arial, helvetica, sans-serif;  text-transform: uppercase; background: #E2E2E2; color: #5E5E5E;}
[id]#main h1 {width: 497px;}
h1 span { font-weight: normal;}
/* division heading */
.h1 {position: absolute; left: 242px; top: 288px; width: 520px; height: 32px; overflow: hidden; padding-left: 194px; font-size: 75%; line-height: 34px; border-right: 1px solid #d1d1d1; font-family: Arial, helvetica, sans-serif;  text-transform: none; background: #E2E2E2; color: #454545;}
[id]#main .h1 {width: 326px;}
.h1 span { font-weight: normal;}
#h1-outsource { background: #E2E2E2 url(../images/outsource-services.gif) no-repeat 0% 0%;}
#h1-system { background: #E2E2E2 url(../images/system-division.gif) no-repeat 0% 0%;}
#h1-news { background: #E2E2E2 url(../images/news.gif) no-repeat 0% 0%;}



/* left column */
#left #contact {position: absolute; left: -1px; top: -36px; width: 212px; height: 33px; overflow: hidden; padding-left: 36px; font-size: 95%; line-height: 34px; text-transform: uppercase; font-family: Arial Narrow, Arial, helvetica, sans-serif; color: #fff; background: #AB0000;}
#left [id]#contact {width: 176px;}
/* left part 1 */
#left .part1 p { font-size: 70%; line-height: 120%; color: #5E5E5E; font-weight: bold;}
#left .part1 .tel { margin-top: 1em; color: #7E7E7E;}
#left .part1 .mail {color: #7E7E7E;}
#left .part1 .mail a{color: #00759B;}
/* left part 2 */
#left .part2 { margin-top: 1em; padding-top: 1em; background: url(../images/keyline.gif) no-repeat 0% 0%;}
#left .part2 h3 { font-size: 75%; line-height: 150%; color: #AB0000;}
#left .part2 h3 a{ color: #AB0000;text-decoration: none;}
#left .part2 h3 a:hover{ color: #5e5e5e; }
#left .part2 p { font-size: 70%; line-height: 120%; color: #5E5E5E; font-weight: bold;}
/* left part 3 */
#left .part3 { margin-top: 1em; padding-top: 1em; background: url(../images/keyline.gif) no-repeat 0% 0%;}
#left .part3 h3 { font-size: 75%; line-height: 150%; color: #AB0000;}
#left .part3 h3 a{ color: #AB0000; text-decoration: none;}
#left .part3 h3 a:hover{ color: #5e5e5e; }
#left .part3 p { font-size: 70%; line-height: 120%; color: #5E5E5E; font-weight: bold;}
#left .part3 p a {color: #5E5E5E; font-weight: bold; text-decoration: none;}
#left .part3 p a:hover {text-decoration: underline;}


/* top navigation */
#top-nav li { position: absolute; left: 270px; top: 29px; width: 100px; background: url(../images/top-nav-arrow.gif) no-repeat 0% 50%; list-style-type: none; }
#top-nav li a {display: block; width: 80px; padding: 0 0 0 18px; font-size: 75%; line-height: 120%; font-weight: bold; text-transform: uppercase; text-decoration: none;}
#top-nav li.top-item a {color: #AB0000;}
#top-nav li.bottom-item a {color: #171213;}
#top-nav li a:hover {color: #fff;}
/* nav items positioning */
#top-nav #li2 {left: 410px;}
#top-nav #li3 {left: 550px;}
#top-nav #li4 {left: 670px; top: 36px; }
#top-nav #li5 {top: 83px; }
#top-nav #li6 {left: 410px; top: 83px; }
#top-nav #li7 {left: 550px; top: 83px; }
#top-nav #li8 {left: 670px; top: 83px; }

/* footer */
#footer ul {text-align: center;}
#footer ul li { display: inline; padding: 0 6px; font-size: 70%; line-height: 120%; border-right: 1px solid #626262; }
#footer ul li.no-border { border: none; }
#footer ul li a { color: #626262;}
#footer p { text-align: center; margin-top: 10px; font-size: 70%; line-height: 120%; color: #626262;}

/* body text */
#body-text h1 { position: static; width: 100%; height: 100%; margin-bottom: 1em; padding: 0px; font-size: 70%; line-height: 100%; font-family: Arial, helvetica, sans-serif; background: none; color: #AB0000; }

/* 2 blue columns - hp */
#body-text .blue-2-columns { position: relative; height: 1px; margin-bottom: 1em; background: url(../images/blue-2-columns.gif) repeat-y 0% 0%;}
#body-text [class].blue-2-columns { height: auto;}
#body-text .blue-2-columns h2 { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #AB0000; }
#body-text .blue-2-columns p { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .blue-2-columns ul li { font-size: 70%; line-height: 120%; list-style-type: none;}
#body-text .blue-2-columns ul li a { font-weight: bold; text-decoration: none; color: #5E5E5E; }
#body-text .blue-2-columns ul.list { margin-left: 16px;}
#body-text .blue-2-columns ul.list li { font-size: 70%; line-height: 120%; list-style-type: disc; color: #5E5E5E;}
#body-text .blue-2-columns ul.list li a { font-weight: bold; text-decoration: none; color: #5E5E5E; }
#body-text .blue-2-columns .col1 {width: 254px; float: left; background: #C9E2EA;}
#body-text .blue-2-columns .col1-in {padding: 15px;}
#body-text .blue-2-columns .col2 {width: 254px; float: right; background: #C9E2EA;}
#body-text .blue-2-columns .col2-in {padding: 15px;}

/* Index page link description text (appear+disappear) */
#body-text .blue-2-columns ul li span {display: none;}

#body-text .blue-2-columns .col1-in ul li:hover span {display: block;
   position: absolute; top: 0px; left: 256px; width: 223px; height:85%;
   float: right; background: #C9E2EA;
   padding: 15px;
   font-weight:normal; line-height: 120%; color: #5E5E5E;}

#body-text .blue-2-columns .col2-in ul li:hover span {display: block;
   position: absolute; top: 0px; left: 0px; width: 223px; height:85%;
   float: right; background: #C9E2EA;
   padding: 15px;}

/* 2 pink columns */
#body-text .pink-2-columns { position: relative; height: 1px; margin-bottom: 1em; background: url(../images/pink-2-columns2.gif) repeat-y 0% 0%;}
#body-text [class].pink-2-columns { height: auto;}
#body-text .pink-2-columns h2 { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #AB0000; }
#body-text .pink-2-columns h2.dark { color: #5E5E5E; }
#body-text .pink-2-columns p { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .pink-2-columns p.red-heading { font-weight: bold; color: #AB0000;}
#body-text .pink-2-columns ul { margin-left: 14px;}
#body-text .pink-2-columns ul li { margin-bottom: .2em; font-size: 70%; line-height: 120%; color: #5C4646;}
#body-text .pink-2-columns .col1 {width: 254px; float: left; background: #F4DEDE;}
#body-text .pink-2-columns .col1-in {padding: 15px;}
#body-text .pink-2-columns .col2 {width: 254px; float: right; background: #F4DEDE;}
#body-text .pink-2-columns .col2-in {padding: 15px;}

/* 2 light blue columns */
#body-text .dark-light-blue-2-columns { position: relative; height: 1px; margin-bottom: 1em; background: url(../images/dark-light-blue-2-columns.gif) repeat-y 0% 0%;}
#body-text [class].dark-light-blue-2-columns { height: auto;}
#body-text .dark-light-blue-2-columns p { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .dark-light-blue-2-columns ul li { font-size: 70%; line-height: 120%; list-style-type: none;}
#body-text .dark-light-blue-2-columns ul li a { font-weight: bold; text-decoration: none; color: #5E5E5E; }
#body-text .dark-light-blue-2-columns .col1 {width: 304px; float: left; background: #C9E2EA;}
#body-text .dark-light-blue-2-columns .col1-in {padding: 15px;}
#body-text .dark-light-blue-2-columns .col1 ul.block  { position: relative; display: block; width: 100px; margin-left: 0px;}
#body-text .dark-light-blue-2-columns .col1 ul.block li { font-weight: bold; color: #AB0000; }
#body-text .dark-light-blue-2-columns .col2 {width: 195px; float: right; background: #DEEDF2;}
#body-text .dark-light-blue-2-columns .col2-in {padding: 15px;}
#body-text .dark-light-blue-2-columns .col2 h2 {font-size: 70%; line-height: 120%; text-transform: uppercase; color: #AB0000;}
#body-text .dark-light-blue-2-columns .col2 ul {margin-left: 16px;}
#body-text .dark-light-blue-2-columns .col2 li {margin-top: 1.5em; color: #00759B; list-style-type: disc;}
#body-text .dark-light-blue-2-columns .col2 li a {color: #00759B;}

/* pink and blue columns */
#body-text .pink-blue-columns { position: relative; height: 1px; margin-bottom: 1em; background: url(../images/pink-blue-columns.gif) repeat-y 0% 0%;}
#body-text [class].pink-blue-columns { height: auto;}
#body-text .pink-blue-columns p { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .pink-blue-columns .col1 ul  {margin: 32px 0px 0px 12px;}
#body-text .pink-blue-columns .col1 ul li { font-size: 70%; line-height: 120%; font-weight: bold; color: #5C4646; }
#body-text .pink-blue-columns .col1 ul li strong { color: #AB0000;}
#body-text .pink-blue-columns .col1 {width: 278px; float: left; background: #F4DEDE;}
#body-text .pink-blue-columns .col1-in {padding: 15px;}
#body-text .pink-blue-columns .col2 {width: 214px; float: right; background: #C9E2EA;}
#body-text .pink-blue-columns .col2-in {padding: 15px;}
#body-text .pink-blue-columns h2 { margin-bottom: 1em; font-size: 70%; line-height: 120%; font-weight: bold; color: #AB0000;}

/* blue bg, 2 columns - clients */
#body-text .blue-2-columns.blue-bg { background: #C9E2EA;}
#body-text .blue-2-columns.blue-bg .ul-bold li {font-weight: bold; color: #5E5E5E;}

/* 3 blue columns - outsource services */
#body-text .blue-3-columns { position: relative; height: 1px; margin-bottom: 1em; background: url(../images/blue-3-columns.gif) repeat-y 0% 0%;}
#body-text [class].blue-3-columns { height: auto;}
#body-text .blue-3-columns h2 { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .blue-3-columns p { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .blue-3-columns p.arrow-link {text-align: left;}
#body-text .blue-3-columns p.arrow-link a {color: #454545;}
#body-text .blue-3-columns ul li { font-size: 70%; line-height: 120%; color: #5E5E5E; list-style-type: none;}
#body-text .blue-3-columns ul li a { text-decoration: none; color: #5E5E5E; }
#body-text .blue-3-columns .col1 {width: 169px; float: left; margin-right: 2px;background: #C9E2EA;}
#body-text .blue-3-columns .col1-in {padding: 15px;}
#body-text .blue-3-columns .col2 {width: 169px; float: left; margin-right: 2px;background: #C9E2EA;}
#body-text .blue-3-columns .col2-in {padding: 15px;}
#body-text .blue-3-columns .col3 { width: 168px; float: left; background: #C9E2EA;}
#body-text .blue-3-columns .col3-in {padding: 15px;}

/* blue squares - system division */
#body-text .blue-squares { margin-bottom: 1em; margin-left: 1px; }
#body-text .blue-squares .square { position: relative; float: left; width: 168px; height: 120px; overflow: hidden; margin: 0px 2px 2px 0px; background: #C9E2EA;}
#body-text .blue-squares .square-in { padding: 15px 10px 4px 15px;}
#body-text .blue-squares .square.square3 {margin-right: 0px;}
#body-text .blue-squares h2 { margin-bottom: .1em; font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .blue-squares p { font-size: 70%; line-height: 120%; color: #5E5E5E; }
#body-text .blue-squares p.arrow-link { position: absolute; left: 16px; bottom: 6px;}
#body-text .blue-squares p.arrow-link a {color: #454545;}
/* back to main button square */
#body-text .blue-squares .back-to-main { float: left; width: 168px; height: 120px; overflow: hidden; margin: 0px 0px 2px 0px; background: url(../images/back-to-main.gif) no-repeat 100% 100%;}
#body-text .blue-squares .back-to-main-in  { padding: 85px 0px 0px 34px;}
#body-text .blue-squares .back-to-main a { display: block; font-size: 75%; line-height: 100%; font-weight: bold; text-decoration: none; background: url(../images/back-to-main-arrow.gif) no-repeat 50% 90%; color: #fff;}
/* blank square */
#body-text .blue-squares .blank-square { background: #fff;}


/* case studies */
#case-studies #body-text .blue-3-columns { margin-bottom: 0em;}
#case-studies #body-text .blue-3-columns h2 { margin-bottom: 1em; font-size: 90%; line-height: 120%; color: #AB0000; }
#case-studies #body-text .blue-3-columns h3 { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #AB0000; }
#case-studies #body-text .blue-3-columns ul { margin: 0 0 1em 16px;}
#case-studies #body-text .blue-3-columns ul li { font-size: 70%; line-height: 120%; list-style-type: disc; color: #5C4646;}
#case-studies #body-text .blue-3-columns ul li a { text-decoration: none; font-weight: bold; color: #5E5E5E; }

/* Red links */
#body-text a.red-link {font-weight: bold; text-decoration: none; color: #AB0000; }
#body-text a.red-link:hover {color: #5E5E5E; }
/* Arrow Links */
#body-text p.arrow-link { margin-top: 1em; font-size: 70%; line-height: 120%;}
#body-text p.arrow-link a { padding-right: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: url(../images/arrow-link.gif) no-repeat 100% 50%; color: #454545; }
#body-text p.arrow-link a:hover { color: #5E5E5E;}

#body-text p.arrow-link.mt35px {margin-top: 35px;}
#body-text p.arrow-link.mt50px {margin-top: 50px;}
#body-text p.arrow-link.mt63px {margin-top: 63px;}

/* grey area */
#body-text .grey-area-bottom {position: relative; width: 352px; background: #D4D4D4 url(../images/grey-rounded-area-bottom.gif) no-repeat 0% 100%;}
#body-text .grey-area-top { height: 83px; min-height: 73px; padding: 10px 14px 0px; background: url(../images/grey-rounded-area-top.gif) no-repeat 0% 0%;}
#body-text [class].grey-area-top { height: auto;}
#body-text .grey-area-top p { margin-bottom: 1em; font-size: 70%; line-height: 120%; font-weight: bold; color: #5E5E5E;}
#body-text .grey-area-top p.red-heading {text-transform: uppercase; color: #AB0000;}
#body-text .grey-area-top p.red-heading a { color: #AB0000; text-decoration: none;}
#body-text .grey-area-top p strong {color: #a80000;}
#body-text .grey-area-top p a {color: #00759B;}
#body-text .grey-area-top p a:hover {color: #868686;}
#body-text .grey-area-top p.arrow-link { margin-bottom: .4em;}

/* text */
#body-text .text {padding: 0px 10px;}
#body-text .text h2 { margin-bottom: .8em; font-size: 75%; line-height: 150%; color: #5C4646;}
#body-text .text p { margin: .6em 0 1.2em; font-size: 70%; line-height: 120%; color: #5e5e5e;}
#body-text .text ul { margin-left: 16px;}
#body-text .text ul li { margin-bottom: .2em; font-size: 70%; line-height: 120%; color: #5C4646;}


/* Text Pink */
#body-text .text-pink {position: relative; margin-bottom: 1em; padding: 10px; background: #F4DEDE; }
#body-text .text-pink h2 { margin-bottom: 1em; font-size: 75%; line-height: 120%; color: #5E5E5E;}
#body-text .text-pink h2.red-heading { font-weight: bold; color: #AB0000;}
#body-text .text-pink p { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E;}
#body-text .text-pink p.red { color: #AB0000;}
#body-text .text-pink ul {margin-left: 16px;}
#body-text .text-pink ul li {font-size: 70%; line-height: 150%; color: #5C4646; }
#body-text .text-pink li h3 {font-size: 100%; line-height: 150%; }
#body-text .text-pink li p {font-size: 100%; line-height: 120%; }
#body-text .text-pink ul.block  { position: relative; display: block; width: 140px; margin-left: 0px;}
#body-text .text-pink ul.block li { font-size: 70%; line-height: 120%; font-weight: bold; color: #5E5E5E; list-style-type: none;}

/* Text Blue */
#body-text .text-blue {position: relative; margin-bottom: 1em; padding: 10px; background: #DEEDF2; }
#body-text .text-blue h2 { margin-bottom: 1em; font-size: 75%; line-height: 120%; color: #5E5E5E;}
#body-text .text-blue p { margin-bottom: 1em; font-size: 70%; line-height: 120%; color: #5E5E5E;}
#body-text .text-blue p.red-heading { font-weight: bold; color: #AB0000;}
#body-text .text-blue ul {margin: 1em 16px;}
#body-text .text-blue ul li { margin-bottom: .2em; font-size: 70%; line-height: 120%; font-weight: bold; color: #5C4646; }
#body-text .text-blue ul.block  { position: relative; display: block; width: 140px; margin-left: 0px;}
#body-text .text-blue ul.block li { font-size: 70%; line-height: 120%; font-weight: bold; color: #5E5E5E; list-style-type: none;}

/* Sitemap */
.sitemap {position: relative; padding: 20px 30px; background: #C9E2EA; }
.sitemap ul { margin: 0px 0px 0px 40px;}
.sitemap ul li { font-size: 70%; line-height: 120%; font-weight: bold; color: #5E5E5E; }
.sitemap ul li a {color: #868686; }
.sitemap ul li a:hover {color: #AB0000; }
.sitemap ul li ul { font-size: 100%; line-height: 120%; }
.sitemap ul li ul li { font-size: 100%; line-height: 120%;}

/* Contact */
#body-text.contact .text-blue {margin-bottom: 0em;}
.contact h3 {margin: 1.5em 0 .8em; font-size: 75%; line-height: 150%; color: #5C4646;}
.contact fieldset { border: 0px solid black;}
.contact table { border-collapse: collapse;}
.contact th { font-size: 70%; line-height: 150%; text-align: left; font-weight: normal;}
.contact td {}
.contact .table1 input, .contact .table1 textarea { width: 260px;}
.contact p a { font-weight: bold; color: #00759B;}
.contact p a:hover {color: #868686;}

/* News */
#body-text.news .text-blue {margin-bottom: 0em;}
#body-text.news .text-blue li { margin-bottom: 1em; font-weight: normal; color: #5C4646; }
#body-text.news .text-blue li a { font-weight: bold; color: #5C4646; }

/* single clasess */
.bold {font-weight: bold;}
.italic { font-style: italic;}
.uppercase {text-transform: uppercase;}
/* skip to navigation */
#skip-to-navigation { display: none;}
/* links */
#body-text p.arrow-link {margin-bottom: 0px; text-align: right;}
#body-text p.arrow-link a { color: #ab0000; }
/* margins, paddings */
#body-text .plr6px {margin: 10px 0; padding: 0px 6px;}
#body-text [class].plr6px {padding: 0px 8px;}