Real Estate Listings Banner

 just use [BANNERHOMES] instead of [BANNER] on your template, then make sure you can do some CSS and Jquery magic with the produced HTML in a DIV format, with a ULLI nav bar. 

/* ##################################
DISPLAY HOME
################################## */

#display {
position: relative;
height: 300px;
margin: 0 0 30px;
line-height: 24px;
background: #252525;
color: #fff;
text-shadow: 1px 0px 0px #000;
z-index: 1;
overflow: hidden;
box-shadow: 1px 1px 2px #b5b5b5;
-moz-box-shadow: 1px 1px 2px #b5b5b5;
-webkit-box-shadow: 1px 1px 2px #b5b5b5;
}

.display-img {
width: 660px;
}

.display-inner {
position: absolute;
top: 20px;
right: 20px;
width: 280px;
}

#display .price-listing {
right: 0px;
bottom: 0px;
}

#display a {
color: #fff;
}

#display h2 {
margin: 0 0 10px;
font-size: 24px;
}

#display h2 a {
text-decoration: none;
}

#display-control {
position: absolute;
right: 320px;
bottom: 0px;
margin: 0px;
height: 30px;
z-index: 2;
}

#display-control li {
display: inline;
}

#display-control a {
display: block;
float: left;
width: 12px;
height: 12px;
margin: 9px 10px 0 0;
background: transparent url(img/bg-display-control-inactive.png) no-repeat center center;
outline: none;
}

#display-control li.ui-tabs-active a {
background: transparent url(img/bg-display-control-active.png) no-repeat center center;
}

.ui-tabs .ui-tabs-hide {
display: none !important;
}

#bg-display-control {
position: absolute;
bottom: 0px;
left: 0px;
width: 660px;
height: 30px;
background: transparent url(img/bg-display-control.png) repeat-x left top;
z-index: 1;
}