<!-- BEGIN DOC HEADER -->
<!doctype html>
<html lang="en" class="no-js">

<!-- BEGIN HEAD -->
<head>

<meta charset="utf-8">

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame. Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!-- BEGIN TITLE -->
<title>BeatBox</title>

<!-- BEGIN META -->
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<!-- END META -->

<!--  Mobile Viewport Fix
j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
device-width : Occupy full width of the screen in its current orientation
initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
-->

<!-- BEGIN FAVICON AND MOBILE TOUCH ICON IN DOMAIN ROOT -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- END FAVICON AND MOBILE TOUCH ICON IN DOMAIN ROOT -->

<!-- CSS: implied media="all" -->
<link rel="stylesheet" href="css/html5-style.css">
<link rel="stylesheet" href="css/jquery.autocomplete.css">
<link rel="stylesheet" href="css/slideshow.css">
<link rel="stylesheet" href="css/styles.css" />

<!-- For the less-enabled mobile browsers like Opera Mini -->
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->

<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
<script src="js/modernizr-1.5.min.js"></script>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script src="js/jquery.cycle.js"></script>
<script src="js/slideshow.js"></script>

</head>

<!-- BEGIN CONTAINER -->
<div id="container">

<!-- BEGIN MAIN -->
<div id="main">

<!-- BEGIN HEADER -->
<header>
<a href="index.php"><h1>Chicago's BeatBox</h1></a>
<a href="index.php"><img src="images/header-image.png" alt="Header Image" /></a>
</header>
<!-- END HEADER -->