<!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>