/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background:url(images/body-tail.jpg) center top repeat-x;}
.body-bg {background:url(images/header-bg.jpg) center top no-repeat; }
body#news {background-color: #e6f3f9; background-image: none;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

emp { font-weight:bold; }

html, input, textarea {font-family:Verdana, Helvetica, sans-serif; font-size:0.7em; line-height:1.7em; color:#333;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#299AD4;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {background:url(images/marker.gif) left 1px no-repeat; padding:0px 0 10px 20px;}
li a {text-decoration:none;}
li a:hover {text-decoration:underline;}

ul.sublist {list-style:none; margin: -5px 0 15px 0; border-bottom: 1px dotted #CCC;}
ul.sublist li {background:url(images/marker-sub.gif) left 1px no-repeat; padding:0px 0 0px 20px; }
.sublist li a {text-decoration:none; color:#0b90c8; }
.sublist li a:hover {text-decoration:underline;}

ul.featureshome li {padding:3px 0 3px 0px; background: none; border-bottom: 1px dotted #1b5489;}

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both;}

/***************header***************/

.globalnav ul {list-style: none; display: block; position: absolute; top: 50px; margin-left: 750px;  }
.globalnav li {background:url(images/contacticon.png) left 1px no-repeat; padding:0px 0 0px 20px; margin-right: 0px; }
.globalnav li a {color: #081827; font: normal .9em Arial, san-serif; text-transform: uppercase; letter-spacing: 1px;}

#header .topnav { padding: 0 6px 0 100px; font: 1em Arial, san-serif; background: url('images/topnav-bg.png') top left no-repeat; }

.logo {position: absolute; top: 5px; margin-left: -35px;  text-align: left; }
  
#header #nav li {display: block; float: left; text-align: center; padding: 8px 0px 0px 0px; margin: 0; background: none; border-right: 1px solid #008fcb;}
#header li.first {display: block; float: left; text-align: center; padding: 8px 0px 0px 0px; margin: 0; background: none; border-right: 1px solid #008fcb; border-left: 1px solid #0b90c8; }

  
#header #nav li a { display: block; letter-spacing: 1px; vertical-align: top; padding: 3px 10px 5px 10px; margin: 3px 0 0 0; font-weight: normal;
  text-transform: uppercase; color: #FFF; }
  
#header #nav li.selected {display: block; float: left; padding: 7px 10px 14px 10px; margin: -5px 0 2px -1px; text-transform: uppercase; border: 1px solid #c9e6f4;border-width: 1px 1px 0 1px; letter-spacing: 1px; font: bold 1em Arial, san-serif; color:#0b90c8; background:url(images/topnav-bg.gif) center top repeat-x;}

#header #nav li a:hover { display: block; text-decoration:none; padding: 10px 11px 8px 10px; margin: -8px 0 0 -1px; border: 1px solid #008fcb; border-width: 0 0 1px 0; }

#header #nav li.selected a:hover { text-decoration:none; border: none; padding: 8px 10px 10px 11px; margin: -2px 0 -5px -1px;  }


/***************content navigation***************/


.subnav {width: 150px; margin: 30px 0 0 0; padding: 0; font: 1.05em Arial, san-serif; background: none; display: block; border-top: 2px dotted #c9e6f4; }

.subnav li {display: block; width: 150px; float: left; text-align: left; padding: 0; margin: 0; background: none; border-bottom: 2px dotted #c9e6f4; }
  
.subnav li a { display: block; letter-spacing: 1px; vertical-align: top; padding: 5px 5px 5px 15px; margin: 3px 0; font: normal .95em Arial, san-serif; color: #0b90c8;}
  
.subnav a.selected {display: block; width: 150px; padding: 5px 5px 5px 15px; margin: 0 -1px 0 0; background-color: #FFF;  letter-spacing: 1px; font: bold .95em Arial, san-serif; color:#4b4438;}

.subnav li a:hover { background-color: #c9e6f4; text-decoration: none; color: #0b90c8;  }

.subnav li a.selected:hover { background-color: #FFF; text-decoration: none; color:#4b4438;}

.relatedtop {display: block; margin-top: 45px;}
.relatedbottom {display: block; }

.case-amr {display: block; margin: 45px 0; background:url('images/case-1.jpg') center top no-repeat; width: 202px; height: 240px; position: relative; }
.case-load {display: block; margin: 45px 0; background:url('images/case-2.jpg') center top no-repeat; width: 202px; height: 240px; position: relative; }
.case-procure {display: block; margin: 45px 0; background:url('images/case-3.jpg') center top no-repeat; width: 202px; height: 240px; position: relative; }
.case-pse {display: block; margin: 45px 0; background:url('images/case-4.jpg') center top no-repeat; width: 202px; height: 240px; position: relative; }
.case-soa {display: block; margin: 45px 0; background:url('images/case-5.jpg') center top no-repeat; width: 202px; height: 240px; position: relative; }
.case-it {display: block; margin: 45px 0; background:url('images/case-6.jpg') center top no-repeat; width: 202px; height: 240px; position: relative; }
.case-progproj {display: block; margin: 45px 0; background:url('images/case-7.jpg') center top no-repeat; width: 202px; height: 240px; position: relative; }

.relatedlink {width: 200px; margin: 0px 0 15px 0; padding: 0; font: 1.05em Arial, san-serif; display: block; border-top: 2px solid #333; list-style: none; }

.relatedlink li {display: block; width: 184px; float: left; text-align: left; padding: 0px 0 0px 15px; margin: 0; background:none; border-bottom: 1px solid #333; border-right: 1px solid #a0a0a0; background:url(images/marker-nav.gif) left 1px no-repeat;  }
  
.relatedlink li a { display: block; letter-spacing: 1px; vertical-align: top; padding: 5px; margin: 0; font: normal .95em Arial, san-serif;  color: #4b4438; 
background-color: #e6f3f9;}
  
.relatedlink li a:hover { color: #0b90c8;  }

/***************content***************/

.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; padding:2px 20px 0 0;}
.phone {float:right; margin-right:88px;}

#content {background: #FFF; padding:0; border-left: 1px solid #1b5489; border-right: 1px solid #1b5489; margin: 0;  }

.relatedarea {display: block; width: 200px; height: 550px; border: 1px solid #a0a0a0; margin-top: 20px;}

.newshome {background: #e6f3f9; padding: 0px 15px; vertical-align: top; border-top: 0px solid #c9e6f4; border-left: 1px dotted #1b5489;}
#news p { text-align: left; padding: 0; line-height:normal; font: normal 0.9em Verdana, Arial, Helvetica, sans-serif; color: #4b4438; margin-bottom: 15px; }
.textemphasis {background: #dddddd; padding: 0px 15px; vertical-align: top; border-top: 0px solid #c9e6f4; border-left: 1px dotted #1b5489;}


.colone, .coltwo { vertical-align: top; padding-left: 15px; padding-right: 15px;}
.home .colone { vertical-align: top; padding: 15px;}
.home .coltwo { vertical-align: top; padding: 10px  15px 15px 15px;}
.home .banner { padding: 0 15px 5px 15px;}

.solanding .colone {background:#e6f3f9 url(images/leftnavbg.png) left bottom no-repeat;;  border-right: 3px solid #c9e6f4; padding: 0; vertical-align: top; }
.solanding .coltwo, .solanding .colthree {padding: 5px 15px; vertical-align: top; border-top: 15px solid #c9e6f4; }

.readmore {display: block; clear:both; margin-bottom: 30px;}

.row-1 {margin: 0; padding: 0;}
.row-2 .image {margin:5px 0 10px;}
.row-2 p {padding-bottom:15px;}

.button {color:#c9e6f4; background:url(images/button-bg.png) center top no-repeat; display:block; float:left; line-height:1em; text-decoration:none; margin-bottom: 10px; }
.button span {display:block; padding:6px 11px 8px 8px; clear:both;}
.button:hover {text-decoration:underline;}

h1, h2 {display: block; clear: both; color:#1b5489; font: normal 1.5em Arial, sans-serif; padding: 15px 0 3px 0; }
h3 {color:#4b4438; font: bold 1.05em Verdana, sans-serif; padding-bottom:10px;}
h4, h5 { text-align:left; color:#777777; font: bold 1.05em Verdana, sans-serif; padding:0px;}
h6 {color:#009900; font: bold 1.65em Verdana, sans-serif; padding-bottom:10px;}
h7 {color:#37ADE0; font: bold 1.65em Verdana, sans-serif; padding-bottom:10px;}
h8 {color:#37ADE0; font: bold 1.65em Verdana, sans-serif; padding-bottom:10px;}

cite {font-style:normal;}
p span {color:#777777;}
p { color: #4b4438; padding-bottom:15px;}

.quote { display: inline; float: right; width: 200px; color:#3f5f6f; margin: .5em; padding: .5em 1em; font: normal 1.1em Georgia, serif; font-style:italic; line-height: 1.5em; border: 1px dotted #CCC; border-width: 0 0 0 1px ; }

.quote p { color: #3f5f6f; }

.highlight { color:#4b4438; font-family:Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal; padding: .6em .6em; line-height: 1.7em; border: 1px dotted #CCC; 
margin: .5em 0em; background-color:#e0e0e0; }

.highlight li { font-family:Verdana, Helvetica, sans-serif; font-size:.9em; line-height:1.7em; }

.breadcrumb {padding-top: 10px; }

.company .colone {background:#e6f3f9 url('images/leftnavbg-company.png') left bottom no-repeat;  border-right: 3px solid #c9e6f4; padding: 0; vertical-align: top; }

/***************Company pages***************/

.company .colone {background:#e6f3f9 url('images/leftnavbg-company.png') left bottom no-repeat;  border-right: 3px solid #c9e6f4; padding: 0; vertical-align: top; }
.company .coltwo, .company .colthree {padding: 5px 15px; vertical-align: top; border-top: 10px solid #c9e6f4; }

.company .colthree .quote { display: inline; width: 190px; color:#3f5f6f; margin: 20px 0 ; padding: 5px 10px; font: normal 1.1em Georgia, serif; font-style:italic; line-height: 1.5em; border: 1px dotted #CCC; border-width: 0 0 0 1px ; }

/***************Products pages***************/

.products .colone {background:#e6f3f9 url('images/leftnavbg-products.png') left bottom no-repeat;  border-right: 3px solid #c9e6f4; padding: 0; vertical-align: top; }
.products .coltwo, .products .colthree {padding: 5px 15px; vertical-align: top; border-top: 10px solid #c9e6f4; }

.products .colthree .quote { display: inline; width: 190px; color:#3f5f6f; margin: 20px 0 ; padding: 5px 10px; font: normal 1.1em Georgia, serif; font-style:italic; line-height: 1.5em; border: 1px dotted #CCC; border-width: 0 0 0 1px ; }

/***************Services pages***************/

.services .colone {background:#e6f3f9 url('images/leftnavbg-services.png') left bottom no-repeat;  border-right: 3px solid #c9e6f4; padding: 0; vertical-align: top; }
.services .coltwo, .services .colthree {padding: 5px 15px; vertical-align: top; border-top: 10px solid #c9e6f4; }

.services .colthree .quote { display: inline; width: 190px; color:#3f5f6f; margin: 20px 0 ; padding: 5px 10px; font: normal 1.1em Georgia, serif; font-style:italic; line-height: 1.5em; border: 1px dotted #CCC; border-width: 0 0 0 1px ; }

/***************Partners pages***************/

.partners .colone {background:#e6f3f9 url('images/leftnavbg-partners.png') left bottom no-repeat;  border-right: 3px solid #c9e6f4; padding: 0; vertical-align: top; }
.partners .coltwo, .partners .colthree {padding: 5px 15px; vertical-align: top; border-top: 10px solid #c9e6f4; }

.partners .colthree .quote { display: inline; width: 190px; color:#3f5f6f; margin: 20px 0 ; padding: 5px 10px; font: normal 1.1em Georgia, serif; font-style:italic; line-height: 1.5em; border: 1px dotted #CCC; border-width: 0 0 0 1px ; }

/***************News Events pages***************/

.newsevents .colone {background:#e6f3f9 url('images/leftnavbg-newsevents.png') left bottom no-repeat;  border-right: 3px solid #c9e6f4; padding: 0; vertical-align: top; }
.newsevents .coltwo, .newsevents .colthree {padding: 5px 15px; vertical-align: top; border-top: 10px solid #c9e6f4; }

.newsevents .colthree .quote { display: inline; width: 190px; color:#3f5f6f; margin: 20px 0 ; padding: 5px 10px; font: normal 1.1em Georgia, serif; font-style:italic; line-height: 1.5em; border: 1px dotted #CCC; border-width: 0 0 0 1px ; }


/***************page-6***************/
#contactForm input {line-height: 1.5em; font: normal 1.1em Arial, san-serif;  }
#contactForm textarea {overflow:hidden; height:148px;}
#contactForm .buttons {padding:14px 0 0 52px;}
#contactForm .buttons .button {margin-right:12px;}

/***************footer***************/

.footer { padding:10px 10px; margin-bottom: 5px; color:#c9e6f4;  background: url('images/flash-bg.png') bottom center no-repeat;  }
.footer a {border-right:1px solid #299AD4; margin-right:5px; padding-right:5px; text-decoration:none; color:#FFF; font: normal 0.8em Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.footer a:hover {text-decoration:underline;}