@import url("reset.css");

body{
	background-color:#999;
	font-size:12px;
	font-family:Verdana;

}
p{
	margin:15px 0;
	line-height:20px;
}
.jsi_wrapper{
	margin:0 auto;

	width:1047px;
	
	background:url('../images/bg.jpg') repeat-y;
	position:relative;
	padding:40px;
}
.jsi_wrapper .topcap{
	position:absolute;
	left:0;
	top:0;
	background:url('../images/head.jpg') no-repeat;
	height:31px;
	width:1127px;
}

.jsi_wrapper .bottomcap{
	position:absolute;
	left:0;
	bottom:0;
	background:url('../images/bottom.jpg') no-repeat;
	height:34px;
	width:1127px;

}
.clear{
	clear:both;
}

/*header
------------*/
.jsi_wrapper .container{
	width:1034px;
	
	margin:auto;
}
.jsi_wrapper .logo{
	width:370px;
	height:54px;
	float:left;
}

.jsi_wrapper .nav{
	float:right;
	padding-top:20px;

}
.jsi_wrapper .nav li{
	float:left;
}
.jsi_wrapper .nav a{
	display:block;
	width:94px;
	height:29px;
}

.nav_service{
	background:url('../images/nav_service.jpg');
	
}
.nav_service_red{
	background:url('../images/nav_service_red.jpg');
}
.nav_product{
	background:url('../images/nav_product.jpg');
}
.nav_product_red{
	background:url('../images/nav_product_red.jpg');
}
.nav_about{
	background:url('../images/nav_about.jpg');
}
.nav_about_red{
	background:url('../images/nav_about_red.jpg');
}

/*brand nav
----------------------*/
.jsi_wrapper .brand{
	height:49px;
	padding-left:34px;
	margin:10px 0 30px 0;
	background:url('../images/brandnavbg.jpg') repeat-x;
}
.jsi_wrapper .brand ul{
	width:940px;
	height:49px;
}
.jsi_wrapper .brand li{
	float:left;
	margin:0 18px;
	display:inline;
	
}
.jsi_wrapper .brand a{
	display:block;
	width:95px;
	height:49px;
	float:left;
	
	position:relative;
}
.jsi_wrapper .brand a img{
	position:absolute;
	top:0;
	left:0;
	


}
/*content
--------------------------*/
.jsi_wrapper .content{
  padding:0 30px 20px 30px
}

/*product
--------------------------*/

.jsi_wrapper .product{
	margin-bottom:40px;
	border:#fff 1px solid;
}
.jsi_wrapper .product_detail{
	margin-top:40px;
}
.product .productpic{
	float:left;
	border:1px dotted ##666666;
	position:relative;
}

.product .download_datasheet{
	display:block;
	position:absolute;
	top:285px;
	left:0;
}

.product .title{
	font-size:24px;
	font-weight:bold;
	color:#666;
	margin-bottom:25px;
}
.product .description{
	float:right;
	width:527px;
	margin-right:40px;
}

.product .description .btn_viewdetail{
	display:block;
	width:235px;
	height:24px;
	background:url('../images/button_view_detail.jpg') no-repeat;
	float:right;
}
.content .arrow{
	 height:44px;
	 width:937px;
	 background:url('../images/arrow.jpg') no-repeat;
	 margin:0px 0px 30px 0;
	 padding-left:31px;
	 
}
.content .view_more{
   height:44px;
   display:block;
   background:url('../images/viewbluebg.jpg') repeat-x;
   width:937px;
   text-decoration:none;
   font-size:24px;
   color:white;
   line-height:44px;
   padding-left:15px;
}
/*service
-----------------------*/
.case_title{
	margin:10px 0px 0 10px;
}
.service_title{
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin:18px 0;
}
.btn_more{
	background:url('../images/buttonmore.jpg') no-repeat;
	width:65px;
	height:24px;
	display:block;
	text-indent:-9999px;
	float:right;
}
.service_box{
	 width:240px;
	 padding:0 55px;
}
.service_box p{
	width:230px;
}
.service_left{
	float:left;
	padding:0 65px 0 0;
	
}
.service_left,.service_middle{
	background:url('../images/dashline.jpg') no-repeat top right;
}
.service_middle{
	float:left;
	
	
}
.service_right{
   float:right;
   padding:0px;
   margin-right:20px;
   display:inline;

	
}
/*about us
--------------------------*/
.about_box{
	margin:0 0 20px 0;
}
.about_pic{
	float:left;
	display:inline;
	margin:30px 0 0 60px;
}
.right_content{
	float:right;
	width:528px;
	margin-right:50px;
	display:inline;
}
.about_title{
	background:url('../images/about_title.jpg') no-repeat;
	text-indent:-9999px;
	width:394px;
	height:25px;
}
.credits_title{
	background:url('../images/credits_title.jpg') no-repeat;
	text-indent:-9999px;
	width:394px;
	height:25px;

}
.contact_title{
	background:url('../images/contact_title.jpg') no-repeat;
	text-indent:-9999px;
	width:394px;
	height:25px;

}
/*footer
------------------------*/
.jsi_wrapper .footer{
	text-align:center;
	background:url('../images/footerborder.jpg') top left no-repeat;
	
    height:58px;
    padding:20px;
    margin-top:10px;
}


/*jsi_cn*/

.jsi_wrapper .brand_logo{
	background:url('../images/nav_bg.jpg') top left no-repeat;
	width:1029px;
	height:54px;
	padding-left:5px;
}

.jsi_wrapper .brand_logo li{
    float:left;
	padding:5px 0 0 0px;
	height:47px;
}
.jsi_wrapper .brand_logo img{
	height:47px;
}
.jsi_wrapper .topbanner{
	margin:10px 0 40px 0;
}

.jsi_wrapper .product_tbl{
	width:100%;
	font-family:Verdana;
	font-size:12px;
	margin-bottom:32px;
	

}
.jsi_wrapper .product_tbl .low_cell td{
	height:30%;
	text-align:left;
	vertical-align:middle;

}
.jsi_wrapper .product_tbl .top_line{
	border:none;
	width:1034px;
}
.jsi_wrapper .product_tbl .top_line td{
	background:url('../images/table_top_border.jpg') left top no-repeat;
	height:4px;
	width:100%;
	
}

.jsi_wrapper .product_tbl tr{
	border-bottom:1px dotted #999999;

	
}


.jsi_wrapper .product_tbl td{
	vertical-align:middle;
	text-align:center;
}

.jsi_wrapper .product_tbl td.middle{
	text-align:left;
	vertical-align:top;

}
.jsi_wrapper .product_tbl td.middle div{
	padding:30px 0 0 30px;
}

.jsi_wrapper .product_tbl td.middle div h2{
    font-size:18px;
    color:#666;
    font-weight:bold;            
}
.jsi_wrapper .product_tbl td.first{
	width:15%;

}
.jsi_wrapper .product_tbl td.cell_top{
	vertical-align:top;
	text-align:center;
	padding-top:80px;
	
}