

* { margin:0; padding:0; }
body { font-family:verdana,arial,helvetica,sans-serif; font-size:62.5%; text-align:center; }

a { color: #006898; text-decoration: none; }
a:hover { text-decoration: underline; border-width:0; }

ul { margin-left: 30px; margin-bottom: 10px; }
li { color: #666; margin-bottom: 5px; }

.clear { clear:both; }


/* layout */

#container { background:url(img/under-shadow.gif) repeat-x 0 0; text-align:center; }

#header { width:100%; height:114px; background: url(img/header-bg.gif) repeat-x 0 0; }
#header #header-pop { width:909px; height:114px; margin: 0 auto; }

#centralcontainer { width:940px; margin:0 auto; text-align:left; background:url(img/content-bg.gif) repeat-y 0 0; }
#centralcontainer #topshadow { width:940px; height:13px; background:url(img/top-shadow.gif) no-repeat 0 0; }

#bottom { width:955px; height:23px; margin:0 auto; text-align:left; background: url(img/bottom.gif) no-repeat 0 0; }


/* header & global navigation */

#header-pop #logo { width:238px; height:114px; float:left; }

#header-pop ul { width:620px; height:100px; float:left; margin:0; display:inline; z-index: 1100; position: relative; }
#header-pop ul li { float:left; margin:85px 50px 0 0; list-style: none; font-size:1.2em; position:relative;  }
#header-pop ul li a { height:20px; color:#fff; display:block; float:left; }
#header-pop ul li ul { display:none; }

#header-pop ul li:hover ul { width:150px; height:auto; padding:7px 0 5px; display:block; position:absolute; top:20px; left:-10px; background:#3387aa; }
#header-pop ul li:hover ul li { width:150px; margin:0; font-size:0.9em; text-align:left; }
#header-pop ul li:hover ul li a { padding:0 10px; }


/* footer */

#footer { width: 909px; height: 28px; margin-left:15px; background: url(img/footer-bg.gif) repeat-x 0 0; }

#footer-left {
	float: left;
	width: 300px;
	margin-left: 25px;
	display:inline;
}
#footer-left p {
	font-size: 1em;
	color: #666666;
	margin-top: 8px;
}
#footer-right {
	float: right;
	width: 300px;
}
#footer-right p {
	font-size: 1em;
	color: #666666;
	margin-top: 8px;
	float: right;
	margin-right: 25px;
}


/* homepage */

#flashleader {
	width: 572px;
	height: 248px;
	margin:3px 0 15px 40px;
	float: left;
	display:inline;
}

#topright { width: 276px; height: 248px; margin:3px 40px 15px 0; float: right; display:inline; background:#64A4BF; }
#topright a { float:left; margin-left:103px; display:inline; }


#tagline { width: 861px; height: 50px; float: left; margin-left:40px; display:inline; }

#boxholder { width:880px; height:260px; margin-left:30px; clear:both; }

.frontbox { width:201px; height:212px; float:left; display:inline; margin:15px 10px 0 9px; background:url(img/box-bg.gif) no-repeat 0 0; }

.frontbox ul { font-size: 1em; margin-left: 10px;
	margin-top: 15px;
	list-style: none;
}
.frontbox li {
	margin-bottom: 10px;
}
.frontbox p {
	font-size: 1em;
	margin-left: 10px;
	margin-top: 15px;
	color: #666666;
	line-height: 140%;
}
.text {
	font-size: 1em;
	margin-left: 10px;
}


/* left naviagtion */

#leftlinks {
	width: 146px;
	margin-top: -8px;
	float: left;
}
#leftlinks ul {
	list-style: none;
	padding-top: 10px;
}
#leftlinks li {
	display: block;
	width: 140px;
	padding: 12px 0 12px 6px;
	margin-top: -4px;
	font-size: 1em;
	color: #666666;
	background-image: url(img/leftlinks-item.gif);
}
#leftlinks li ul li {
	font-size: 1.2em;
	margin-bottom: -10px;
}
#leftlinks a {
	color: #666666;
}
#leftlinks a:hover {
	color: #006898;
}


/* sub content */

#subcontent {
	float: left;
	width: 525px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: -3px;
	padding-top: 16px;
	padding-left: 25px;
	padding-right: 30px;
	background-image: url(img/maincontent-bg.gif);
	background-repeat: repeat-y;
	padding-bottom: 50px;
	min-height: 400px;
}
#subcontent p {
	font-size: 1.1em;
	color: #666666;
	margin-bottom: 20px;
	line-height: 150%;
}
#subcontent table {
	font-size: 1.0em;
}
.grey {
	color: #666666;
}
.grey:hover  {
	color: #006898;
}
.breadcrumbs {
	margin-bottom: 30px;
}
h1 {
	color: #006898;
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 20px;
}
h2 {
	color: #006898;
	font-weight: normal;
	font-size: 1.3em;
	margin-bottom: 3px;
}
#rightbox {
	width: 148px;
	float: left;
	padding-top: 20px;
}
.clientlogo {
	width: 110px;
	float: left;
}
.clientdesc {
	float: left;
	width: 390px;
	vertical-align: middle;
}
.bordercontainer {
	width: 600px;
	border-width: 2px;
	border-color: #006898;
	border-style: solid;
}
.solutionsul {
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666666;
	font-size: 1em;
}
.solutionsli {
	width: 200px;
	margin-bottom: 5px;
	vertical-align: middle;
}
.hidden { 
	overflow: hidden;
}
.toggle { 
	display: none;
}
.solutionsexpander {
	background-color: #006898;
	border-width: 2px;
	border-color: #385d8a;
	border-style: solid;
	width: 230px;
	height: 25px;
	padding: 5px;
	padding-left: 10px;
  	cursor:pointer;
}
tr {
	margin-bottom: 10px;
}
.solutionsexpander a {
	color: #ffffff;
}
.solutionsexpander a:hover {
	text-decoration: none;
}

a span {display: none; text-decoration: none; color: #666666; font-size: 1em;}
a:hover span {display: block;
   position: absolute; top: 240px; left: 50%; width: 500px;
   padding: 5px; margin-left: -270px; margin-top: 450px; z-index: 100; text-decoration: none;}

fieldset {
	padding: 10px;
	margin-bottom: 20px;
}
select {
	width: 350px;
}

