/*HEADER*/

#header {
         width: 800px;
         height: 100px;
         background-image: url(fest/top.jpg);
}

/*SUBMENU*/

#banner {
         height: 100px;
         background-image: url(fest/submenu.jpg);
}

/*FOOTER*/

#footer {
         background-image: url(fest/footer.jpg);
         color: #fff;
}

#footer a {
           color: #fff;
}

/* TOPNAV */

#navcontainer ul {
        width: 800px;
        height: 50px;
        margin: 0;
        padding: 0px 0 2px 0;
        list-style-type: none;
        text-align: center;
        background-image: url(fest/menu.jpg) ;
}

#navcontainer ul li {
        display: block;
        float: left;
}

#navcontainer a {
        background: transparent;
        width: 99px;
        height: 50px;
        border: 1px solid #fff;
        border-right: transparent;
        text-decoration: none;
        display: block;
        color: #fff;
}

#navcontainer a:hover {
        background: #000;
}

#navcontainer a:hover[id^="mail"] {
        color: red;
        background: transparent;
        border-left: 1px solid #fff;
}

body#home a#homenav,
body#info a#infonav,
body#autori a#autoriinav,
body#eventi a#eventinav,
body#libri a#librinav,
body#concorsi a#concorsinav,
body#blog #blognav {
        color: red;
        background: transparent;
}

/* TOPNAV SUB UL LI */

#navcontainer li a.clients { }
#navcontainer li a.clients:hover { }

/* not applied by IE Mac or PC */
#navcontainer li a.clients { padding:0 25px 0 15px; background: transparent; }
#navcontainer li a.clients:hover {background: transparent;}
/* End hack */

#navcontainer li ul {
        display: none;
        list-style: none;
        position: absolute;
        top: 100%;
        left: 0;
}

#navcontainer li>ul {
        top: auto;
        left: auto;
}

#navcontainer li li {
        display: block;
        text-align: left;
        float: none;
        height: 33px;
        background: #fff;
}

#navcontainer li li a {
        display: block;
        width: 80px;
        height: 24px;
        padding: 4px 10px;
        font-weight: bold;
        color: #000;
}

#navcontainer li li a:hover {
        width: 79px;
        background-color:#000;
        color:#fff;
        border-right: 1px solid #fff;
}

#navcontainer li:hover ul, #navlist li.over ul {
         width: 99px;
         display: block; }


/* SUBNAV */

#subnavcontainer ul {
        width: 800px;
        height: 100px;
        list-style-type: none;
        background-image: url(fest/submenu.jpg);
}

#subnavcontainer ul li {
        display: block;
        float: left;
}

#subnavcontainer a {
        width: 99px;
        height: 100px;
        border-left: 1px solid #fff;
        display: block;
        cursor: default;
}

body#home a#subhome { background-image: url(fest/blog.jpg); }

body#info a#subinfo { background-image: url(fest/info.jpg); }

/* IE HACK */

* html #navcontainer ul{/*for ie*/
        padding: 0;
}

* html #navcontainer a{/*box model hack*/
        height: 52px;
        width: 129px;
        he\ight: 50px;
        w\idth: 100px;
}

* html #subnavcontainer a{/*box model hack*/
        height:130px;
        width:102px;
        he\ight:100px;
        w\idth:100px;
}