.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 407px; /*width of featured content slider*/
height: 270px;
float:left;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 407px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{float:right; width:244px;}
.pagination a{}
.pagination a:hover, .pagination a.selected{}


/*URBAN DEVELOPMENT*/
.urban-img1{background:url(../../images/content/business-overview/urban-development-tmb1.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;}
	.urban-img1:hover{
				background-position: 0 0;
			}
.urban-img2{background:url(../../images/content/business-overview/urban-development-tmb2.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-left:8px;}
	.urban-img2:hover{
				background-position: 0 0;
			}
.urban-img3{background:url(../../images/content/business-overview/urban-development-tmb3.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-top:4px;}
	.urban-img3:hover{
				background-position: 0 0;
			}
.urban-img4{background:url(../../images/content/business-overview/urban-development-tmb4.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.urban-img4:hover{
				background-position: 0 0;
			}
.urban-img5{background:url(../../images/content/business-overview/urban-development-tmb5.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-top:4px;}
	.urban-img5:hover{
				background-position: 0 0;
			}
.urban-img6{background:url(../../images/content/business-overview/urban-development-tmb6.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.urban-img6:hover{
				background-position: 0 0;
			}

/*LARGE SCALE INTEGRATED DEVELOPMENT*/
.large-img1{background:url(../../images/content/business-overview/large-scale-integrated-development-tmb1.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;}
	.large-img1:hover{
				background-position: 0 0;
			}
.large-img2{background:url(../../images/content/business-overview/large-scale-integrated-development-tmb2.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-left:8px;}
	.large-img2:hover{
				background-position: 0 0;
			}
.large-img3{background:url(../../images/content/business-overview/large-scale-integrated-development-tmb3.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-top:4px;}
	.large-img3:hover{
				background-position: 0 0;
			}
.large-img4{background:url(../../images/content/business-overview/large-scale-integrated-development-tmb4.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.large-img4:hover{
				background-position: 0 0;
			}
.large-img5{background:url(../../images/content/business-overview/large-scale-integrated-development-tmb5.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-top:4px;}
	.large-img5:hover{
				background-position: 0 0;
			}
.large-img6{background:url(../../images/content/business-overview/large-scale-integrated-development-tmb6.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.large-img6:hover{
				background-position: 0 0;
			}


/*HOSPITALS*/
.hospitals-img1{background:url(../../images/content/business-overview/hospitals-tmb1.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;}
	.hospitals-img1:hover{
				background-position: 0 0;
			}
.hospitals-img2{background:url(../../images/content/business-overview/hospitals-tmb2.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-left:8px;}
	.hospitals-img2:hover{
				background-position: 0 0;
			}
.hospitals-img3{background:url(../../images/content/business-overview/hospitals-tmb3.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;  margin-top:4px;}
	.hospitals-img3:hover{
				background-position: 0 0;
			}
.hospitals-img4{background:url(../../images/content/business-overview/hospitals-tmb4.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.hospitals-img4:hover{
				background-position: 0 0;
			}
.hospitals-img5{background:url(../../images/content/business-overview/hospitals-tmb5.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-top:4px;}
	.hospitals-img5:hover{
				background-position: 0 0;
			}
.hospitals-img6{background:url(../../images/content/business-overview/hospitals-tmb6.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.hospitals-img6:hover{
				background-position: 0 0;
			}


/*RETAIL-MALLS*/
.retail-malls-img1{background:url(../../images/content/business-overview/retail-malls-tmb1.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;}
	.retail-malls-img1:hover{
				background-position: 0 0;
			}
.retail-malls-img2{background:url(../../images/content/business-overview/retail-malls-tmb2.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-left:8px;}
	.retail-malls-img2:hover{
				background-position: 0 0;
			}
.retail-malls-img3{background:url(../../images/content/business-overview/retail-malls-tmb3.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;  margin-top:4px;}
	.retail-malls-img3:hover{
				background-position: 0 0;
			}
.retail-malls-img4{background:url(../../images/content/business-overview/retail-malls-tmb4.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.retail-malls-img4:hover{
				background-position: 0 0;
			}
.retail-malls-img5{background:url(../../images/content/business-overview/retail-malls-tmb5.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-top:4px;}
	.retail-malls-img5:hover{
				background-position: 0 0;
			}
.retail-malls-img6{background:url(../../images/content/business-overview/retail-malls-tmb6.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.retail-malls-img6:hover{
				background-position: 0 0;
			}


/*HOTELS*/
.hotels-img1{background:url(../../images/content/business-overview/hotels-tmb1.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;}
	.hotels-img1:hover{
				background-position: 0 0;
			}
.hotels-img2{background:url(../../images/content/business-overview/hotels-tmb2.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-left:8px;}
	.hotels-img2:hover{
				background-position: 0 0;
			}
.hotels-img3{background:url(../../images/content/business-overview/hotels-tmb3.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;  margin-top:4px;}
	.hotels-img3:hover{
				background-position: 0 0;
			}
.hotels-img4{background:url(../../images/content/business-overview/hotels-tmb4.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.hotels-img4:hover{
				background-position: 0 0;
			}
.hotels-img5{background:url(../../images/content/business-overview/hotels-tmb5.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-top:4px;}
	.hotels-img5:hover{
				background-position: 0 0;
			}
.hotels-img6{background:url(../../images/content/business-overview/hotels-tmb6.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.hotels-img6:hover{
				background-position: 0 0;
			}


/*ASSET MANAGEMENT*/
.asset-img1{background:url(../../images/content/business-overview/asset-tmb1.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;}
	.asset-img1:hover{
				background-position: 0 0;
			}
.asset-img2{background:url(../../images/content/business-overview/asset-tmb2.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin-left:8px;}
	.asset-img2:hover{
				background-position: 0 0;
			}
.asset-img3{background:url(../../images/content/business-overview/asset-tmb3.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;  margin-top:4px;}
	.asset-img3:hover{
				background-position: 0 0;
			}
.asset-img4{background:url(../../images/content/business-overview/asset-tmb4.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.asset-img4:hover{
				background-position: 0 0;
			}
.asset-img5{background:url(../../images/content/business-overview/asset-tmb5.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer;  margin-top:4px;}
	.asset-img5:hover{
				background-position: 0 0;
			}
.asset-img6{background:url(../../images/content/business-overview/asset-tmb6.jpg) no-repeat 0 -80px; width:118px; height:80px; float:left; text-indent: -99999px; cursor:pointer; margin:4px 0 0 8px;}
	.asset-img6:hover{
				background-position: 0 0;
			}


@media only screen and (min-width: 300px) and (max-width: 500px) {
	.sliderwrapper{width:300px;}	
	.sliderwrapper .contentdiv{width:300px;}
	.pagination{float:left; width:244px; margin-left:30px;}
}

@media only screen and (min-width: 510px) and (max-width: 810px) {
	.sliderwrapper{width:300px;}	
	.sliderwrapper .contentdiv{width:300px;}
		.contentdiv img{width:300px; height:auto;}
	.pagination{float:right; width:244px;}
}