/*Now the styles*/
* {
    margin: 0; 
    padding: 0;
}
body {
    background: #F5F5F5; 
    font-family: arial, verdana, tahoma;
}

.menu_top{
		background-image: url(../images/slide.png);
		padding-top:50px;
		width:850px;
		height:450px;
		float:left;
		}

.accordian {
	width: 770px; 
	height: 380px;
	overflow:hidden;
	margin:0 auto;
	margin-top:-18px;
	
     
    
   
} 
/* Небольшой хак для устраненя мерцания в некоторых браузерах */
.accordian ul {
    width: 2000px;
}
 
.accordian li {
	 border: 1px #808080 solid; /* Параметры рамки */
    background: #e3ffec; /* Цвет фона */
    position: relative;
    display: block;
    width: 109px;
    float: left;
 
   
 
    /* Эффект анимации */
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
/* Ширина слайдов, на которые не наведен курсор */
.accordian ul:hover li {width: 50px;}
/* Ширина слайда, на который наведен курсор */
.accordian ul li:hover {width: 460px;}
 
.accordian li img {
    display: block;
}
 
/* Стили заголовков */
.image_title {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0; bottom: 0;
    width: 640px;
}
.image_title a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-size: 12px;
}