html { 
	min-height: 101%;
}
body {
	margin: 0 auto;
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #D4DFEA;
	background-image: url(../images/bkg_body.gif);
}
p, ul, ol, li, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0 0 1.4em 0;
	color: #000000;
	font-size: 12px;
	text-align: left;
	line-height: 1.5em;
}
ul, ol {
	margin: 0 0 0 18px;
	padding: 0 0 1.4em 0;
	color: #000000;
	font-size: 12px;
	text-align: left;
	line-height: 1.5em;
}
li {
  margin: 0 0 0 0;
  padding: 0;
  line-height: 1.5em;
}
h1 {
	margin: 0;
	padding: 5px 12px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background-color: #154166;
}
h1 a {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
  text-decoration: none;
}
h1 a:hover {
  text-decoration: underline;
}
h2 {
	margin: 0;
	padding: 0 0 1.4em 0;
	color: #303e5b;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4em;
}
h3 {
	margin: 0;
	padding: 0;
	color: #303e5b;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 1.4em;
}
img {
	margin: 0;
	padding: 0;
	border: none;
}
a {
	color: #996600;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.note {
	font-size: 10px;
}

table#principals {
  width: 400px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
  background-color:#FFFFFF;
}
table#principals td {
  padding: 2px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
table.partners {
  width: 480px;
}
table.partners td {
  padding: 2px 5px 2px 0;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.data {
  color: #000000;
  text-align: left;
  background-color: #FFFFFF;
}
a.readmore {
  font-size: 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
hr { 
	margin: 0 0 1.5em 0; 
 	width: 100%; 
  height: 1px; 
  color: #cfb288;
  background-color: #cfb288; 
  border: none; 
  border: 0px solid #cfb288;
} 



/* ************************************************** div#page ******************** */
div#page {
  overflow: hidden;
	width: 798px;
	margin: 0 auto;
	padding: 0 10px;
	background-color: #ffffff;
}



/* ************************************************** div#header ******************** */
div#header {
  overflow: hidden;
	width: 798px;
	margin: 0;
	padding: 0;
}
#header a.logo, 
#header a.logo img {
	display: block;
  margin: 0;
  padding: 0;
}
ul#sitenav {
  overflow: hidden;
	width: 798px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	background-image: url(../images/bkg_nav.gif);
	background-repeat: repeat-x;
}
#sitenav li {
	float: right;
	height: 22px;
	margin: 0;
	padding: 0;
}
#sitenav li.jobs {
	background-image: url(../images/bkg_nav_jobs.gif);
}
#sitenav a {
	display: block;
	margin: 6px 0 0 0;
	padding: 0 11px;
	color: #022b45;
	font-size: 10px;
	text-decoration: none;
	line-height: 1em;
	border-left: solid 1px #000000;
}
#sitenav li.about a {
	border-left: none;
}
#sitenav li.jobs a {
	margin: 6px 0 0 0;
	padding: 0 12px;
	border-left: none;
	color: #ffffff;
	font-weight: bold;
}



/* ************************************************** div#main ******************** */
div#main {
  overflow: hidden;
	width: 798px;
	min-height: 600px;
	margin: 0;
	padding: 0;
	background-image: url(../images/bkg_main.gif);
	background-repeat: repeat-y;
	background-position: right top;
	overflow: hidden;
}



/* ************************************************** div#content ******************** */
#content {
  float: left;
	width: 480px;
	margin: 0;
	padding: 20px 20px 30px 10px;
  text-align: left;
}
#content p {
  overflow: hidden;
}
#content ul.decorative {
	margin: 0;
  list-style-type: none;
}
#content ul.decorative li {
  margin: 0;
  padding: 0 0 0 18px;
	background-image: url(../images/bkg_bullet_green.gif);
  background-repeat: no-repeat;
  background-position: 5px 6px;
}
#content ul.decorative ul {
	margin: 0;
	padding: 0 0 1.5em 0;
	list-style-type: none;
	background-image: none;
}
#content ul.decorative ul li {
  margin: 0;
  padding: 0 0 0 10px;
	list-style-type: none;
	background-image: none;
}
#content.modernization {
	padding: 110px 20px 30px 10px;
  background-image: url(../images/bkg_content_modernization.jpg);
  background-position: right 10px;
  background-repeat: no-repeat;
}
#content.solutions {
	padding: 110px 20px 30px 10px;
  background-image: url(../images/bkg_content_solutions.jpg);
  background-position: right 10px;
  background-repeat: no-repeat;
}
#content.utilities {
	padding: 110px 20px 30px 10px;
  background-image: url(../images/bkg_content_utilities.jpg);
  background-position: right 10px;
  background-repeat: no-repeat;
}
#content.publicsector {
	padding: 110px 20px 30px 10px;
  background-image: url(../images/bkg_content_publicsector.jpg);
  background-position: right 10px;
  background-repeat: no-repeat;
}



/* ************************************************** div#column ******************** */
#column {
	float: right;
	width: 246px;
	margin: 0;
	padding: 20px 11px 30px 11px;
  text-align: left;
}
#column span.point {
	color: #339933;
	font-size: 14px;
	font-weight: bold;
}
#column ul.decorative {
	margin: 0;
  list-style-type: none;
}
#column ul.decorative li {
  margin: 0;
  padding: 0 0 0 18px;
	background-image: url(../images/bkg_bullet_green.gif);
  background-repeat: no-repeat;
  background-position: 5px 6px;
}
#column ul.decorative ul {
	margin: 0;
	padding: 0 0 1.5em 0;
	list-style-type: none;
	background-image: none;
}
#column ul.decorative ul li {
  margin: 0;
  padding: 0 0 0 10px;
	list-style-type: none;
	background-image: none;
}
#column p.related {
}



/* ************************************************** div#newstrail ***************** */
div#newstrail {
	width: 798px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #999999;
	padding: 10px 0;
}
ul#newsnav {
	width: 798px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style-type: none;
	background-image: url(../images/bkg_nav.gif);
	background-repeat: repeat-x;
}
#newsnav li {
	float: right;
	height: 22px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	display: block;
}
#newsnav a {
	color: #000000;
	text-decoration: none;
	margin: 6px 0 0 0;
	padding: 0 11px;
	line-height: 1em;
	display: block;
	border-left: solid 1px #000000;
}



/* ************************************************** div#footer ******************** */
div#footer {
  clear: both;
  overflow: hidden;
	width: 798px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 9px;
	color: #999999;
	padding: 10px 0;
}
#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}



/* ************************************************** LANDING PAGE STYLES ******************** */
#landing #content {
  width: 530px;
  float: left;
  margin: 0;
  padding: 0;
}
#landing div#hero {
  width: 530px;
  margin: 0;
  padding: 0;
}
#landing #hero img {
  display: block;
  width: 530px;
  margin: 0;
  padding: 0;
}
#landing #column {
	width: 266px;
	padding: 0 1px 0 1px;
}
#landing #column h1 {
  display: block;
  height: 20px;
  width: 246px;
  margin: 0 0 1em 0;
  padding: 0 10px;
  color: #41547b;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 20px;
  background-image: url(../images/landing_bkg_column_h1.gif);
  background-repeat: repeat-x;
  background-position: left center;
}
#landing #column h1.recentnews {
  background-image: url(../images/landing_bkg_column_h1_recentnews.gif);
}
#landing #column h2 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
#landing #column p, 
#landing #column li {
  font-size: 10px;
}
#landing #column div.columncontent {
  margin: 0;
  padding: 0 10px;
  overflow: hidden;
}
#landing #column div.pov {
  margin: 0;
  padding: 0 20px 10px 20px;
}
#landing #column div.pov p {
  padding: 0;
	color: #996600;
  font-size: 16px;
  font-weight: bold;
  text-indent: -8px;
}
#landing #column div.pov a:hover {
	color: #BF8A23;
  text-decoration: none;
}
#landing #column div.pov p.credit {
	color: #996600;
  font-size: 11px;
  font-weight: bold;
  text-indent: 0;
  text-align: right;
}
#landing #column div.alliances img {
  float: right;
  margin: 5px 0 10px 10px;
}



/* ************************************************** LANDING PAGE TAB STUFF ****************************** */
div#tabs {
  padding: 5px 0 0 0;
}
.highlighttabs ul {
  overflow: hidden;
  width: 518px;
  height: 24px;
  margin: 0;
  padding: 0;
  background-image: url(../images/landing_bkg_tabs_ul.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  list-style-type: none;
}
.highlighttabs li {
	float: left;
  display: inline;
  width: 128px;
  height: 24px;
	margin: 0 0 0 2px;
	padding: 0;
}
.highlighttabs li.tablink1 {
	margin: 0;
}
.highlighttabs li a {
	display: block;
  width: 128px;
  height: 18px;
	margin: 0;
	padding: 0 0 6px 0;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
  text-transform: uppercase;
  background-position: 0 0;
  background-repeat: no-repeat;
}
li.tablink1 a {
  background-image: url(../images/landing_tab_bkg_1.jpg);
}
li.tablink2 a {
  background-image: url(../images/landing_tab_bkg_2.jpg);
}
li.tablink3 a {
  background-image: url(../images/landing_tab_bkg_3.jpg);
}
li.tablink4 a {
  background-image: url(../images/landing_tab_bkg_4.jpg);
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
  /* styling the UL outside of the tabs-specific coding */
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
   /* padding: 0 12px;
    background: url(i/tabs.png) no-repeat;*/
}
.ui-tabs-nav a {
    margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding: 0;
		color: #66779b;
    /*background-position: 100% 0;*/
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
}
.ui-tabs-nav .ui-tabs-selected a {
  position: relative;
  top: 0;
  z-index: 2;
  margin-top: 0;
	color: #66779b;
	text-decoration: none;
	background-position: 0 -24px;
}
.ui-tabs-nav a span {
/*    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;*/
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
	color: #66779b;
	text-decoration: none;
  cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    /*background: #fff;*/ /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

div.highlightcontents {
  width: 478px;
  height: 180px;
  margin: 0;
  padding: 10px 20px 0 20px;
  color: #303e5b;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  background-color: #F3F3F3;
  background-image: url(../images/landing_bkg_tabs_content.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.highlightcontents h1 {
  margin: 0;
  padding: 0 0 .4em 0;
  color: #303e5b;
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  background-color: transparent;
}
.highlightcontents h2 {
  margin: 0;
  padding: 0 0 .8em 0;
  color: #303e5b;
  font-size: 11px;
  font-weight: bold;
  line-height: 1em;
  background-color: transparent;
}
.highlightcontents p {
  margin: 0;
  padding: 0 0 1em 0;
  color: #303e5b;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.5em;
}
.highlightcontents a.readmore {
  font-size: 10px;
  float: right;
  margin-top: 0;
  text-transform: uppercase;
}