/* the overlayed element */ 
div.overlay {
	/* growing background image */ 
    background-image: url(assets/overlay/white.png); /* dimensions after the growing animation finishes   */;
	width: 600px;
	height: 470px; /* initially overlay is hidden */;
	display: none; /* some padding to layout nested elements nicely  */;
	padding: 55px;
	bottom: 0;
	left: 0;
	position: absolute;
} 


/* default close button positioned on upper right corner */ 
div.overlay div.close { 

    background-image:url(assets/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 

 
 div.overlayGallery {
	/* growing background image */ 
	background-image: url(assets/overlay/white.png); /* dimensions after the growing animation finishes   */;
	display: none; /* some padding to layout nested elements nicely  */;
	padding-top:40px;
	margin:0;
	position: absolute;
	height:530px;
	width: 646px;
} 
 

/* default close button positioned on upper right corner */ 
div.overlayGallery div.close { 

    background-image:url(assets/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black
div.overlay.black { 
    background:url(assets/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
 
div.overlay.petrol { 
    background:url(assets/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 */
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}