<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-16be-with-bom" />
	<title>k-nekt communications</title>
	<meta name="generator" content="BBEdit 9.6" />
	<link http://www.k-nekt.com>
	<style>
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face {  
  font-family: "Helvetica Neue Light";  
  src: url( f/HelveticaNeueLTStd-Lt.otf ); /* IE needs EOT font */  
  src: local("Helvetica Neue Light"), url(f/HelveticaLTStd-Light.otf) format("opentype"); /* non-IE */  
}  

body {
	line-height: 1;
	margin-top:52px;
	margin-left:0;
	text-align:center;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div#content {
	width:1024px;
	margin:0px auto;
	text-align:left;
}
div#header {
	z-index:999;
	position:relative;
}
h1 {
	text-indent:-9999px;
	height:168px;
	width:168px;
	background-image: url(i/k-nekt-logo.gif);
	
}

div#off-state, div#on-state {
	margin:-42px 0 20px -4px;
	z-index:1;
	position:absolute;
	display:block;
}


div.footer {
	margin:494px 0 0 350px;
	display:block;
	width:557px;
	height:36px;
}

	</style>

</head>
<body>
<div id="content">
<div id="header"><h1>k-nekt communications</h1></div>
<!-- OFF STATE -->
<div id="off-state"><img src="i/content-off.jpg" usemap="#pooch-off" width="931" height="534" border="0" /></div>

<!-- ON STATE -->
<div id="on-state" style="display:none"><img src="i/content-over.jpg" usemap="#pooch-over" width="931" height="534" border="0" /></div>

<div class="footer"><a href="mailto:info@k-nekt.com"><img src="i/footer-info.gif" alt="knekt communications - 973.783.7834"/></a></div>
</div>


<map id="pooch-off" name="pooch-off">
<area shape="rect" coords="566,260,900,515" id="rollon" alt="" title="" href="p/about_k-nekt.pdf"  target="_blank" />
</map>
<map id="pooch-over" name="pooch-over">
<area shape="rect" coords="566,260,900,515" id="rollout" alt="" title=""  href="p/about_k-nekt.pdf" target="_blank"   />
</map>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
	$(document).ready(function(){	
		if ( window.addEventListener ) {
		    var kkeys = [], konami = "38,38,40,40,37,39,37,39,66,65";
	    	window.addEventListener("keydown", function(e){
	        	kkeys.push( e.keyCode );
	        	if ( kkeys.toString().indexOf( konami ) >= 0 )
	        	location.href="http://jarrodonline.com";
			}, true);
		}
		$("#rollout").mouseout(function(e) {
			e.preventDefault();
			swapCopy();
		});
		$("#rollon").mouseover(function(e) {
			e.preventDefault();
			swapCopy();
		});
});
function swapCopy() {
	$("div#on-state").fadeToggle("fast", "swing");
	$("div#off-state").fadeToggle("fast", "swing");
	return false;
}
</script>


</body>
</html>