
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
*{text-decoration:none;list-style:none}	
p{font:normal 12px Arial, Helvetica, sans-serif;color:#597890;line-height:18px}
body{background:url(/images/body_bg.jpg) repeat-x;background-color:#d6e6f1}
#container{width:100%}
#header{width:100%}
#header .wrapper{background:url(/images/container_bg.jpg) top center no-repeat;margin:0 auto;width:1005px}
#header .logo_panel{width:965px;margin:0 auto}
#header .logo_panel img.phone{float:right;background:url(/images/phone_bg.jpg) left no-repeat;padding:15px 22px 15px 20px}
#header .nav_bar{border-bottom:solid 1px #c6d2ec;border-top:solid 1px #c6d2ec;width:100%;margin-top:15px;height:37px}
#header .nav_bar .menu{width:965px;margin:0 auto;position:relative;top:-1px;height:39px;bottom:-1px;}

#header .nav_bar .menu li{float:left;background:url(/images/menu_bg.jpg) left top no-repeat;height:39px}
#header .nav_bar .menu li.home{float:left;background:url(/images/home_li.png) left top no-repeat;height:39px;}
#header .nav_bar .menu li a.contact:hover, #header .nav_bar .menu li a.contact.active{background:url(/images/contact_hover.png) right no-repeat}
#header .nav_bar .menu li a.contact{float:left;background:url(/images/contact_bg.png) right top no-repeat}
#header .nav_bar .menu li.home:hover, #header .nav_bar .menu li.home.active{background:url(/images/home_hover.png) left no-repeat}
#header .nav_bar .menu li a{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;background:url(/images/menu_right.jpg) right no-repeat;padding:11px 30px 10px 30px;float:left}
#header .nav_bar .menu li:hover, #header .nav_bar .menu li.active{background:url(/images/menu_active_left.jpg) left no-repeat}
#header .nav_bar .menu li a:hover, #header .nav_bar .menu li a.active{background:url(/images/menu_active_right.jpg) right no-repeat;color:#fff;}
#header .banner{width:951px;margin:0 auto;background:url(/images/banner_bg.jpg) left top no-repeat;margin-top:10px;padding:11px 0 11px 13px;height:254px }
#header .inner_banner{width:964px;margin:0 auto;margin-top:20px;padding-left:2px}
#header .banner img{float:left}
#header .banner .services{margin-left:25px;float:left}
#header .banner .services h1{font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;background:url(/images/services_icon.png) left no-repeat;padding-left:30px;margin-bottom:12px;padding-bottom:3px}
#header .banner .services ul li{background:url(/images/services_sub_icon.png) left no-repeat;padding-left:17px;font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;margin-bottom:9px}
#header .banner .services a{float:right;margin-top:12px}
#main{width:964px;margin:0 auto;margin-top:10px;}
#main .top_left{width:191px;float:left;background:url(/images/solutions_bg.png) left top no-repeat;margin-top:12px;padding:15px 17px 20px 15px}
#main .top_left h1{float:left;color:#3a6a8f;font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;background:url(/images/software_solutions_icon.jpg) left no-repeat;padding-left:25px;margin-bottom:5px;padding-top:5px}
#main .top_left .solutions{float:left;margin-top:5px}
#main .top_left .solutions li{background:url(/images/solutions_sub_bg.jpg) left top no-repeat;width:184px;font:normal 12px Arial, Helvetica, sans-serif;color:#000;padding:6px 0 6px 0px;height:17px;float:left;margin-left:9px;margin-bottom:5px}
#main .top_left .solutions li span{background:url(/images/num_bg.jpg) left top no-repeat;position:relative;left:-9px;padding:0 6px 0 6px;font:bold 12px Arial, Helvetica, sans-serif;color:#fff}
#main .top_left a{color:#3a6a8f;font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:underline;float:left;margin-left:150px}
#main .top_left a:hover{color:#000}
#main .top_right{float:left;width:720px;margin-top:8px;margin-bottom:20px;margin-left:15px}
#main .top_right p{margin-bottom:10px}
#main .top_right h1{background:url(/images/right_head_bg.jpg) left top no-repeat;width:728px;height:44px;margin-bottom:15px}
#main .top_right h1.inner_head{font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;padding-left:30px;padding-top:15px;height:29px}
#main .top_right h1 img{margin-top:20px;margin-left:30px}
#main .top_right img{float:left;margin-right:15px;margin-top:2px}
#main .main_bottom_left{float:left;width:217px;margin-top:10px}
#main .main_bottom_left img{}
#main .main_bottom_right{float:left;width:740px;margin-top:10px;margin-bottom:20px;margin-left:5px}
#main .main_bottom_right .serv{width:355px;height:170px;float:left;background:url(/images/bottom_right_bg.jpg) top left no-repeat}
#main .main_bottom_right .serv.margin{margin-right:15px;margin-left:15px}
#main .main_bottom_right .serv h1{font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;width:270px;float:left;margin:11px 13px}
#main .main_bottom_right .serv a{font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#3a6a8f;text-decoration:underline;float:right;margin-right:13px;margin-top:12px;margin-bottom:20px;}
#main .main_bottom_right .serv a:hover{color:#000}
#main .main_bottom_right .serv img{float:left;margin-left:13px;margin-right:12px}
#main .main_bottom_right .serv h2{font:bold 11px Arial, Helvetica, sans-serif;margin-top:7px;margin-bottom:4px;color:#2a373f}
#main .main_bottom_right .serv p{font:normal 11px Arial, Helvetica, sans-serif;margin-right:13px;line-height:15px; padding-left:15px;}
#main .main_bottom_right .serv li{width:350px}
#main .main_bottom_right .serv ul{float:left}
#main .slider{background:url(/images/slider_bg.png) top left no-repeat;width:964px;height:147px;float:left}
#main .slider h1{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;margin-left:71px}
#footer{width:964px;margin:0 auto}
#footer .footer_menu{margin-top:10px;float:left;margin-left:15px}
#footer .footer_menu li{float:left}
#footer .footer_menu li a{color:#396a8f;font:normal 12px Arial, Helvetica, sans-serif;border-right:solid 1px #1b5171;padding-right:15px;margin-right:15px}
#footer .footer_menu li a:hover{color:#000}
#footer .footer_menu li a.no_border{border:none}
#footer .copyright{background:url(/images/footer.png) left no-repeat;width:964px;height:42px;float:left;margin-top:10px;}
#footer .copyright p{font:normal 12px Arial, Helvetica, sans-serif;color:#fff;margin:14px 15px}
#footer .copyright p span{float:right}
.infiniteCarousel {
width:955px;
margin-top:15px;
  padding:0 0 0 15px;
  position: relative;
  height:105px;
  left:-5px;
  background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) no-repeat top center;
 
  
}


.infiniteCarousel .wrapper {
	width:890px;  
	overflow: hidden;
	height:115px;
	position: absolute;
	top:-10px;
	left:38px;
 
}

.infiniteCarousel .wrapper ul {
	position: absolute;
	left: 0px;
	top:-5px;
	width: 900px;

}

.infiniteCarousel ul li {
  float:left; margin-top:10px; width:203px;
 height:105px;
 padding-left:17px;

  
}
.infiniteCarousel ul li img{}

.infiniteCarousel .arrow {
	display: block;
	height: 42px;
	width: 20px;
	text-indent: -9999px;
	position: absolute;
	top: 30px;
	cursor: pointer;
}

.infiniteCarousel .forward {
	background:url(/images/right_arrow.png) no-repeat;
	right: 12px;
}

.infiniteCarousel .back {
		background:url(/images/left_arrow.png) no-repeat;
	  left: 18px;
	
}

#main .top_right .top_right_bottom{margin-top:20px}
#main .top_right .top_right_bottom .ceo{width:330px;float:left}
#main .top_right .top_right_bottom .ceo h2{background:url(/images/ceo_head.png) top left repeat-x;width:auto;border-left:solid 1px #e5e5e5;float:left;padding:8px 13px;border-right:solid 1px #e5e5e5;font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#08475f}
#main .top_right .top_right_bottom .ceo p.content{border:solid 1px #e5e5e5;width:310px;float:left;padding:13px;color:#5f5f5f;margin-bottom:0}
#main .top_right .top_right_bottom .ceo a{background:url(/images/a_bg.png) left repeat-x;width:310px;float:left;text-transform:uppercase;font:normal 11px Arial, Helvetica, sans-serif;padding:5px 13px;border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;color:#3A6A8F}
#main .top_right .top_right_bottom .ceo.margin{margin-right:50px}
#main .top_right .top_right_bottom .ceo a img{float:right;margin-right:0}
#main .top_right .top_right_bottom .ceo a:hover{color:#da2026}
#main .line{background:#fff;width:962px;height:1px;float:left}
#main .main_left{width:222px;float:left}
#main .about{width:217px;background:url(/images/about_bg.png) top left no-repeat;margin-top:17px;background-color:#f0f0f0}
#main .about h1{color:#000;font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;background:url(/images/corporate_icon.png) left no-repeat !important;padding-left:30px;margin-bottom:5px;padding-top:12px;padding-bottom:12px;margin-left:15px}
#main .about h1.contact{color:#000;font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;background:url(/images/icon/contact.png) left no-repeat !important;padding-left:30px;margin-bottom:5px;padding-top:12px;padding-bottom:12px;margin-left:15px}
#main .about ul li{background:url(/images/about_li_bg.png) top left no-repeat;padding:7px;padding-left:25px;border-bottom:dashed 1px #909090;margin:0 7px;background-position:0 8px;}
#main .about ul li a{color:#3A6A8F;font:normal 12px Arial, Helvetica, sans-serif}
#main .about ul li a:hover{color:#000}
#main .main_left .left_bottom li{float:left;margin-top:15px;margin-bottom:15px}
#main .main_left .left_bottom li.margin{margin-left:20px}
#main .top_right p{color:#484848}
#main .top_right h3{font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;color:#235072;background:url(/images/right_icon.png) left no-repeat;padding-left:20px}
#main .top_right h6{margin-bottom:6px}
#main .top_right h6 a{font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;margin-bottom:5px;color:#235072;background:url(/images/right_icon.png) left no-repeat;padding-left:20px}
#main .top_right h6 a:hover{color:#fd9901}
#main .top_right h4{font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#235072}
#main .top_right p span{font:bold 12px Arial, Helvetica, sans-serif;color:#3A6A8F}
#main .top_right .service_detail li h5{font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#235072;margin-bottom:8px}
#main .top_right .service_detail li h5 img{margin-right:10px}
#main .top_right .service_detail li{margin-bottom:10px;border-bottom:dashed 1px #CECECE}
#main .top_right .service_detail li img.img{margin-top:4px}

#main .about .enquiry li{background:none !important;border:none;padding-left:15px}
#main .about .enquiry li input{width:162px;font:normal 12px Arial, Helvetica, sans-serif;color:#424242;padding:2px 4px;-moz-border-radius: 4px 4px 4px 4px;
    background:#f3faff;
    border: 1px solid #b7cfe2;border-radius:4px;height:18px}
	#main .about .enquiry li textarea{width:162px;font:normal 12px Arial, Helvetica, sans-serif;color:#424242;padding:2px 4px;-moz-border-radius: 4px 4px 4px 4px;
    background:#f3faff;
    border: 1px solid #b7cfe2;border-radius:4px;}
	#main .about .enquiry li input:focus, #main .about .enquiry li textarea:focus{background:#fff}
	#main .about .enquiry li input.button{width:auto;border:none;background:none}
	#main .top_right .address{width:340px;float:left}
		#main .top_right .address p span{font-weight:bold;}
		#main .top_right .address p{line-height:23px}
		#main .top_right .address ul li{font:normal 12px Arial, Helvetica, sans-serif;color:#484848;padding-left:28px;padding-bottom:5px}
	#main .top_right .map{float:left;margin-left:14px;padding-left:15px;border-left:dashed 1px #D1D1D1}
#main .top_right .clients li{margin-bottom:14px;float:left;margin-right:6px}
#main .top_right .service_detail li .product_sub{margin-top:12px}
#main .top_right .service_detail li .product_sub li{list-style: inside circle;color:#3A6A8F;border:none;margin-left:5px;margin-bottom:7px;font-size:12px}
#main .top_right .service_detail li .product_sub li span{color:#484848;font:normal 12px Arial, Helvetica, sans-serif}



#main .top_right .portfolio{}
#main .top_right .portfolio li{float:left; padding-right:18px; width:227px;}
#main .top_right .portfolio li.adjust{ padding-right:0;}
#main .top_right .portfolio li a span{font:bold 13px Arial, Helvetica, sans-serif; float:left; padding:5px 5px; margin-bottom:10px; color:#000;}

#main .top_right .portfolio li img{ border:solid 4px #c3e7f5;}

