Jquery , Carousel issues

Ok I am trying to add one long image to my homepage jquery slider with a background image but it is not working. I added the codes to the skin.css for the jquery but it is not working. Can someone help me? My website is http://www.journeyofablackearedkite.com.

/* ——————————————– */
/* ———— LARGE (INDEX PAGE) ———— */
/* ——————————————– */
.jcarousel-skin-atlantica .jcarousel-container {
background: url(‘images/bslider.jpg’)
margin-left: 29px; /* IMPORTANT! DO NOT REMOVE! */
margin-right: 29px; /* IMPORTANT! DO NOT REMOVE! */
}
.jcarousel-skin-atlantica .jcarousel-container-horizontal {
width: 920px;
padding-left: 31px;
padding-right: 49px;
padding-top: 15px;
}

.jcarousel-skin-atlantica .jcarousel-clip-horizontal {
width: 935px;
height: 289px;
}

.jcarousel-skin-atlantica .jcarousel-item {
width: 308px;—- I AM COMMENTING THIS OUT SO WE CAN ALWAYS REVERT THE CHANGE LATER —- */
height: 289px;
}

.jcarousel-skin-atlantica .jcarousel-item-horizontal {
margin-right: 5px;—- I AM COMMENTING THIS OUT SO WE CAN ALWAYS REVERT THE CHANGE LATER —- */
}

.jcarousel-skin-atlantica .jcarousel-item-placeholder {
background: url(‘imgages/bslider.jpg’)
color: #000;

}