﻿*{margin:0 auto;padding:0 auto;border:0;}

body{background:url(bj.jpg) repeat-x top #fff;color:#4F5569;font:12px Arial, Helvetica, Verdana, sans-serif;}
table {border-collapse: collapse;border-spacing: 0;}
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
td{line-height:26px;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
a{text-decoration:none;color:#656565;}
a:hover{color:#0077AA;}
:focus{outline:none;}
a:focus,input:focus{-moz-outline-style: none;outline:none; } /* FF */ 

.menu_bg{ background-image:url(index_menu_bg.jpg); background-position:center top; background-repeat:no-repeat; height:34px;}
 a.top:link {color: #656565;text-decoration: none; font-size:12px; font-weight:bold;}
 a.top:visited {text-decoration: none;color: #656565;  font-size:12px; font-weight:bold;}
 a.top:hover {text-decoration: none;color: #0089cf;  font-size:12px; font-weight:bold;}
 a.top:active {text-decoration: none;color: #656565;  font-size:12px; font-weight:bold;}
 a.top1:link {color: #656565;text-decoration: none; font-size:12px; font-weight:bold;}
 a.top1:visited {text-decoration: none;color: #656565;  font-size:12px; font-weight:bold;}
 a.top1:hover {text-decoration: none;color: #0089cf;  font-size:12px; font-weight:bold;}
 a.top1:active {text-decoration: none;color: #656565;  font-size:12px; font-weight:bold;}

 a.top2:link {color: #afafaf;text-decoration: none; font-size:11px; }
 a.top2:visited {text-decoration: none;color: #afafaf;  font-size:11px; }
 a.top2:hover {text-decoration: none;color: #0089cf;  font-size:11px; }
 a.top2:active {text-decoration: none;color: #afafaf;  font-size:11px; }


.inner{width:960px;margin:0 auto;}
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat {display: inline-block;}
.clearfloat {display: block;}
* html .clearfix {height:1%;}

.left-column{width:120px;float:left;margin-right:34px;}
.center-column{width:513px;float:left;margin-right:33px;}
.right-column{width:260px;float:right;}
.left-wide-column{width:667px;float:left;}
.right-wide-column{width:806px;float:right;}

div#wrapper{margin:0 auto;}
div#content{float:left;width:667px;min-height:700px; height:auto !important; height:700px;overflow:visible;}
div#sidebar{float:right;width:260px;overflow:hidden;}


.website_bg1{ background-image:url(website_bg1.jpg); background-position:center; background-repeat:no-repeat; height:565px;text-align:left;}
/***********************************************************************************************************
HEADBAR
************************************************************************************************************/
div#headbar{height:63px;position:fixed;top:0;left:0;background:#F7F7F7 url(hbg.gif.png) repeat-x center top;width:100%;z-index:300;}
  #headbar .logo,#headbar .logo a{float:left;width:400px;height:63px;display:block;text-indent:-5555em;overflow:hidden;}
  #headbar .logo a:hover{background:url(hbg.gif) no-repeat -270px -263px;}

  #headbar ul{float:right;}
  #headbar ul li{float:left;display:block;text-indent:-5555em;overflow:hidden;}
  #headbar ul li a{display:block;width:65px;height:50px;}
  #headbar ul li.about a:hover{background:url(hbg.gif) no-repeat -970px -263px;}
  #headbar ul li.ads a:hover{background:url(hbg.gif) no-repeat -1035px -263px;}
  #headbar ul li.submit a:hover{background:url(hbg.gif) no-repeat -1100px -263px;}
  #headbar ul li.rss a:hover{background:url(hbg.gif) no-repeat -1165px -263px;}

/***********************************************************************************************************
WALLBAR
************************************************************************************************************/
div#wallbar{background:url(hbg.gif) repeat-x center top;height:195px;padding-top:63px;margin-bottom:15px;overflow:hidden;}
* html div#wallbar{padding-top:0;background:url(hbg.gif) repeat-x center -63px;}
	/***********************************************************************************************************
TOOLBAR
************************************************************************************************************/
#toolbar{position:fixed;bottom:0;background:#F7F7F7 url(fbg.png) repeat-x left top;height:24px;padding:13px 0 7px 0;width:100%;left:0;z-index:100;}
   * html #toolbar{background:none;padding:0 0 15px 0;}																									
   .btn { display:inline-block; background:none;margin:0;padding:3px 0;border-width:0;overflow:visible;text-decoration:none;color:#333;font-size:13px;}
   html button.btn {padding-bottom:1px;}
   /*html:not([lang*=""]) button.btn {margin:0 -3px;}*/
   .btn span {background:#DDD url(bg-button.gif) repeat-x 0 0;margin:0;padding:3px 0;border-left:1px solid #BBB;border-right:1px solid #AAA;}
   * html .btn span {padding-top:0;}
   .btn span span ,.btn span a{position:relative;padding:3px 8px;border-width:0;border-top:1px solid #BBB;border-bottom:1px solid #AAA;color:#000;}
   /* 
   button.pill-l span {border-right-width:0;}
   button.pill-l span span {border-right:1px solid #BBB;}
   button.pill-c span {border-right-style:none;border-left-color:#FFF;}
   button.pill-c span span {border-right:1px solid #BBB;}
   button.pill-r span {border-left-color:#FFF;}
   */
   .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span a {cursor:pointer;border-color:#9CF;color:#000;}
   .btn:active span {background-position:0 -400px;outline:none;}
   .btn:focus, .btn:active {outline:none;}
   .primary {font-weight:bold;color:#000;}
   .ltn{margin:0 -1px 0 0;}
   .ctn{margin:0 -1px;}
   .ctn span {border-left:1px solid #FFF;border-right:1px solid #FFF;}
   .ctn span a{border-left:1px solid #BBB;border-right:1px solid #BBB;}
   .rtn span {border-left:1px solid #FFF;border-right:1px solid #BBB;}
   .rtn span a{border-left:1px solid #BBB;}
   .rtn{margin:0 0 0 -1px;}
   .ctn span:hover ,.ctn span:focus,.ctn span:active{border-left:1px solid #FFF;border-right:1px solid #FFF;}
   .ctn span a:hover,.ctn span a:focus,.ctn span a:active{border:1px solid #9CF;}
   .ltn span a:hover,.ltn span a:focus,.ltn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;}
   .rtn span:hover ,.rtn span:focus,.rtn span:active{border-left:1px solid #FFF;}
   .rtn span a:hover,.rtn span a:focus,.rtn span a:active{border-top:1px solid #9CF;border-bottom:1px solid #9CF;}

   #catnavi{width:511px;margin:0 1px 10px;}			
   #catnavi li.btn{float:left;position:relative;z-index:500;}
   #catnavi li a{background:url(arrow_hold.gif) no-repeat 65px center;padding-right:20px;}
   #catnavi li a:hover{text-decoration:none;}
   #catnavi ul.sub{display:none;}
   #catnavi li:hover ul.sub{width:130px;height:240px;position:absolute;padding:0;bottom:23px;display:block;left:-4px;bottom:24px\9;}
   * html #catnavi li:hover ul.sub{bottom:23px;}
   #catnavi li.ltn:hover ul.sub{right:0;left:-5px;}
   #catnavi li.rtn:hover ul.sub{right:-5px;left:auto;}
   #catnavi li.ftn:hover ul.sub{right:-5px;left:auto;}
   #catnavi ul.sub li{position:absolute;bottom:0;border:0;background:transparent url(bg-sub.png) no-repeat center top;width:120px;padding:15px 5px 5px 5px;padding-bottom:0\9;}
   * html #catnavi ul.sub li{background:transparent url(bg-sub.gif) no-repeat center top;}
   #catnavi ul.sub li a{background:none;border:0;padding:4px 5px 3px 10px;margin:0;position:static;display:block;}
   #catnavi ul.sub li a:hover{background:#525252;color:#FFF;}

   #nhpnavi{background:url(nhpnavi.gif) no-repeat left top;height:24px;text-align:center;position:relative;top:-1px;top:-2px\9;}
   * html #nhpnavi{top:0;}
   #nhpnavi a, #nhpnavi span{text-indent:-5555em;overflow:hidden;float:left;width:48px;height:24px;display:block;} 
   #nhpnavi a.home{width:24px;height:24px;;}
   #nhpnavi span.noprev,#nhpnavi span.single-prev{background:url(nhpnavi.gif) no-repeat left -48px;}
   #nhpnavi span.nonext,#nhpnavi span.next-prev{background:url(nhpnavi.gif) no-repeat right -48px;}
   #nhpnavi span.single-prev a{background:url(nhpnavi.gif) no-repeat left top;}
   #nhpnavi span.single-next a{background:url(nhpnavi.gif) no-repeat right top;}
   #nhpnavi .prev:hover,#nhpnavi span.single-prev a:hover{background:url(nhpnavi.gif) no-repeat left -24px;}
   #nhpnavi .next:hover,#nhpnavi span.single-next a:hover{background:url(nhpnavi.gif) no-repeat right -24px;}
   #nhpnavi .home:hover{background:url(nhpnavi.gif) no-repeat center -24px;}
   
   #gsearch{height:20px;padding-top:2px;}
   #cse-search-box{background:url(gsearch.gif) no-repeat 0 0!important;height:16px;width:244px;padding:2px 8px;}
   #cse-search-box #gq{float:left;border:none !important;width:224px;height:16px;overflow:hidden !important;margin:0 !important;padding:0 !important;}
   #cse-search-box #gsubmit{float:left;border:none;background:url(btn-gsearch.gif) no-repeat center center !important;text-indent:-5555em;width:20px;height:16px;cursor:pointer;color:#FFF;}
	
	
.solutions_pic_2{ background-image:url(solutions_pic_2.jpg); background-position:center; background-repeat:no-repeat; height:360px;}
.solutions_bg_1{ background-image:url(solutions_bg_1.jpg); background-position:center; background-repeat:no-repeat; height:140px;}
.solutions_bg_2{ background-image:url(solutions_bg_2.jpg); background-position:center; background-repeat:no-repeat; height:133px;}
.solutions_bg_3{ background-image:url(solutions_bg_3.jpg); background-position:center; background-repeat:no-repeat; height:142px;}
.solutions_bg_4{height:709px; background:url(solutions_bg_4.jpg) top center no-repeat;}


