@charset "utf-8";
/* CSS Document */
body{margin:0 auto; background:url(images/bg.jpg) repeat-x left top; font-family:Arial, Helvetica, sans-serif; color:#577b8e; text-align:center; font-size:12px; line-height:140%;}
#maincontainer{width:911px; margin:0 auto; text-align:center;}
#box-top{ height:16px; background:url(images/top.png) no-repeat left top; }
#box-mid{ background:url(images/mid.png) repeat-y left top;  padding:0 13px 10px 13px; text-align:left; }
#box-bottom{ height:17px; background:url(images/bottom.png) no-repeat left top; }
#logo{height:60px; text-align:center; }
.clear{margin:0; padding:0; float:none; clear:both;}
img{border:0;}
a{ color:#577b8e; text-decoration:none;}
a:hover{ color:#1484ba; text-decoration:underline;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:14pt; color:#2363a3; font-weight:600;}
/*navigation*/
#navigation{ height:49px;  float:none; clear:both; margin:5px 0 0 0; }
#navigation ul {margin:0; padding:0; list-style-type:none;}
#navigation li {float:left;}
#navigation a {display:block; height:49px; background:url(images/home.jpg) no-repeat center top; width:91px; float:left; text-decoration:none;}
#navigation a.home{display:block; height:49px; background:url(images/home_over.jpg) no-repeat center top; width:91px; text-decoration:none;}
#navigation a:hover{background:url(images/home_over.jpg) no-repeat center top;}
#navigation a.aboutus{display:block; height:49px; background:url(images/aboutus.jpg) no-repeat center top; width:120px; text-decoration:none;}
#navigation a.aboutus:hover{background:url(images/aboutus_over.jpg) no-repeat center top;}
#navigation a.aboutusactive{background:url(images/aboutus_over.jpg) no-repeat center top; width:120px; height:49px;}
#navigation a.contactus{display:block; background:url(images/contact.jpg) no-repeat center top; width:138px; height:49px; text-align:left;}
#navigation a.contactus:hover{background:url(images/contact_over.jpg) no-repeat center top;}
#navigation a.contactusactive{background:url(images/contact_over.jpg) no-repeat center top; width:138px; height:49px;}
#navigation a.ourservices{display:block; background:url(images/ourservices.jpg) no-repeat center top; width:152px; height:49px; text-align:left;}
#navigation a.ourservices:hover{background:url(images/ourservices_over.jpg) no-repeat center top;}
#navigation a.ourservicesactive{background:url(images/ourservices_over.jpg) no-repeat center top; height:49px; width:152px;}
#navigation a.business{display:block; background:url(images/businesspartner.jpg) no-repeat center top; width:196px; height:49px; text-align:left;}
#navigation a.business:hover{background:url(images/businesspartner_over.jpg) no-repeat center top;}
#navigation a.businessactive{background:url(images/businesspartner_over.jpg) no-repeat center top; width:196px; height:49px;}
#navigation a.clientresource{display:block; background:url(images/clientresource.jpg) no-repeat center top; width:188px; height:49px; text-align:left;}
#navigation a.clientresource:hover{background:url(images/clientresource_over.jpg) no-repeat center top;}
#navigation a.clientresourceactive{background:url(images/clientresource_over.jpg) no-repeat center top; width:188px; height:49px;}
/*navigation*/
#header{height:230px; margin:5px 0 25px 0; float:none; clear:both;}
#part01{ width:205px; font-size:11px; height:240px; color:#577b8e; font-family:Arial; padding:8px 0 8px 0; float:left; margin:0 20px 5px 0; border:1px solid #1484ba; border-width:3px 0 1px 0; position:relative; }
.head{font-size:11pt; font-family:tahoma; font-weight:600; color:#007cbc; text-transform:uppercase;}
.arrow{ position:relative; left:110px;}
.arrow01{ position:relative; left:75px;}
.arrow02{ position:relative; left:25px;}
.arrow03{ position:relative; left:33px;}
#part04{ width:205px; float:left; font-size:11px;  padding:8px 0 8px 0; margin:0 0px 5px 0; height:240px; position:relative; border:1px solid #1484ba; border-width:3px 0 1px 0; }
#part04 ul{margin:0 0 0 12px; padding:0;}
#footer{height:35px; padding-left:150px; background: url(images/footer-bg.jpg) repeat-x left top; position:relative; text-align:center; top:18px; float:none; clear:both;}
#footer ul{margin:0; padding:0; list-style-type:none;}
#footer li{float:left;}
#footer a{display:block; font-family:verdana; text-decoration:underline; font-size:11px; padding:10px 10px 0; color:#0198f1;}
#footer a:hover{color:#89a2b0; text-decoration:none;}
#copyright{ height:25px; text-align:left; font-size:11px; color:#577b8e;}
.copy{position:relative; left:12px;}
.brand{position:relative; left:500px;}
.icon{top:5px; position:relative; left:500px;}


/*about us*/
#model{ width:460px; height:470px; padding:5px; float:right; margin:0 0 0 10px;}
strong{color:#2363a3;}
#more{position:relative; left:12px;}
#more a { color:#FF0000; text-decoration:underline;}
#more a:hover{color:#009933; text-decoration:none;}

/*partners*/
.pa02{position:relative; left:120px;}
.pa05{position:relative; left:30px;}

div.img
  {
  margin:0 12px 0 5px;
 border-right:1px solid #e8e8e8;
  height:170px;
  width:159px;
  float:left;
  text-align:left;
  padding-top:10px;
  color:#666;
  }
div.img img
  {
  display:inline;
   margin:0;
  border:1px solid #ffffff;
  }
div.desc
  {
  text-align:left;
  /*background:#eaebee;*/
   font-weight:normal;
    margin:3px;
  padding:0 10px 5px 0;
  }
  
div.img1
  {
 margin:0 12px 0 5px;
 /*border-right:1px solid #e8e8e8;*/
  height:170px;
  width:158px;
  float:left;
  text-align:left;
  padding-top:10px;
  color:#666;
  }
   /* 
div.img1 img
  {
  display:inline;
  margin:3px 0 0 3px;
  border:1px solid #ffffff;
  }*/

/**/
#move{position:relative; left:40PX; width:700px; float:left;}
#move ul {margin:0; padding:0 0  0 15px; list-style:disc;}
#move li  a{ font-size:12px; padding:0 ; line-height:22px;  color:#00583a; }
#move li a:hover{ text-decoration:underline; color:#0198f1;}
#moveright{position:relative; left:50PX; width:300px; float:left;}
#moveright ul {margin:0; padding:0 0  0 15px; list-style:disc;}
#moveright a{ font-size:10pt; padding:20px 0 ; line-height:22px; color:#0198f1; font-weight:600;}
#moveright a:hover{ color:#00583a; text-decoration:underline;}
.headmove{left:40px; position:relative;}
#move1{position:relative; left:40PX; }
#move1 a{ font-size:12px; color:#0198f1;}
#move1 a:hover{ color:#00583a; text-decoration:underline;}

/**/

#service{ width:250px; height:150px; margin:0 100px 10px 10px; float:right; background:#CCC;}
#moveour{position:relative; left:40PX; width:250px; float:left;}
#moveour ul {margin:0; padding:0 0  0 15px; list-style:disc;}
#moveser{position:relative;  width:200px; float:left;}
#moveser ul {margin:0; padding:0 0  0 15px; list-style:disc;}