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

#slidecontent{
	width: 100%;
	height: 420px;
	position: relative;
}

#slidenav{
	width: 1024px;
	margin: 0 auto;
	position: relative;
}

.jFlowPrev{
	display:block;
	float:left;
	width: 40px;
	height: 40px;
	cursor:pointer;
}

.jFlowNext{
	display:block;
	float:right;
	margin-right:10px;
	width: 40px;
	height: 40px;
	cursor:pointer;
}

.jFlowControl{
	background: url("/images/number-bg.gif") no-repeat;
	text-align: center;
	width:40px;
	height:40px;
	display:block;
	float:left;
	cursor:pointer;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
}

.jFlowSelected{
	background: url("/images/number-bg-active.gif") no-repeat;
	text-align: center;
	width:40px;
	height:40px;
	display:block;
	float:left;
	cursor:pointer;
}

.slidecontainer{
	width: 860px;
	margin: 0 auto;
	height: 400px;
	display:block;
}

.slide-technology-telecom{
  background: url("/images/slide-technology-telecom.png") no-repeat;
}
.slide-mobiles{
  background: url("/images/slide-mobiles.png") no-repeat;
}
.slide-ip-converged{
  background: url("/images/slide-ip-converged-telephone.png") no-repeat;
}
.slide-home-remote{
  background: url("/images/slide-home-remote.png") no-repeat;
}
.slide-inbound-call{
  background: url("/images/slide-inbound-call-management.png") no-repeat;
}
.slide-bt-fixed{
  background: url("/images/slide-bt-fixed.png") no-repeat;
}
.slide-broadband{
  background: url("/images/slide-broadband.png") no-repeat;
}
.slide-management-system{
  background: url("/images/slide-management-systems.png") no-repeat;
}

#content-all{
  width:100%;
  padding:0;
  margin:0;
}

#content{
  width:500px;
  display:block;
  float:right;
}

#slide-header{
  width:250px;
  height:80px;
  display:block;
  float:left;
}

#readmore{
  width:125px;
  height:80px;
  float:left;
}

#readmore a{
	display:block;
	width:100px;
	height:30px;
	margin-top:20px;
	background:url(/images/readmore.png)  no-repeat 0 0;
  	text-indent:-10000px;
}

#readmore a:hover{
	background:url(/images/readmore.png) no-repeat 0 -30px;
}

#readmore-blog{
  width:125px;
  height:80px;
  float:left;
}

#readmore-blog a{
	display:block;
	width:100px;
	height:30px;
	margin-top:20px;
	background:url(/images/button-blog.png)  no-repeat 0 0;
  	text-indent:-10000px;
}

#readmore-blog a:hover{
	background:url(/images/button-blog.png) no-repeat 0 -30px;
}

#slide{
  width:500px;
  display:block;
}

#slide .title{
  width:450px;
  height:30px;
  float:left;
  padding-top:20px;
}

#slide .image{
  width:50px;
  height:30px;
  float:left;
  padding-top:10px;
}

#slide .desc{
  width:100%;
  clear:both;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

#slide-left{
  width:240px;
  margin:0 0 0 10px;
  float:left;
}

#slide-left .title{
  width:120px;
  height:30px;
  float:left;
  padding-top:20px;
}

#slide-left .title1{
  width:240px;
  height:20px;
  clear:both;
}

#slide-left .image{
  width:120px;
  height:30px;
  float:left;
  padding-top:10px;
}

#slide-left .desc{
  width:240px;
  height:100px;
  clear:both;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

#slide-right{
  width:240px;
  margin:0 0 0 10px;
  float:left;
}

#slide-right .title{
  width:120px;
  height:30px;
  float:left;
  padding-top:20px;
}

#slide-right .title1{
  width:240px;
  height:20px;
  clear:both;
}

#slide-right .image{
  width:120px;
  height:30px;
  float:left;
  padding-top:10px;
}

#slide-right .desc{
  width:240px;
  height:100px;
  clear:both;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}


div.number-nav{
	position: absolute;
	left: 0;
	right: 0;
	clear: both;
	bottom: 15px;
	height: 130px;
	width: 410px;
	padding-left: 600px
}