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

<head>

	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-7VQT6EPQQ7"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());
	
	  gtag('config', 'G-7VQT6EPQQ7');
	</script>
	
	<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>

	<link rel="icon" href="favicon.ico" type="image/x-icon"/>

	<link rel="stylesheet" type="text/css" href="css/html.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/layout.css" media="screen"/>
	<link rel="stylesheet" type="text/css" href="css/print.css" media="print"/>

	<script type="text/javascript" src="js/clientcide-trunk-2.1.0.compressed.js"></script>
	<!--<script type="text/javascript" src="js/search.js"></script>-->

	<title>TheSpiffyLife | WebComics</title>
	<meta name="description" content="making the world laugh, one webcomic at a time!"/>

</head>

<body>

<!-- CONTENT: Holds all site content except for the footer.  This is what causes the footer to stick to the bottom -->
<div id="content">

	<!-- HEADER: Holds title, subtitle and header images -->
	<div id="header">

		<div id="title">
			<h1><a href="/" title="">TheSpiffyLife</a></h1>
			<!--<h2>webcomics</h2>-->
		</div>

		<img src="img/balloons.gif" alt="balloons" class="balloons"/>
		<img src="img/header_left.jpg" alt="left slice" class="left"/>
		<img src="img/header_right.jpg" alt="right slice" class="right"/>

	</div>

	<!-- MAIN MENU: Top horizontal menu of the site.  Use class="here" to turn the current page tab on -->
	<div id="mainMenu">
		<!--<form action="/" method="get" class="floatLeft">
				<input type="text" name="s" id="search" value="Search Our Comics!" maxlength="50"/>
		</form>
		<div id="livesearch"></div>-->
		<ul class="floatRight">
			<li><a href="/" title="" class="here">Home</a></li>
			<li><a href="/story/" title="">Story</a></li>
			<li><a href="/comics/" title="">Comics</a></li>
			<li><a href="/extras/" title="">Extras</a></li>
			<li><a href="/archive/" title="">Archive</a></li>
			<li><a href="/news/" title="">News</a></li>
			<li><a href="/faq/" title="" class="last">FAQ</a></li>
		</ul>
	</div>

  <!-- PAGE CONTENT BEGINS: This is where you would define the columns (number, width and alignment) -->
  <div id="page">

    <!-- 75 percent width column, aligned to the right -->
    <div class="width100 floatLeft">

      <!-- Gives the gradient block -->
      <div class="gradient">
      
      	<h1 class="centerText">404 - Error: Page Not Found!</h1>  

		<center><a href="/" title="Go Home"><img src="img/404.jpg" alt="404 Error - Page Not Found" width=75%" /></a></center>
		   
      </div>

    </div>

  </div>

</div>


<!-- FOOTER: Site footer for links, copyright, etc. -->
<div id="footer" class="">

  <div id="width">
    <span class="floatLeft">
    	&copy; 2005 - 2011 <a href="/">TheSpiffyLife.com</a> &amp; GJComics Inc.
    </span>

    <span class="floatRight">
		From your favorite hotties: <a href="#" title="SpiffyNews - Kopsombut stlye!">Guy</a> &amp; <a href="http://josh.thespiffylife.com/" title="Josh’s Random Non-sense!">Josh</a>!
    </span>
  </div>

</div>

</body>

<!-- Default Statcounter code for The Spiffy Life http://thespiffylife.com -->
<script type="text/javascript">
	var sc_project=13024282; 
	var sc_invisible=1; 
	var sc_security="cf23608f"; 
	</script>
	<script type="text/javascript"
	src="https://www.statcounter.com/counter/counter.js" async></script>
	<noscript><div class="statcounter"><a title="Web Analytics"
	href="https://statcounter.com/" target="_blank"><img class="statcounter"
	src="https://c.statcounter.com/13024282/0/cf23608f/1/" alt="Web Analytics"
	referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
	<!-- End of Statcounter Code -->

</html>