/**************************************************************

    Image Menu  

**************************************************************/
body {
    background-color: #000000;
}
#container {
    position: relative;
    width: 800px;
    height: 200px;
    overflow: hidden;
}

#imageMenu {
    position: relative;
    width: 800px;
    height: 200px;
    overflow: hidden;
}



#imageMenu ul {
    list-style: none;
    margin: 0px;
    display: block;
    height: 200px;
    width: 1000px;
    
    }

#imageMenu ul li {
    float: left;
}

#imageMenu ul li a {
    text-indent: -1000px;
    background:#FFFFFF none repeat scroll 0%;
    border-right: 2px solid #fff;
    cursor:pointer;
    display:block;
    overflow:hidden;
    width:86px;
    height: 200px;
}

#imageMenu ul li.roma a {
    background: url(images/roma.jpg) repeat scroll 0%;
}

#imageMenu ul li.ravenna a {
    background: url(images/ravenna.jpg) repeat scroll 0%;
}

#imageMenu ul li.bologna a {
    background: url(images/bologna.jpg) repeat scroll 0%;
}

#imageMenu ul li.cesena a {
    background: url(images/cesena.jpg) repeat scroll 0%;
}

#imageMenu ul li.rimini a {
    background: url(images/rimini.jpg) repeat scroll 0%;
}

#imageMenu ul li.modena a {
    background: url(images/modena.jpg) repeat scroll 0%;
}
  
#imageMenu ul li.milano a {
    background: url(images/milano.jpg) repeat scroll 0%;
}

#imageMenu ul li.parma a {
    background: url(images/parma.jpg) repeat scroll 0%;
}

#imageMenu ul li.ferrara a {
    background: url(images/ferrara.jpg) repeat scroll 0%;
    width: 210px;
}

#4muri {
   background-color: #ffff00;
    text-align: center;
    width: 210px;
}


.clear {
    clear: both;
}

/*************************************************************/