Header

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">


		<title><?php wp_title( '|', true, 'right'); ?><?php bloginfo('name'); ?> </title>

		<!-- Mobile viewport optimized: h5bp.com/viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<link href="http://www.justinschuoler.com/img/favicon.ico" rel="icon" type="image/x-icon" />
		<link rel="stylesheet" media="all" href="http://www.justinschuoler.com/css/style.css"/>
		<meta name="viewport" content="width=device-width, initial-scale=1"/>

		<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->

		<!-- JS -->
		<script src="http://www.justinschuoler.com/js/jquery-1.7.1.min.js"></script>
		<script src="http://www.justinschuoler.com/js/custom.js"></script>
		<script src="http://www.justinschuoler.com/js/tabs.js"></script>
		<script src="http://www.justinschuoler.com/js/css3-mediaqueries.js"></script>
		<script src="http://www.justinschuoler.com/js/jquery.columnizer.min.js"></script>

		<!-- Isotope -->
		<script src="http://www.justinschuoler.com/js/jquery.isotope.min.js"></script>

		<!-- Lof slider -->
		<script src="http://www.justinschuoler.com/js/jquery.easing.js"></script>
		<script src="http://www.justinschuoler.com/js/lof-slider.js"></script>
		<link rel="stylesheet" href="http://www.justinschuoler.com/css/lof-slider.css" media="all"  />
		<!-- ENDS slider -->

		<!-- Tweet -->
		<link rel="stylesheet" href="http://www.justinschuoler.com/css/jquery.tweet.css" media="all"  />
		<script src="http://www.justinschuoler.com/js/tweet/jquery.tweet.js" ></script>
		<!-- ENDS Tweet -->

		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="http://www.justinschuoler.com/css/superfish.css" />
		<script  src="http://www.justinschuoler.com/js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script  src="http://www.justinschuoler.com/js/superfish-1.4.8/js/superfish.js"></script>
		<script  src="http://www.justinschuoler.com/js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->

		<!-- prettyPhoto -->
		<script  src="http://www.justinschuoler.com/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="http://www.justinschuoler.com/js/prettyPhoto/css/prettyPhoto.css"  media="screen" />
		<!-- ENDS prettyPhoto -->

		<!-- poshytip -->
		<link rel="stylesheet" href="http://www.justinschuoler.com/js/poshytip-1.1/src/tip-twitter/tip-twitter.css"  />
		<link rel="stylesheet" href="http://www.justinschuoler.com/js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css"  />
		<script  src="http://www.justinschuoler.com/js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->

		<!-- JCarousel -->
		<script type="text/javascript" src="http://www.justinschuoler.com/js/jquery.jcarousel.min.js"></script>
		<link rel="stylesheet" media="screen" href="http://www.justinschuoler.com/css/carousel.css" />
		<!-- ENDS JCarousel -->

		<!-- modernizr -->
		<script src="http://www.justinschuoler.com/js/modernizr.js"></script>

		<!-- SKIN -->
		<link rel="stylesheet" media="all" href="http://www.justinschuoler.com/css/skin.css"/>

		<!-- Less framework -->
		<link rel="stylesheet" media="all" href="http://www.justinschuoler.com/css/lessframework.css"/>

		<!-- flexslider -->
		<link rel="stylesheet" href="http://www.justinschuoler.com/css/flexslider.css" >
		<script src="http://www.justinschuoler.com/js/jquery.flexslider.js"></script>

		<!-- GOOGLE FONTS -->
		<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

 <?php wp_head(); ?>

	</head>


	<body>

		<!-- HEADER -->
		<header>

				<div id="logo">
					<a href="http://www.justinschuoler.com/index.php"><h2>Justin Schuoler</h2></ br>
					Composer | Pianist | Conductor</a>
				</div>

				<!-- nav -->
				<ul id="nav" class="sf-menu">
					<li><a href="http://www.justinschuoler.com/index.php">HOME</a></li>
					<li><a href="http://www.justinschuoler.com/blog">BLOG</a></li>
					<li><a href="http://www.justinschuoler.com/about.php">ABOUT</a>
						<ul>
							<li><a href="http://www.justinschuoler.com/downloads/Resume_main.pdf" target="_blank">Resume*</a></li>
						</ul>
					</li>
					<li><a href="http://www.justinschuoler.com/music.php">MUSIC</a>
					<ul>
						<li><a href="http://www.justinschuoler.com/music-demos.php">Demos</a></li>
						<!--
						<li><a href="http://www.justinschuoler.com/music-scores.php">Film Scores</a></li>
						<li><a href="http://www.justinschuoler.com/music-arrangements.php">Arrangements</a></li>
						-->
						<li><a href="http://www.justinschuoler.com/music-engraving.php">Engraving</a></li>
						<li><a href="http://www.justinschuoler.com/store.php">Store</a></li>
						<!--
						<li><a href="http://www.justinschuoler.com/music-lessons.php">Music Lessons</a></li>
						-->
					</ul>
					</li>
					<li><a href="http://www.justinschuoler.com/events.php">EVENTS</a></li>
					<li><a href="http://www.justinschuoler.com/contact.php">CONTACT</a></li>
				</ul>
				<div id="combo-holder"></div>
				<!-- ends nav -->


		</header>
		<!-- ENDS HEADER -->

		<!-- MAIN -->
		<div id="main">
			<div class="wrapper cf">
</header>