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

.dot1	{
	position:		absolute;
	width: 			6px;
	height:			6px;
	background-image:	url('red_dot.gif');
	font-size: 		1px;
	}

.dot2	{
	position:		absolute;
	width: 			6px;
	height:			6px;
	background-image:	url('blue_dot.gif');
	font-size:		1px;
	}

.pix	{
	position:		absolute;
	width:			3px;
	height:			3px;
	background-image:	url('small_dot.gif');
	font-size:		1px;
	}

p	{
	font-size:		11px;
	font-family:		tahoma,arial,helvetica;
	color:			#000000;
	background-color:	#FFFFFF;
	}

body	{
	margin:			0px;
	padding:		0px;
	overflow:		hidden;
	background-color:	#FFFFFF;
	}

#divBox	{
	position:		absolute;
	top:			50px;
	left:			50px;
	width:			6px;
	height:			6px;
	background-image:	url('red_dot.gif');
	font-size:		1px;
	}

input {
	font-size:		10px;
	font-family:		tahoma;
	width:			20px;
}


#divContainer {
	position:		absolute;
	top:			50px;
	left:			50px;
	width:			500px;
	height:			300px;
	border:			1px solid black;
	background:		#EEE;
	overflow:		hidden;
}
#divWater {
	position:		absolute;
	top:			200px;
	left:			0px;
	width:			499px;
	height:			99px;
	background:		lightblue;
	overflow:		hidden;
}

.blob {
	position:		absolute;
	width:			5px;
	height:			5px;
	background-image:	url('small_red_dot.gif');
	font-size:		1px;
}
#divWater2 {
	position:		absolute;
	top:			250px;
	left:			50px;
	width:			499px;
	height:			99px;
	background-image:	url('pond.gif');
	overflow:		hidden;
}