body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #22242C url(../images/bg.gif) repeat-x;
}
h1 {
  height: 49px;
  width: 170px;
  background: url(../images/logo.jpg) no-repeat;
  text-indent: -999em;
  left: 32px;;
  top: 10px;
  position: absolute;
}
h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
h2 {
  height: 144px;
  text-indent: -999em;
  margin: 13px 0 0;  
}
h4 {
  font-size: 1em;
  font-weight: bold;
  border-bottom: 1px solid #BCBDC0;
  margin: 0 0 .7em;
  padding: 0 0 4px;
}
#business h4 {
  color: #D08807;
}
a {
  color: #AB720D;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  color: #000;
}
p {
  margin-bottom: 1em;
}
blockquote {
  font-size: 1em;
  font-style: normal;
  color: inherit;
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
  color: #6ba12a;
}
blockquote p {
  margin-bottom: .8em;
}
.container {
  width: 954px;
  background: url(../images/body.gif) repeat-y;
  position: relative;
  padding: 0;
}
.header {
  background: url(../images/body-top.gif) no-repeat;
  padding-top: 1px;
}
#home .header {
  background: url(../images/body-top-home.gif) no-repeat;
}
#home .header a:hover {
  color: #777777;
}
p.callout{
  position: absolute;
  left: 482px;
  top: 307px;
  width: 415px;
  height: 20px;
  overflow: auto;
  color: #597AB5;
  font-size: 1em;
  text-shadow: #000 0 0 0;
  -moz-opacity: .9999;
}

.vcard {
  text-align: right;
  position: absolute;
  right: 60px;
  top: 15px;
  font-size: .85em;
  color: #3E424A;
}
.vcard a, .vcard .adr .type {
  display: none;
}
.vcard div {
  display: inline;
}
.vcard abbr {
  border: none;
}
.tel {
  margin-left: 9px;
}

#home h2 {
  background: url(../images/header-home.jpg) no-repeat left top;
  height: 246px;
  text-indent: -999em;
  margin: 0;
}
#product h2 {
  background: url(../images/header-publicsafety.jpg) no-repeat left top;
}
#mvp h2 {
  background: url(../images/header-mvp.jpg) no-repeat left top;
}
#mcis h2 {
  background: url(../images/header-mcis.jpg) no-repeat left top;
}
#business h2 {
  background: url(../images/header-isv.jpg) no-repeat left top;
}
#success h2 {
  background: url(../images/header-services.jpg) no-repeat left top;
}
#about h2 {
  background: url(../images/header-about.jpg) no-repeat left top;
}
#contact h2 {
  background: url(../images/header-contact.jpg) no-repeat left top;
}
#login h2 {
  background: url(../images/header-login.jpg) no-repeat left top;
}
#terms h2 {
  background: url(../images/header-terms.jpg) no-repeat left top;
}
#copyright h2 {
  background: url(../images/header-copyright.jpg) no-repeat left top;
}
#nav {
  background: url(../images/nav-bg.gif) no-repeat left top;
  list-style: none;
  margin: 65px 0 0 20px;
  text-align: center;
  height: 27px;
  padding: 10px 0 0 40px;
  line-height: 1;
}
#nav li {
  display: block;
  float: left;
}
#nav a {
  background: url(../images/nav.gif) no-repeat left top;
  display: block;
  height: 17px;
  text-indent: -999em;
}
#nav a:active, #nav a:focus, h1 a:active, h1 a:focus, .subnav a:focus, .subnav a:active, h3 a:active, h3 a:focus {
	outline: none;
}
#nav_home a {
  background-position: 0 0;
  width: 58px;
}
#nav_home a:hover, #home #nav_home a {
  background-position: 0 -17px;
}
#nav_publicsafety a {
  background-position: -58px 0;
  width: 128px;
}
#nav_publicsafety a:hover, #publicsafety #nav_publicsafety a {
  background-position: -58px -17px;
}
#nav_isv a {
  background-position: -186px 0;
  width: 129px;
}
#nav_isv a:hover, #isv #nav_isv a {
  background-position: -186px -17px;
}
#nav_services a {
  background-position: -315px 0;
  width: 178px;
}
#nav_services a:hover, #services #nav_services a {
  background-position: -315px -17px;
}
#nav_about a {
  background-position: -493px 0;
  width: 91px;
}
#nav_about a:hover, #about #nav_about a {
  background-position: -493px -17px;
}
#nav_contact a {
  background-position: -584px 0;
  width: 105px;
}
#nav_contact a:hover, #contact #nav_contact a {
  background-position: -584px -17px;
}
#nav_login a {
  background-position: -690px 0;
  width: 129px;
}
#nav_login a:hover, #login #nav_login a{
  background-position: -690px -17px;
}
p.subnav {
  position: absolute;
  left: 65px;
  top: 110px;
  font-weight: bold;
  color: #999;
  font-size: .85em;
}
p.subnav a {
  color: #4D5159;
  text-decoration: none;
}
p.subnav a:hover {
  color: #000;
}
.content {
  background: url(../images/content-bg.gif) repeat-y left top;  
  margin: 0;
  padding: .5em 0 0;
  overflow: hidden;
}
#home .content {
  background: url(../images/home-content-bg.gif) repeat-y left top;  
  color: #9A9999;
  padding: 0;
}
#home .col {
  color: #9A9999;
}
#home .content .cols {
  overflow: hidden;
  background: url(../images/home-content-bg-top.gif) no-repeat left top;
}
#home h3 {
  color: #FFF;
  background: url(../images/home-h3.gif) repeat-x left bottom;
  padding: 15px 0 10px;
  margin: 0 0 5px 0;
  word-spacing: -2px;
  border: 0;
  font-size: 1.4em;
}
#home h3 a {
  color: #FFF;
  padding-right: 22px;
  text-decoration: none;
}
.product h3 a {
  background: url(../images/arrow-orange2.gif) no-repeat right 3px;
}
.business h3 a {
  background: url(../images/arrow-blue2.gif) no-repeat right 3px;
}
.success h3 a {
  background: url(../images/arrow-green2.gif) no-repeat right 3px;
}
#home h3 a:hover {
  color: #777777;
  background: url(../images/arrow-gray2.gif) no-repeat right 3px;
  text-decoration: underline;
}
.col {
	width: 262px;
	margin: 0 0 0 42px;
	float: left;
	text-shadow: #000 0 0 0;
	color: #EEE;
}
.col hr {
  background: url(../images/home-h3.gif) repeat-x left bottom; 
  border: 0;
  height: 2px;
}
.col a:hover {
  color: #777777; 
}
.button {
  display: block;
  padding: 5px 8px;
  font-weight: bold;
  width: 11.5em;
  height: 19px;
  background: url(../images/button.gif) no-repeat left top;
  opacity: .8;
}
a.button:hover {
  color: #999999;
  text-decoration: none;
  opacity: 1;
}
.product a span, .callout a span {
  padding-right: 15px;
  background: url(../images/arrow2-orange.gif) no-repeat right 5px;
}
.business a {
  color: #668ac9;
}
.business a span {
  padding-right: 15px;
  background: url(../images/arrow2-blue.gif) no-repeat right 5px;
}
.success a {
  color: #95AF75;
}
.success a span {
  padding-right: 15px;
  background: url(../images/arrow2-green.gif) no-repeat right 5px;
}
.about a {
  color: #a6abb4;
}
a:hover span {
  background-image: url(../images/arrow2-gray.gif);
}

#home .button {
  padding: 0 0 0 8px;
  height: 29px;
}
#home .button span {
  padding: 5px 8px 5px 0;
  background: url(../images/button-r.gif) no-repeat right top;
  display: block;
  height: 19px;
  
}
.buttons li {
  margin: 0 0 5px 0;
}
.body {
  margin: 0 0 0 64px;
  float: left;
  width: 520px;
  min-height: 350px;
}
h3 {
  border-bottom: 1px solid #B8B9BC;
  font-size: 1.75em;
  padding: 4px 0 10px;
  margin: 0 0 .6em;
  line-height: 1.2;
  text-shadow: #000 0 0 0;
}
ul.subnav {
  list-style: none;
  margin: 0;
}
ul.subnav li {
  font-size: 1.45em;
  background: url(../images/home-h3.gif) repeat-x left bottom;
}
ul.subnav a {
  display: block;
  color: #FFF;
  text-decoration: none;
  line-height: 1.3;
  padding: 5px 15px 8px 0;
	word-spacing: -2px;
}
ul.subnav a:hover {
  background: url(../images/arrow-white.gif) no-repeat 98% bottom;
}
ul.subnav a:hover {
  color: #777777;
  text-decoration: underline;
}
ul.buttons {
  list-style: none;
  margin: 2em 0 0;
}
#business ul.subnav a:hover, #business ul.subnav a.active {
  background: url(../images/arrow-blue2.gif) no-repeat 98% bottom;
}
#product ul.subnav a:hover, #product ul.subnav a.active {
  background: url(../images/arrow-orange2.gif) no-repeat 98% bottom;
}
#success ul.subnav a:hover, #success ul.subnav a.active {
  background: url(../images/arrow-green2.gif) no-repeat 98% bottom;
}
ul.subnav a:hover, ul.subnav a.active {
  background: url(../images/arrow-gray2.gif) no-repeat 98% bottom;
}
.footer {
  padding: 50px 0 0 20px;
  background: #22242C url(../images/footer.gif) no-repeat left top;  
  color: #696969;
  line-height: 2;
}
#home .footer  {
  background: #22242C url(../images/footer-home.gif) no-repeat left top;  
}
.footer p {
  margin: 0;
  font-size: .85em;
  text-shadow: #000 0 0 0;
}
.footer a {
  color: #B2B2B2;
  text-decoration: none;
}
.footer a:hover {
  color: #FFF;
}
body.c .content {
  background: url(../images/content-bg-c.gif) repeat-y left top;
}
body.c h3#title {
  background: url(../images/h3-c.gif) no-repeat 1px -1px;
  border: 0;
  font-size: 1.45em;
  color: #CDCED0;
  margin: -12px 0 0;
  height: 52px;
  padding: 11px 30px 0 76px;
  text-shadow: #000 0 0 0;
  position: relative;
}
body.c h3#title span {
  position: absolute;
  height: 16px;
  width: 16px;
  left: 43px;
  top: 12px;
  background: url(../images/arrow-gray.gif) no-repeat left top;
}
#business h3#title span {
  background: url(../images/arrow-blue.gif) no-repeat left top;
}
#product h3#title span {
  background: url(../images/arrow-orange.gif) no-repeat left top;
}
#success h3#title span {
  background: url(../images/arrow-green.gif) no-repeat left top;
}
body.c .body {
  margin: 0 0 0 76px;  
}
body.c .col {
  margin: 0 0 0 63px;
  width: 240px;
}
body.c .footer {
  background: #22242C url(../images/footer-c.gif) no-repeat left top; 
}