<!doctype html>

<!--[if lt IE 7]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 lt-ie7 ie"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 ie"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 ie"><![endif]-->
<!--[if gt IE 8]>	   <html <?php language_attributes(); ?> class="no-js ie"> <!<![endif]-->
<!--[if !IE]><!--> <html class="no-js"> <!--<![endif]-->

	<head>
		<meta charset="utf-8">

		<?php // Google Chrome Frame for IE ?>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title><?php bloginfo( 'name' ); ?><?php wp_title(' | '); ?></title>
        <meta name="description" content="<?php bloginfo('description'); ?>">

		<?php // mobile meta (hooray!) ?>
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

		<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/library/images/apple-icon-touch.png">
		<link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
		<!--[if IE]>
			<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
		<![endif]-->
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/library/images/win8-tile-icon.png">

		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

		<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/library/css/foundation.min.css">
    	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/library/css/grid-5.css">
        <!--[if IE 8]>
        <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/library/css/ie8-grid.css">
        <![endif]-->

		<?php // wordpress head functions ?>
		<?php wp_head(); ?>
		<?php // end of wordpress head ?>

		<link href='http://fonts.googleapis.com/css?family=Sanchez:400italic,400' rel='stylesheet' type='text/css'>
    	<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/library/css/main.css">

	</head>

	<body <?php body_class(); ?>>
    
    	<header class="header">
    	<div class="row">
        	<div class="logo large-6 columns">
            	<h1><img src="<?php echo get_template_directory_uri(); ?>/library/images/vna-white_logo.png" id="logo" alt="<?php bloginfo( 'name' ); ?>" /><span class="site-title"><?php bloginfo('name'); ?></span></h1>
            </div><!-- .site-name -->
            <div class="logins large-6 columns">
            	<div class="members-menu">
					<a href="/vna/careers/">Career Opportunities</a> / 
					<a href="/vna/wp-admin/">Member Login</a>
                    <span class="phone"><?php echo get_post_meta(50, 'Phone', true); ?></span>
				</div><!-- .members-menu -->
                <div class="clearfix"></div>
            </div><!-- .logins -->
        </div><!-- .row -->
		<div class="row menu-row">
			<div class="empty large-4 columns">
				&nbsp;
			</div><!-- .empty -->
			<div class="top-menu large-8 columns">
				<nav class="main-menu">
                	<?php bones_main_nav(); ?>
                    <span></span>
				</nav><!-- .main-menu -->
                <nav id="mobile-menu">
                </nav>
			</div><!-- .8 -->
		</div><!-- .row -->
		</header>
