@charset "utf-8";
/* CSS Document */



	#wrapper{
		background:url(../images/wrapper_bg.jpg) repeat-x left 20px;
	}
	
	#top{
		height:90px;
		min-height:90px;
	}
	
	#logo{
		background:url(../images/logo.jpg) no-repeat;
		margin:25px 0 0 10px;
	}
	#logo a{
		display:block;
		width:170px;
		height:50px;
	}
	#top_calltoaction{
		float:right;
		display:inline;
		margin:45px 0 0 0;
	}
	#top_calltoaction #hotline, #top_calltoaction #send_email{
		padding:3px 0 0 25px;
		display:inline-block;
		height:20px;
		min-height:20px;
	}
	#top_calltoaction #hotline{
		background:url(../images/top_calltoaction_hotline.jpg) no-repeat;
		font-size:13px;
	}
	#top_calltoaction #send_email{
		background:url(../images/top_calltoaction_sendmail.jpg) no-repeat;
		padding-left:30px;
		margin-left:10px;
		font-size:12px;
	}
	
	#top_calltoaction #send_email a, #top_calltoaction #send_email a:visited{
		color:#cc9900;
		text-decoration:none;
	}
	#top_calltoaction #send_email a:hover{
		text-decoration:underline;
	}

/* ===============================
   Menu Item
   =============================== */	
	
	#navbar{
		height:28px;/*fix for IE when show submenu */
		min-height:60px;/*fix for FF when show submenu */
		text-align: left;
		background:url(../images/menu_bg.gif) repeat-x;
		width:940px;
	}
	
	#topnav{
	}
	ul#topnav {
		float:left;
		width:935px;
		background-color:#fff;
		background:url(../images/menu_bg.gif) repeat-x;
		position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
		height:60px;
	 }	
 	ul#topnav li,ul#topnav li a{
		display: block;
		border: 0;
		float: left;
		height:28px;
		min-height:28px;
	}
	
	/*lineright_menu*/
	ul#topnav li.lineright_menu{
		background: url(../images/lineright_menu.gif) left top;
		width: 5px;
		float:right;
		display:inline;
	}
	
/*==============Sub menu===================*/
	ul#topnav li ul{
		float: left;
		padding: 0px 0px 5px 0px;
		position: absolute;
		left: 0px; top:26px;
		display: none; /*--Hide by default--*/
		width: 940px;
		background:url(../images/submenu_bg.jpg) repeat-x left 0px;
		color: #ccc;
	}
	ul#topnav li ul li{
		display:inline-block;
		padding-top:5px;
	}
	ul#topnav li ul li a {
		display: inline-block;
		color: #666; padding:0px 5px;
		text-transform:uppercase;
		font-size:11px;
	} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

	ul#topnav li ul li a:hover, ul#topnav li ul li a.active { color: #5c8dbf;}

	ul#topnav li ul li .submenu_line{
		display:inline-block;
		padding:0px 3px;
		font-size:14px;
	}
	
	
	ul#topnav li ul li.left, ul#topnav li ul li.right{
		display:inline-block;	
	}
	ul#topnav li ul li.left{
		background:url(../images/submenu_leftbg.jpg) no-repeat left top;
		width:5px;
	}
	
	ul#topnav li ul li.right{
		background:url(../images/submenu_rightbg.jpg) no-repeat left top;
		width:5px;
		float:right;
	}
	
	
	/*=======================================================================================*/
			/*home*/
			ul#topnav li a.home{
				background: url(../images/nav_home.gif) left top;
				width: 81px;
			}
			ul#topnav li a:hover.home {
				background:url(../images/nav_home_active.gif) left bottom;
				width: 81px;
			}
			ul#topnav li a.home_active{
				background: url(../images/nav_home.gif) left bottom;
			}
			/*line*/
			ul#topnav li.line{
				background: url(../images/menu_bg_line.gif) no-repeat;
				width: 2px;
				margin:0px;
			}
			/*ITservice*/
			ul#topnav li a.ITservice{
				background: url(../images/nav_ITservice.gif) left top;
				width: 101px;
				display:block;
			}
			ul#topnav li:hover a.ITservice, ul#topnav li a:hover.ITservice {
				background:url(../images/nav_ITservice_active.gif) left bottom;
				width: 101px;
			}
			ul#topnav li a.ITservice_active{
				background: url(../images/nav_ITservice_active.gif) left bottom;
				width: 101px;
			}
			
			/*research*/
			ul#topnav li a.research{
				background: url(../images/nav_research.gif) left top;
				width: 164px;
			}
		
			ul#topnav li:hover a.research, ul#topnav li a:hover.research {
				background: url(../images/nav_research_active.gif) left bottom;
				width: 164px;
			}
			
			ul#topnav a.research_active{
				background: url(../images/nav_research.gif) left bottom;
				width: 164px;
			}
			
			/*about*/
			ul#topnav li a.about{
				background: url(../images/nav_about.gif) left top;
				width: 126px;
			}
		
			ul#topnav li:hover a.about, ul#topnav li a:hover.about {
				background: url(../images/nav_about_active.gif) left bottom;
				width: 126px;
			}
			ul#topnav a.about_active{
				background: url(../images/nav_about.gif) left bottom;
				width: 126px;
			}
			/*support*/
			ul#topnav li a.support{
				background: url(../images/nav_support.gif) left top;
				width: 87px;
			}
		
			ul#topnav li:hover a.support {
				background: url(../images/nav_support_active.gif) left bottom;
				width: 87px;
			}
			ul#topnav a.support_active{
				background: url(../images/nav_support.gif) left bottom;
				width: 87px;
			}
	
	
	/*=======================================================================================*/
	
	
/*end submenu*/

/* ===============================
   Banner
   =============================== */	
	
	#banner_section{
		padding-top:0px;
	}
	
	#banner  {
		float:left;
		height:210px;
		margin: 0px 0 0 10px !important;
	}
	
	#banner_contactinfo{
		float:right;
		display:inline;
		height:162px;
		background:url(../images/banner_contactinfo.jpg) no-repeat;
	}
	
	#banner_contactinfo .content{
		width:270px;
		margin:25px 15px 0 15px;
		line-height:20px;
		font-size:13px;
	}
	
	.link{
		width:270px;
		margin:33px 15px 0 15px;
		font-size:12px;
	}
	
	.link a, .link a:visited{
		color:#666666;
		text-decoration:none;
	}
	
	.link a:hover{
		text-decoration:underline;
	}
	
	.title{
		color:#357bba;
		font-family:Helvetica,Arial,sans-serif;
		font-size:17.2px;
		font-weight:bold;
	}	
/* ===============================
   Main Content
   =============================== */		
	
	/* home */
	#mainContent{
		margin-top:35px;
	}
	
	/*---service_we_offer---*/
	#service_we_offer{
		margin-top:35px;
	}
	
	#service_we_offer .title a{
		background:url(../images/home_service_section.jpg) no-repeat;
		color:#357BBA;
		  font-family:Helvetica,Arial,,sans-serif;
		  font-size:18px;
		  font-weight:normal;
		  padding:15px 0 0 47px;
		  height:32px;
		display:block;
	}
	
	#service_we_offer ul{
		margin-top:5px;
		margin-left:10px;
	}
	#service_we_offer ul li{
		line-height:20px;
	}
	#service_we_offer ul li a, #service_we_offer ul li a:visited{
		padding:0 0 0 13px;
		color:#666;
		text-decoration:none;
		background:url(../images/bullet1.gif) no-repeat left 5px;
	}
	
	#service_we_offer ul li a:hover{
		color:#333;
	}
	#service_we_offer .readmore a{
		display:block;
		width:100px;
		height:20px;
		float:right;
		margin:10px 0;
		color:#666;
		text-decoration:underline;
		text-align:right;
	}
	#service_we_offer .readmore a:hover{
		text-decoration:none;
	}	
	.small_title{
		font-size:12px;
		color:#357bba;
		font-weight:bold;
	}
	
	/*---how we work---*/
	#how_we_work{
		margin-top:35px;
	}
	
	#how_we_work .content {
		padding:0px 15px 0 15px;
		line-height:18px;
		color:#357BBA;
		background:url(../images/home_howwework_bg.gif) repeat-y;
	}
	
	#how_we_work .title a{
		background:url(../images/home_whyiconvex_section.jpg) no-repeat;
		color:#357BBA;
		  font-family:Helvetica,Arial,,sans-serif;
		  font-size:18px;
		  font-weight:normal;
		  padding:15px 0 0 47px;
		  height:27px;
		display:block;
	}
	
	.form_how_we_work{
		width:80%;
		margin:0 auto;
		padding-top:15px;
	}
	
	
	#how_we_work .readmore a{
		display:inline-block;
		height:20px;
		margin:10px 0 0 0;
		text-decoration:underline;
		color:#357BBA;
	}

	#how_we_work .readmore a:hover{
		text-decoration:none;
	}
	/*---client---*/
	 #client{
		  margin-top:35px;
	 }
	 
	 #client .title a{
		  background:url(../images/home_client_section.jpg) no-repeat;
		  color:#357BBA;
		  font-family:Helvetica,Arial,,sans-serif;
		  font-size:18px;
		  font-weight:normal;
		  padding:15px 0 0 47px;
		  height:27px;
		  display:block;
	 }
	 
/*	 #client ul{
		  margin-top:5px;
		  margin-left:10px;
		  width:130px;
		  float:left;
	 }
	 #client ul li{
		   line-height:15px;
		  padding-bottom: 6px;
	 }
	 #client ul li a, #client ul li a:visited{
		  background:url(../images/bullet1.gif) no-repeat left 5px;
		  padding:0 0 0 13px;
		  color:#999;
		  text-decoration:none;
		  font-weight:bold;
		  display: block;
		  margin:0;
	 }	
	#client ul li a:hover{
		color:#666;
	}
	#client .readmore a{
		display:block;
		width:100px;
		height:20px;
		float:right;
		margin:10px 0;
		text-align:right;
		text-decoration:underline;
		color:#666;
	}
	#client .readmore a:hover{
		text-decoration:none;
	}
*/	 
/*-----------for JQuery logo client--------------*/
			.nav { margin: 10px 0;}
		#nav a, #s7 strong { margin: 0 2px; padding: 2px 5px;  background: #f0f0f0; text-decoration: none; color:#999; border:solid 1px #f0f0f0;}
		#nav a.activeSlide { background: #fff; color:#000; font-weight:bold; font-size:12px; border:solid 1px #f0f0f0;  }
		#nav a:focus { outline: none; }
		
		#nav { text-align: right }
		#client_readmore{
			float: right;
			margin-top: 10px;
			margin-left: 10px;
			font-size:13px;
			display:inline-block;
		}
		#client_readmore a{
			color:#666;
		}
		#client_readmore a:hover{
			color:#333;
		}

/* ===============================
   Footer
   =============================== */		
   
   #footer{
		font-size:11px;
		margin-top:20px;
		clear:both;
		padding:0 10px;
		width:940px;
	}
	
	#footer .foot_menu{
   		background:url(../images/footer_bg.gif) no-repeat;
		height:20px;
		padding-top:5px;
		text-align:center;
	}
	
	#footer .foot_menu a , #footer .foot_menu a:visited{
		color:#666;
		text-decoration:none;
	}	
	
	#footer .foot_menu a:hover{
		text-decoration:underline;
	}
	
	#copyright{
		text-align:center;
		margin:5px 0 10px 0;
	}