<!DOCTYPE html>
<html>

<!-- BEGIN HEADER -->
<head>
<meta charset='utf-8' />
<meta name="description" content="If motorists drove congestion-free through Chicago life as a commuter would be a dream. But instead we deal with the Circle Interchange, the Eisenhower Expressway and the Kennedy Expressway. Horrible traffic -- and horrible drivers -- are a way of life for Chicago commuters. That's where the ChiTown Tattler comes in, providing construction news and commuter information and hopefully some laughs along thw way. Let's call it group therapy for your commute.">
<meta name="keywords" content="Circle Interchange, Eisenhower Expressway, Kennedy Expressway, Chicago">
<title>ChiTown Tattler</title>
<!--[if IE]><script src="http://d2o0t5hpnwv4c1.cloudfront.net/450_ooCss/http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- This makes IE recognize and use the HTML5 elements -->
<link type="text/css" rel="stylesheet" href="css/reset.css" />
<link type="text/css" rel="stylesheet" href="css/text.css" />
<link type="text/css" rel="stylesheet" href="css/styles.css" />
</head>
<!-- END HEADER -->

<!-- BEGIN BODY -->
<body>
  	
<!-- BEGIN CONTAINER -->
<article id="container">

<!-- BEGIN PAGE HEADER -->
<header>
<h1>ChiTownTattler</h1>
<h2 class="subtitle">Group therapy for your Chicago commute</h2>

<!-- BEGIN NAVIGATION -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Construction News</a></li>
<li><a href="#">Commuter Updates</a></li>
<li><a href="#">Traffic Map</a></li>
</ul>
</nav>
<!-- END NAVIGATION -->

</header>
<!-- END PAGE HEADER -->