/* the overlayed element */
div.overlay {
	background-image: url('../images/Overlay.png'); /* dimensions after the growing animation finishes  */;
	width: 654px;
	height: 525px; /* initially overlay is hidden */; /* some padding to layout nested elements nicely  */;
	display: none;
}

/* default close button positioned on upper right corner */
	div.overlay div.close {
 background-image:url('../images/x-button.jpg');
	position:absolute;
	right:40px;
	top:35px;
	cursor:pointer;
	height:35px;
	width:45px;
	background-repeat:no-repeat;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
div.clear, hr {
	clear:both;
	display:block;
	font-size:1px;
	height:0pt;
	line-height:1px;
	margin:0pt;
	padding:0pt;
}