.carousel {
padding:10px 0 0;
margin:0 10px 20px 0px;
position:relative;
border: 1px solid #e0e1e2;
}

.carousel button {
/*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
float:left;
}

.carousel a.prev,.carousel a.next {
display:block;
float:left;
width:30px;
height:143px;
text-decoration:none;
background: url(../img/nappi_vasemmalle.jpg) right 60px no-repeat;

}

.carousel a.next {
background:url(../img/nappi_oikealle.jpg) left 60px no-repeat;
}


.carousel a:hover,.carousel a:active {
border:none;
outline:none;
}

.carousel .jCarouselLite {
float:left;
position:relative;
visibility:hidden;
left:-5000px;
}

.carousel ul {
margin:0;
}

.carousel li {
text-align:center;
padding-bottom:1em;
width: 170px;
}

.carousel li img,.carousel li p {
background-color:#fff;
margin:10px;

}

.vertical {
margin-left:170px;
}

.vertical .jCarouselLite {
/* so that in IE 6, the carousel div doesnt expand to fill the space */
width:170px;
}

.imageSlider li img,.imageSlider li p,.imageSliderExt li img,.imageSliderExt li p {
width:400px;
height:300px;
}


#buildingList {
margin-top:20px;
float:left;
width:752px;
}