body  {
  background: url(body4de.jpg) repeat-y center;
  margin : 0;
  padding : 0;
  text-align : center;
}
div , span {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : #040403;
}
h1 , h2 {
  font-family : Tahoma, Arial, sans-serif;
  font-size : 10px;
  color : #040403;
}
a:link , a:visited {
  color : #336600;
  text-decoration : underline;
}
a:hover {
  text-decoration : none;
}
p {
  padding : 3px 0;
  margin : 0;
}
.clear {
  clear : both;
  height : 1px;
  font-size : 10%;
  line-height : 10%;
  overflow : hidden;
}
.textbox {
  border-left : 1px solid #b6b6b6;
  border-right : 1px solid #b6b6b6;
  border-top : 1px solid #b6b6b6;
  border-bottom : 1px solid #b6b6b6;
  background-color : #fffbf2;
  font-size : 11px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #000;
}
.textbox2 {
  border-left : 1px solid #F2E3E3; 
  border-right : 1px solid #F2E3E3; 
  border-top : 1px solid #F2E3E3; 
  border-bottom : 1px solid #F2E3E3; 
  background-color : #fff; 
  font-size : 12px;
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  color : #000; 
}
#container {
  background-color : #fff;
  margin : auto;
  width : 752px;
  text-align : left;
}
#content {
  padding : 10px 0;
}
.login {
  background: url(center_bg.gif) repeat-x;
  width : 198px;
  float : right;
  margin-bottom : 10px;
}
.login .heading {
  padding : 0;
  color : #628600;
  font-size : 120%;
  font-weight : bold;
}
.login .body {
  border-top : 0;
  padding : 7px;
  font-size : 95%;
}
.login a {
  color : #000000;
}
.lnav {
  clear : both;
  background-color : #ffffff;
  width : 196px;
  float : right;
  border : 1px solid #d1cf80;
  border-bottom : 0;
  margin-bottom : 10px;
}
.lnav .heading {
  border-bottom : 1px solid #d1cf80;
  padding : 4px;
  background-color : #f1f1d9;
  color : #628600;
  font-size : 120%;
  font-weight : bold;
}
.lnav .body {
  border-bottom : 1px solid #d1cf80;
  padding : 5px;
  font-size : 95%;
}
.leftnav {
  clear : both;
  background-color : #fffdfd;
  width : 196px;
  float : left;
  border-bottom : 0;
  margin-bottom : 10px;
}
.leftnav .heading {
  padding : 4px;
  background-color : #f1f1d9;
  color : #628600;
  font-size : 120%;
  font-weight : bold;
}
.leftnav .body {
  padding : 5px;
  font-size : 95%;
}
.leftnav .body .left_adv_text {
  float : right;
  width : 100px;
}
.leftnav .body .left_adv_image {
  float : left;
  width : 76px;
}
.leftnav ul , .lnav ul {
  margin : 3px;
  margin-left : 16px;
  padding : 0;
  list-style : square url(arrow4.gif);
}
.sw  {
  border: 0;
}
#content .box2 {
  position : relative;
  width : 184px;
  color : #ffffff;
  padding : 49px 2px 0 20px;
  font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size : 130%;
  float : left;
  line-height : 130%;
  margin-bottom : 10px;
}
#footer {
  clear : both;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 105%;
  width : 752px;
  padding : 10px 0;
}
#footer .brk {
  width : 752px;
  clear : both;
  background-image:url(slashbg.gif);
  background-repeat:repeat-x;
  height : 5px;
  font-size : 10%;
  margin : 3px 0;
  line-height : 10%;
  overflow : hidden;
}
#footer .fbot {
  margin-bottom : 3px;
  color : #336699;
}
.fbot a:link , .fbot a:visited , .copyright2 a:link , .notices a:visited {
  color : #336699;
  text-decoration : none;
}
.fbot a:hover , .notices a:hover {
  text-decoration : underline;
}
.contentbox1 {
  font-size : 12px;
  font-weight : normal;
  color : #000;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}
#content #leftcol {
  width : 542px;
  float : left;
}
#content #rightcol {
  width : 205px;
  float : right;
}
#content .main_image {
  float : right;
}
#content #leftcol #leftcont {
  width : 197px;
  float : left;
}
#content #leftcol #rightcont {
  width : 336px;
  float : right;
}
#rightcont .box1 {
  background: url(center_bg.gif) repeat-x;
  padding : 4px 8px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}
#rightcont .box1 .col1 {
  width : 155px;
  float : left;
}
#rightcont .box1 .col2 {
  width : 155px;
  float : right;
}
#rightcont .box1 img {
  margin : 1px 0 0;
}
.img_left {
  float : left;
  margin : 3px 8px 3px 0;
}
.cselect2 {
  background-color : #fffbf2;
  font-size : 11px;
  color : #275078;
  font-family : Verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.cselect3 {
  background-color : #fffdfd;
  font-size : 11px;
  color : #AE4D4D;
  font-family : Verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.div2 {
  width : 100%;
  margin-top : 1px;
  padding-top : 3px;
  padding-bottom : 3px;
  padding-left : 2px;
  background-color : #fff;
  font-size : 12px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  color : #4d4d4d;
}
.submit {
  color : #666;
  font-family : verdana, arial, helvetica, sans-serif;
  font-size : 8pt;
  font-weight : bold;
 background: url(navhoover.gif) repeat;
  border : 1px solid #dadada;
  cursor : pointer;
}
.submit:hover { 
background: url(navbg.gif) repeat;
}
.navwrap {
  margin : 0;
  padding : 0;
  border : 1px solid #f7f7f7;
}
#navlist {
  margin : 0;
  padding : 0;
  width : 100%;
  font-size : 107%;
  border-right : none;
  float : left;
}
#navlist li {
  margin : 0;
  padding : 0;
  list-style-type : none;
  display : block;
  float : left;
  text-align : center;
  border-right : 0px solid #666;
  background: url(hdp7off.gif) repeat-x;
}
#navlist a:link , #navlist a:visited {
  display : block;
  padding : 0.25em 0;
  font-weight : bold;
  text-decoration : none;
  color : #fff;
  width : 94px;
}
body.home #navlist li.home a , body.serv #navlist li.serv a , body.solution #navlist li.solution a , body.software #navlist li.software a , body.contactus #navlist li.contactus a , body.about #navlist li.about a , body.privacy #navlist li.privacy a , body.testimon #navlist li.testimon a , #navlist a:hover {
  background: url(hdp7hoover.gif) repeat-x;
  color : #fff;
}
#banner {
  height : 84px;
  background : #336699 url("logo12.gif") no-repeat;
  padding : 0;
  margin : 0;
}
#banner h1 {
   float: right;
   text-align:left;
   color: #fff;
   font-size: 11px;
   margin:0px auto;
   padding-top: 2px;
   padding-right: 6px;	
}
.bhz {
  width : auto;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10px;
  text-align : left;
  font-weight : bold;
  color : #000;
  background: url(hdp7.gif) repeat-x;
  padding-top : 3px;
  padding-bottom : 4px;
  padding-left : 4px;
  display : block;
}
.bhz2 {
  width : auto;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 10px;
  text-align : left;
  font-weight : bold;
  color : #fff;
  background: url(hdp7.gif) repeat-x;
  padding-top : 3px;
  padding-bottom : 4px;
  padding-left : 4px;
  display : block;
}
.ht1 {
  font-size : 10px;
  font-weight : bold;
  color : #000;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration : none;
}
.hw2 {
  font-size : 11px;
  font-weight : bold;
  color : #fff;
  font-family : verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.content2 {
  font-size : 12px;
  color : #5A6D73;
  font-weight : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  line-height: 17px;
  text-decoration : none;
}
.c2 {
  font-size : 12px;
  color : #0071E1;
  font-weight : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.contindex {
  font-size : 12px;
  color : #5A6D73;
  font-weight : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  line-height: 15px;
  text-decoration : none;
}
.content5 {
  font-size : 11px;
  color : #5A6D73;
  font-weight : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  line-height: 15px;
  text-decoration : none;
}
.cnews {
  font-size : 12px;
  color : #5A6D73;
  font-weight : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  line-height: 15px;
  text-decoration : none;
}
.cd {
  font-size : 12px;
  color : #800000;
  font-weight : bold;
  font-family : verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.dtcat:link {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE0000;
  font-weight : bold;
  font-size : 11px;
  text-decoration : none;
}
.dtcat:visited {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE0000;
  font-weight : bold;
  font-size : 11px;
  text-decoration : none;
}
.dtcat:hover {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #007af4;
  font-weight : bold;
  font-size : 11px;
  text-decoration : underline;
}
.dtcat:active {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE0000;
  font-weight : bold;
  font-size : 11px;
  text-decoration : underline;
}
.cr {
  font-size : 13px;
  color : #4d4d4d;
  font-weight : bold;
  font-family : verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.cr2 {
  font-size : 16px;
  color : #AE0000;
  font-weight : bold;
  font-family : verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.cr3 {
  font-size : 13px;
  color : #AE0000;
  font-weight : bold;
  font-family : verdana, arial, helvetica, sans-serif;
  text-decoration : none;
}
.dt:link {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE4D4D;
  font-weight : normal;
  font-size : 12px;
  text-decoration : none;
}
.dt:visited {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE4D4D;
  font-weight : normal;
  font-size : 12px;
  text-decoration : none;
}
.dt:hover {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #007af4;
  font-weight : normal;
  font-size : 12px;
  text-decoration : underline;
}
.dt:active {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE4D4D;
  font-weight : normal;
  font-size : 12px;
  text-decoration : underline;
}
.dt3:link {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE4D4D;
  font-weight : normal;
  font-size : 11px;
  text-decoration : none;
}
.dt3:visited {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE4D4D;
  font-weight : normal;
  font-size : 11px;
  text-decoration : none;
}
.dt3:hover {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #007af4;
  font-weight : normal;
  font-size : 11px;
  text-decoration : underline;
}
.dt3:active {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #AE4D4D;
  font-weight : normal;
  font-size : 11px;
  text-decoration : underline;
}
.dt4:link {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #0071E1;
  font-weight : normal;
  font-size : 10px;
  text-decoration : none;
}
.dt4:visited {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #0071E1;
  font-weight : normal;
  font-size : 10px;
  text-decoration : none;
}
.dt4:hover {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #ff3e3e;
  font-weight : normal;
  font-size : 10px;
  text-decoration : underline;
}
.dt4:active {
  font-family : verdana, arial, helvetica, sans-serif;
  color : #0071E1;
  font-weight : normal;
  font-size : 10px;
  text-decoration : underline;
}
.item {
margin: 10px; 
overflow: hidden; 
}
.item_contents { 
padding-top: 5px; 
}
.visible .item_contents { 
display: block; 
}
.invisible .item_contents { 
display: none; 
}
.hide { 
display: none; 
}
.pic_box, 
a.pic_box { 
   clear: both; 
   float: left; 
   border: 4px solid #F1F1F1; 
   background-color: #FFF; 
   padding: 1px; 
   margin: 12px 3px 1px;
} 
a.pic_box:hover {
border: 4px solid #E4C5C5;
}
.pic_boxmain, 
a.pic_boxboxmain { 
   clear: both; 
   float: left; 
   border: 4px solid #F1F1F1; 
   background-color: #FFF; 
   padding: 1px; 
   margin: 2px 3px 1px;
} 
a.pic_boxmain:hover {
border: 4px solid #E4C5C5;
}
.pic_boxm2, 
a.pic_boxm2 { 
   clear: none;
   float: left; 
   border: 4px solid #F1F1F1; 
   background-color: #FFF; 
   padding: 1px; 
   margin: 0 3px 2px 23px;
} 
a.pic_boxm2:hover {
border: 4px solid #E4C5C5;
}
.picmain {
border: 0;
}
.pic2 {
border: 0;
vertical-align: middle;
}
.cred2 {
  font-size : 11px;
  color : #ff3e3e;
  font-weight : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  line-height: 17px;
  text-decoration : none;
}
/*Begin Contact Tabs CSS*/
.tbcont {
clear:both;
padding-top: 5px;
padding-left: 10px;
padding-right: 2px;
padding-bottom: 26px;
background-color: #fff; 
border: solid 1px #E4C5C5; 
}
#tbnavmain{
clear:both;
list-style-type:none;
margin:0;
padding:0;
}
#tbnavmain li{
margin-left: 0px;
margin-right: 4px;
float:left;
margin-bottom: 1px;
font-size : 11px; 
text-align: center;
height: 18px; 
width: 121px;
background-color: #FFB9B9; 
}
#tbnavmain li a{
display:block;
color:#336699;
font-size : 11px; 
font-weight : bold; 
font-family : Verdana, arial, helvetica, sans-serif; 
text-decoration:none;
text-align: center;
height: 19px; 
width: 121px;
background-color: #FFB9B9; 
}
#tbnavmain li a.tabon,#tbnavmain li a.tabon:hover{
color:#000;
font-size : 11px; 
height: 19px; 
width: 121px;
background-color: #FFDDDD;  
}
#tbnavmain li a:hover{
color:#007af4;
font-size : 11px; 
text-align: center;
height: 19px; 
width: 121px;
background-color: #FFDDDD; 
}
/*End Contact Tabs CSS*/