/********** MAIN IMAGE *******************/
.main_image {
    width: 390px;
    height: 260px;
    float: left;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #000;
    margin-bottom: 6px;
}
.main_image p {
    line-height: 1.6em;
    padding: 10px;
	background:white url('../img/content-slider-background2.png') repeat;
	color:white;
}
.main_image img {
	width:390px;
	height: 260px;
}
.main_image p a {
	color:white;
}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #FFF;
    font-weight:bold;
}

/************* IMAGE THUMBS *******************/
.image_thumb {
    float: right;
    width: 314px;
	height:26px;
    background: #f0f0f0;
}
.image_thumb ul {
    list-style: none;
}
.image_thumb ul li{
    width: 100%;
    float: left;
	background:url('../img/background-sprite.png') repeat-x center top;
    background-position: 0px -88px;
	height:26px;
}
.image_thumb ul li.hover { /*--Hover State--*/
    /*background: #1C1C1D;*/
	background:url('../img/background-sprite.png') repeat-x center top;
    background-position: 0px -10px;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    /*background: #1C1C1D;*/
	background:url('../img/background-sprite.png') repeat-x center top;
    background-position: 0px -10px;
    cursor: default;
}
.image_thumb ul li.active>h2>a {
	text-decoration:none;
	color:white;
}
html .image_thumb ul li h2 {
    padding: 4px 5px 3px 5px;
	font-size:10px;
	text-align:left;
	font-weight:normal;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}
.image_thumb ul li .block {
    float: left;
    width: 100%;
}
.image_thumb ul li p{ /*--Hide the description on the list items--*/
	display: none;
}