#splasherOver{
	height:5000px;
	width:100%;
	
	background-color:#000000;	
	opacity:0.8;
	filter: alpha(opacity = 80);

	
	left:0;
	position:absolute;
	top:0;

	z-index:999;
}

#splasher{

	background:#E4E4E4;
	z-index:9999;
	
	position:  fixed;
	left:  50%;
	top:  50%;

}

#splasher , #splasherOver{display:none;}

.w500{	
	width:540px;
	height:520px;
	margin-top:  -270px;
	margin-left:  -260px;
}

.w630{
	width:670px;
	height:440px;
	margin-top: -220px;
	margin-left: -335px;
}

.splasher_top{
	height:100px;
	background:url(/design/splasher/up.gif) no-repeat right top; 
}

.splasher_top SPAN{
	display:block;
	width:150px;
	height:20px;
	position:absolute;
	top:45px;
	right:0;
	text-align:right;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	padding:5px;

	cursor:pointer;
}

.splasher_pub{
	background:#ccc;
	margin:0 auto;
}

.w500 .splasher_pub{
	width:500px;
	height:400px;
}

.w630 .splasher_pub{
	width:630px;
	height:320px;
}





/* ///////////////////////////////////////////// HTML

For 500x400

<div id="splasherOver"></div>
<div id="splasher" class="w500">
	<div class="splasher_top">
		<img src="/design/splasher/logo.gif" width="100" height="93" />
		<span onclick="javascript:getElementById('splasherOver').style.display='none';getElementById('splasher').style.display='none'"><img src="/design/splasher/access.gif" width="136" height="14" border="0" /></span>
</div>
	<div class="splasher_bottom"><div class="splasher_pub" id="splasher_pub"></div></div>
</div>

For 630x320

<div id="splasherOver"></div>
<div id="splasher" class="w630">
	<div class="splasher_top">
		<img src="/design/splasher/logo.gif" width="100" height="93" />
		<span onclick="javascript:getElementById('splasherOver').style.display='none';getElementById('splasher').style.display='none'"><img src="/design/splasher/access.gif" width="136" height="14" border="0" /></span>
</div>
	<div class="splasher_bottom"><div class="splasher_pub" id="splasher_pub"></div></div>
</div>

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