/* the overlayed element */
div.overlay {
    
    /* growing background image */
    /*background-image:url(../img/overlay/white.png);*/
    
    /* dimensions after the growing animation finishes  */
    /*width:800px;*/
    height:500px;
    
    /* initially overlay is hidden */
    display:none;
    
    /* some padding to layout nested elements nicely  */
    padding:25px;
    text-align: left;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
    background-image:url(../img/overlay/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}


/* black */
div.overlay.black {
    background:url(../img/overlay/transparent.png) no-repeat !important;
    color:#fff;
}

/* petrol */
div.overlay.petrol {
    background:url(../img/overlay/petrol.png) no-repeat !important;
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;        
}


h2 {
    font:italic 22px Georgia, "Times New Roman", Times, serif;
}

#overlay ul {
    padding-left: 10px;
}

#overlay ul li {
    font:14px Verdana, Arial, Helvetica, sans-serif; 
    color:#2f2c19;
}