body {
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
color: #000000;
text-align: justify;
font-family: Helvetica, Trebuchet MS, sans-serif;
}

#wrapper {
width: 854px;
margin: auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 7px;
padding-right: 6px;
}

#pagebg {
background: url(images/bg.jpg) center repeat-y;	
margin-bottom: 0;
margin-top: 0;
}

/* Headers */
#header {
height: 204px;
margin-bottom: 0;
padding-bottom: 0;
background: url(images/header.jpg) no-repeat;
}

#header img {
border: 0;
}

#header.home {
background: url(images/header-home.jpg) no-repeat;
margin-bottom: 0;
padding-bottom: 0;
}

#header.general {
background: url(images/header.jpg) no-repeat;
margin-bottom: 0;
padding-bottom: 0;
}

/* Header Content */
.logo {
margin-top: 12px;
margin-left: 8px;
}

.toprightnav {
width: 240px;
float: right;
font-weight: bold;
color: #F89728;
font-family: Arial, Helvetica, sans-serif;
margin-top: 5px;
margin-right: 5px;
font-size: 12px;
text-align: right;
padding-right: 10px;
}

.toprightnav a {
color: #F89728;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
border: 0;
}

.tagline {
font-size: 14px;
color: #ffffff;
margin-top: 45px;
letter-spacing: 1px;
margin-left: 20px;
}

/* General Content */

.circle-orange {
padding-left: 30px;
background: url(images/halfcircle-orange.png) no-repeat left top; 
}

.circle-red {
padding-left: 30px;
background: url(images/halfcircle-red.png) no-repeat left top; 
}

.circle-blue {
padding-left: 30px;
background: url(images/halfcircle-blue.png) no-repeat left top; 
}

.circle-green {
padding-left: 30px;
background: url(images/halfcircle-green.png) no-repeat left top; 
}

/* Content Areas */

#content {
clear: both;	
width: 814px;
margin-top: 0;
font-size: 11px;
}
#content img {
border: 0;
padding-left: 5px;
padding-bottom: 10px;
}

#content.home {
background: url(images/content-bg-home.jpg) top no-repeat;
clear: both;
margin: 0;
padding-top: 0;
float: left;
width: 854px;
height: 420px;
}

#content.general {
clear: both;
margin: 0;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 20px;
margin-right: 20px;
padding-top: 0;
float: left;
}

#content.logobg {
background: url(images/content-logo-bg.jpg) no-repeat right;
clear: both;
margin: 0;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 20px;
margin-right: 20px;
padding-top: 0;
float: left;
  min-height:330px;
  height:auto !important;
  height:330px;

}

/* Home Content */

.home-blue {
clear: both;
width: 340px;
background: url(images/halfcircle-blue.png) no-repeat top left;
display: block;
margin-top: 28px;
margin-left: 50px;
padding-left: 30px;
}

.home-blue h1 {
padding: 0;
margin: 0;
font-weight: normal;

}
.home-blue h1 a {
color: #0369b1;
border: 0;
}

.home-green h1 a {
color: #0369b1;
border: 0;
}
.home-green {
clear: both;
width: 340px;
background: url(images/halfcircle-green.png) no-repeat top left;
display: block;
margin-top: 30px;
margin-left: 50px;
padding-left: 30px;
}

.home-green h1 {
padding: 0;
margin: 0;
font-weight: normal;
}

/* Products */

.products-left {
width: 300px;
float: left;
margin-left: 90px;
margin-right: 30px;
}

.products-right {
width: 300px;
float: left;
}

.products-1a {
width: 180px;
float: left;
margin-top: 15px;
margin-right: 20px;
text-align: left;
}

.products-1b {
width: 180px;
margin-top: 15px;
float: left;
margin-right: 20px;
text-align: left;
}

.products-1c {
width: 180px;
margin-top: 15px;
float: left;
margin-right: 20px;
text-align: left;
}

.products-1d {
width: 180px;
margin-top: 15px;
float: left;
text-align: left;
}

.products-1e {
width: 450px;
float: left;
margin-left: 190px;
margin-top: 10px;
margin-bottom: 10px;
}

.include {
margin-left: 90px;	
color: #000000;	

}

/* Employment Content */

.employment-left {
width: 300px;
float: left;
margin-left: 150px;
}

.employment-right {
width: 300px;
float: left;
margin-bottom: 13px;
}

.employment-right p {
margin-top: 8px;	
}

.lightopaque {
width: 95%;
margin: auto;
padding: 5px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
background: url(images/blue-opaque.png);
}

.lightopaque2 {
padding:3px;
background: url(images/blue-opaque.png);
}

/* About Content */

.about-left {
width: 300px;
float: left;
margin-right: 20px;
}

.about-right {
width: 462px;	
float: left;
padding-top: 0;
padding-left: 30px;
background: url(images/halfcircle-red.png) top left no-repeat;
}

/* Contact Content */

.contact-left {
width: 375px;
float: left;
margin-right: 30px;
}

.contact-left p {
padding: 0;
margin: 0;
}

.contact-right {
width: 370px;	
float: left;
padding-top: 0;
margin-left: 80px;
padding-left: 30px;
background: url(images/halfcircle-red.png) top left no-repeat;
}

.contact-right p {
padding: 0;
margin: 0;
}

/* Footers */

#footer {
background: #0168b3 url(images/footbg.jpg) no-repeat right;
height: 30px;
clear: both;
padding-top: 20px;
color: #ffffff;
font-size: 10px;
text-align: right;
padding-right: 35px;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#subfooter img {
border: 0;
}

.imgleft {
width: 500px;
float: left;
}

.imgright {
float: right;
width: 80px;
margin-right: 16px;
border: 0;
}

/* Misc */
a {
color: #0369b1;
text-decoration: none;
}

a.external {
padding-right: 15px;
background: url(images/external.png) no-repeat right;	
font-weight: normal;
text-decoration: none;
margin-top: 10px;

}

#content a.external {
border: none;	
}

#content a {

}

.moreinfo {
text-align: right;
margin-top: -10px;
}

h1 {
font-size: 16px;	
margin-top: 0;
padding-top: 0;
}

h2 {
font-weight: bold;
font-size: 11px;
margin-bottom: 0;
padding-bottom: 0;
}

hr {
width: 80%;
background-color: #d1d1d1;
border: 0;
height: 1px;
text-align: center;
}

.hr2 {
width: 40%;
background-color: #e3e3e3;
border: 0;
height: 1px;
text-align: center;
}

.fleft {
float: left;
}

.blue {
color: #000000;	
}

h2.blue {
text-transform: uppercase;	
}

.logobg h2 {
margin-top: 20px;
margin-bottom: 0;
padding-bottom: 0;
}

.logobg p {
padding-top: 0;
margin-top: 5px;
}

div {
behavior: url(iepngfix.htc);
}

/* Bullets */

ul.bullet-red  {
margin-left: 10px;
padding-left: 0;
padding-top: 0;
margin-top: 10px;
}

ul.bullet-red li {
margin-left: 0;
margin-bottom: 4px;
padding-left: 13px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-red.png) no-repeat left top;
background-position: 0 3px;
}

ul.bullet-orange  {
margin-left: 10px;
padding-left: 0;
padding-top: 0;
margin-top: 15px;
}

ul.bullet-orange li {
margin-left: 0;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 13px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-orange.png) no-repeat left top;
background-position: 0 8px;
}

ul.bullet-green  {
margin-left: 10px;
padding-left: 0;
padding-top: 0;
margin-top: 15px;
}

ul.bullet-green li {
margin-left: 0;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 13px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-green.png) no-repeat left top;
background-position: 0 8px;
}

ul.bullet-blue  {
margin-left: 10px;
padding-left: 0;
padding-top: 0;
margin-top: 15px;
}

ul.bullet-blue li {
margin-left: 0;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 13px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-blue.png) no-repeat left top;
background-position: 0 8px;
}

ul.bullet-blue li ul li {
margin-left: 0;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 13px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-green.png) no-repeat left top;
background-position: 0 8px;
}

ul.bullet-sitemap  {
margin-left: 5px;
padding-left: 0;
padding-top: 0;
margin-top: 15px;
}

ul.bullet-sitemap li {
margin-left: 0;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 13px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-blue.png) no-repeat left top;
background-position: 0 8px;
}

ul.bullet-sitemap li ul {
margin: 0;
padding: 0;
padding-left: 10px;
margin-top: 5px;
}

ul.bullet-sitemap li ul li {
margin-left: 0;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 13px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-blue.png) no-repeat left top;
background-position: 0 8px;
}

#content ul.bullet-sitemap a {
border: 0;	
}

ul.checkmark  {
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-top: 0;
}

ul.checkmark li {
margin-left: 0;
margin-bottom: 4px;
padding-left: 15px;
list-style: none;
display: block;
text-align: left;
background: url(images/bullet-checkmark.png) no-repeat top left;
background-position: 0 1px;
}

/* menu */

ul#nav {
margin-top: 28px;
margin-left: 28px;
height: 22px;
}

* html ul#nav {
margin-top: 26px;
margin-left: 28px;
height: 22px;
}

#nav, #nav ul {
padding:0;
margin:0;
margin-left: 20px;
margin-top: 28px;
list-style: none;
font-size: 12px;
}

#nav a {
	display: block;
}

#nav li a {
color:#333; 
text-decoration:none;	
padding-left: 5px;
padding-right: 5px;
}

#nav li {
	float: left;
	height: 17px;
	padding-top: 5px;
background: url(images/navbg.jpg) repeat-x;
}

#nav li.fleft{
padding-top: 0;	
height: 25px;
background: none;
}

#nav li ul {
	position: absolute;	
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

/* software */

#nav li:hover ul.sub {
background: url(images/subnavbg.png) no-repeat;
height: 107px;
margin-top: 5px;
float: none;
z-index: 1000;
font-size: 11px;
width: 200px;
padding-left: 3px;
}

#nav li ul.sub {
background: url(images/subnavbg.png) no-repeat;
height: 200px;
margin-top: 10px;
z-index: 1000;
padding-left: 3px;
}

* html #nav li ul.sub {
background: url(images/subnavbg.png) no-repeat;
height: 200px;
margin-top: 5px;
z-index: 1000;
padding-left: 3px;
}

* html #nav li:hover ul.sub a {
display: block;
width: 202px;
float: none;
height: 15px;
}

html*#nav li:hover ul.sub a {
height: 10px;
}
#nav li ul.sub li {
	float: none;
	display: block;
	background: none;
	height: 15px;
	width: 200px;
	font-size: 11px;
}

* html #nav li ul.sub li {
	float: none;
	display: block;
	background: none;
	height: 12px;
	width: 200px;
	font-size: 11px;
}

/* software ext */
#nav li:hover ul.subnav3 {
background: url(images/subnav3bbg.png) no-repeat;
height: 187px;
width: 167px;
padding-left: 4px;
padding-top: 3px;
margin-left: 199px;
z-index: 1000;
}

#nav li:hover ul.subnav3 a {
display: block;
width: 190px;
}

#nav li ul.subnav3 {
background: url(images/subnav3bbg.png) no-repeat;
height: 187px;
width: 167px;
margin-left: 199px;
padding-top: 9px;
padding-left: 4px;
}

#nav li ul.subnav3 a {
display: block;
width: 190px;
}

/* solutions */
#nav li:hover ul.sub1 {
background: url(images/subnavbg1.png) no-repeat;
height: 50px;
width: 118px;
z-index: 1000;
margin-top: 5px;
}

#nav li:hover ul.sub1 a {
display: block;
background: none;
width: 118px;
padding-left: 5px;
z-index:1000;
}

#nav li ul.sub1 {
background: url(images/subnavbg1.png) no-repeat;
height: 50px;
width: 118px;
padding-left: 3px;
font-size: 11px;
z-index:1000;
margin-top: 5px;
}

#nav li ul.sub1 a {
display: block;
width: 118px;
background: none;
padding-left: 5px;
z-index:1000;
}

#nav li ul.sub1 li {
	float: none;
	display: block;
	background: none;
	z-index:1000;
}

/* arrow */
li.navarrow a {
background-image: url(images/nav-arrow.png);	
background-repeat: no-repeat;
background-position: right;
}

li.navarrow ul li a {
background: none;
}

#nav li:hover ul li {
	left: auto;
	float: none;
	background: none;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li ul ul {
	margin: -1em 0 0 10em;
}


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

li.navarrow a {
	z-index: 1000;
background-image: url(images/nav-arrow.png);	
background-repeat: no-repeat;
background-position: right;
}

li.navarrow ul li a {
background: none;
}