html, body {width: 100%; height: 100%; margin: 0px; padding: 0px;}

div {margin: 0px; padding: 0px;}

a {color:#a7a7a7; cursor: pointer; text-decoration:none;}
a:hover {color:#a7a7a7; text-decoration:none;}

table {padding: 0px; margin: 0px; width: 100%; table-layout: auto; border: 0px;}
table td tr {padding:0px; margin:0px;}

img {margin-right: 0px; border: 0px;}

#body 
{
	position:absolute;
	overflow-x:hidden;
	top:0px;
	left:0px;
	background-color:#ffffff;
	z-index:5;
	font:60% "verdana";
	color:#a7a7a7;
}

/*----------------------------------- LEFT SIDE -----------------------------------------*/
#layout
{
	position:absolute;
	top:0px;
	left: 0px;
	width:100%;
	min-width:650px;
	-width: expression(document.body.clientWidth > 650 ? "100%" : "650px");
	height:90%;
	z-index:10;
	clear:both;
}

#leftside
{
	position:absolute;
	top:0px;
	left: 0px;
	width:50%;
	height:90%;
	z-index:10;
}
#hole1
{
	position:absolute;
	top:52%;
	margin-left: 30%;
	width:273px;
	height:287px;
	z-index:10;
}
#text1
{
	position:absolute;
	top:280px;
	left: 200px;
	width:100px;
	height:20px;
	z-index:10;
}
#smallhole
{
	position:absolute;
	top:10%;
	left: 40%;
	width:200px;
	height:200px;
	z-index:20;
}
/*----------------------------------- RIGHT SIDE -----------------------------------------*/
#rightside
{
	position:absolute;
	top:0px;
	left: 50%;
	width:50%;
	height:90%;
	z-index:10;
}
#hole2
{
	position:absolute;
	top:35%;
	left: 10%;
	width:273px;
	height:287px;
	z-index:10;
}
#text2
{
	position:absolute;
	top:280px;
	left: 200px;
	width:100px;
	height:20px;
	z-index:10;
}
/*----------------------------------- FOOTER -----------------------------------------*/
#footer
{
	position:absolute;
	top:90%;
	text-align:right;
	width:95%;
	height:10%;
	z-index:5;
}
#reclama
{
	text-align:left;
	width:300px;
	height:10%;
	margin:0px;
	padding:0px;
	margin-left:3px;
}
#counterstrip
{
	text-align:left;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	z-index:20;
}


