.demo-wrap ul {
	width: 545px;
	height: 195px;
	overflow: hidden;
}

.demo-wrap li {
	list-style: none;
	margin: 0;
	height: 213px;
}

.demo-wrap .left {
	width: 205px;
	float: left;
}

.demo-wrap .right {
	width: 320px;
	float: left;
}

.demo-wrap .right .content {
	position:absolute;
	margin-top: 30px;
	margin-top:-150px\9;/*IE8 and older*/
	margin-left:70px;
	margin-left:272px\9;/*IE8 and older*/
	font-size: 12px;
	font-family:Verdana,sans-serif;
	width:250px;
	width:225px\9;/*IE8 and older*/
	height:100px;
	color:white;
	
	
}


.demo-wrap .right .top {
	position:absolute;
	margin-top:80px;
	margin-left:70px;
	width:250px;
	height:100px;
	font-family:Verdana,sans-serif;
	font-size: 12px;
	color: white;
}

/*pager*/


.bx-pager {
	background-image:url('gradient-background.png');
	position:absolute;
	margin-top:-85px;
	margin-top:-87px\9;/*IE8 and older*/
	margin-left:0px;
	margin-left:15px\9;/*IE8 and older*/	
	height:40px;
	width:530px;
	z-index:100;
	
}



.bx-pager a img{
	height:25px;
	width:40px;
	text-decoration:none;
	display:inline-block;
	outline:none;
	margin:0;
	padding:0;
	border:none;
			
}


.bx-pager a {
	height:25px;
	width:40px;
	text-decoration:none;
	display:inline-block;
	z-index:112;
	
}

.bx-pager .pager-active,
.bx-pager a:hover {
	height:25px;
	width:40px;
	text-decoration:none;
	display:inline-block;
	padding:0;
	margin:0;
	border:1px solid white;
	z-index:112;
	text-align:center;
	
	
}