<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

	<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
	<script src="script/907624" type="text/javascript"></script>
	<script src="script/9836164" type="text/javascript"></script>
	<script type="text/javascript" src="script/jQuery.js"></script>
	<script type="text/javascript" src="script/pngfix.js"></script>
	<title>404</title>
	<link href="style.css" rel="stylesheet" type="text/css">

<!--[if IE 6]>
<script type="text/javascript">window.location.href="http://riminy.ru/ie6/"</script>
<![endif]-->

	<script type="text/javascript">
		var cursorSize = 350;
		
		$(document).ready(function(e) {
			$('#cursor').show();
			
			moveCursor(e);
			
			$('a').each(function() {
				var overLink = $('<a>')
					.addClass('overlink')
					.attr('href', $(this).attr('href'))
					.css({
						top: $(this).offset().top,
						left: $(this).offset().left,
						width: $(this).outerWidth(),
						height: $(this).outerHeight()
					})
					.mouseover(function() {
						var thisOverlink = this;
						
						$('a')
							.filter(function(index) {
								return $(thisOverlink).attr('href') == $(this).attr('href');
							})
							.addClass('hover');
					})
					.mouseout(function() {
						var thisOverlink = this;
						
						$('a')
							.filter(function(index) {
								return $(thisOverlink).attr('href') == $(this).attr('href');
							})
							.removeClass('hover');
					});
				
				$(document.body).append(overLink);
			});
			
			$(document).mousemove(moveCursor);
		});

		function moveCursor(e) {
			var winWidth = $(window).width();
			var winHeight = $(window).height();
			var halfSize = cursorSize/2;
				
			if (e.pageY > halfSize && e.pageY < $(window).height()-halfSize) {
				$('#cursor').css('top', (e.pageY-halfSize) + 'px');
			}
			if (e.pageX > halfSize && e.pageX < $(window).width()-halfSize) {
				$('#cursor').css('left', (e.pageX-halfSize) + 'px');
			}
			
			$('#t')
				.height($('#cursor').offset().top)
				.css({
					top:'0px',
					left:'0px'
				});
			
			$('#l')
				.width($('#cursor').offset().left)
				.css({
					top:$('#cursor').offset().top + 'px',
					left:'0px'
				});
			
			$('#r')
				.width(winWidth - $('#cursor').offset().left - cursorSize)
				.css({
					top:$('#cursor').offset().top + 'px',
					right:'0px'
				});
			
			$('#b')
				.height(winHeight - $('#cursor').offset().top - cursorSize)
				.css({
					top:$('#cursor').offset().top+cursorSize + 'px',
					left:'0px'
				});
		}		
	</script>

</head>
<body>
	<div id="nnm">��, ������ 404...</div>

	
	<div id="links">
         <div>����� ����, �� ����� �������� �� ���������� �� ����� <br />��������� �������.
��������� �� <a href="http://riminy.ru" />�������</a> ��������, ��������<br /> ��� �� �������,
��� ������ ��� ������� �� <a href="http://yandex.ru/" />�������</a>.</div>
        </div>

	
	<div style="height: 157px; top: 0px; left: 0px;" id="t"></div>
	<div style="width: 332px; top: 157px; left: 0px;" id="l"></div>
	<div style="width: 598px; top: 157px; right: 0px;" id="r"></div>

	<div style="height: 363px; top: 507px; left: 0px;" id="b"></div>
	<div style="display: block; left: 332px; top: 157px;" id="cursor"></div>
	





</body></html>