Untitled

<!DOCTYPE html>
<html>
<head>


	<!-- this pulls in the title from general settings -->
<title><?php bloginfo('name'); ?> | <?php wp_title(); ?>
</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

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

<!-- pulls in the stylesheet -->

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link rel="pingback" href="<?php bloginfo('pingback_url');?>" />


<!-- pulls in the stylesheet and pingsback to websites -->
<?php wp_head(); ?>

</head>

<div id="wrap">
	<div id="container" class="group">
	<div id="navigation">
		<div class="website-logo">
			<a href="#"><img src="images/logo.png" alt="Beverlyfmlogo" width="" height=""></a>
		</div>

		<div id="social-buttons">
		<div class="Listen-live">
			<a href="#"><img src="images/listen_live.png" alt="listenlive" width="" height=""></a>
		</div><!-- end listen live div -->
		<div class="lower-buttons">
			<a href=""><img src="images/radio_player.png" alt="radioplayer" width="" height=""></a>
			<a href="#"><img src="images/facebook.png" alt="facebook" width="" height=""></a>
			<a href="#"><img src="images/twitter.png" alt="twitter" width="" height=""></a>
			<a href="#"><img src="images/pinterest.gif" alt="pininterest" width="" height="" ></a>
		</div>
	</div>
	</div><!-- end social buttons div -->
	<nav class="menu-wrapper">
		<div class="header-menu">
			<ul class="header-links">
				<li><a href="#">Home</a></li>
				<li><a href="#">Shows</a></li>
				<li><a href="#">Schedule</a></li>
				<li><a href="#">Whats On</a></li>
				<li><a href="#">Advertise</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Contact</a></li>
				<li><a href="#">Call us - 01482 123 456</a></li>

			</ul>
		</div>
	</nav>
	 <!-- end of the header navigation -->

	<div id="content">
		<div class="left-col">
		<div id="top-content-layer">
			<div class="weather-box">

			 </div><!-- weather box -->

			 <div class="news-box">

			 </div> <!-- news box -->

			 <div class="slider">


			</div> <!-- end of slider, place code for slider in here -->


		</div><!-- the top layer of the content -->


		<div id="middle-content-layer" class="group">


			<div class="presenter-box-one"></div>
			<div class="presenter-box-two"></div>
			<div class="presenter-box-three"></div>

		</div><!-- the middle layer of content -->

			<div id="bottom-content-layer" class="group">

				<div class="history-box-one"><div>
					<div class="competition-box"></div>

			</div><!-- bottom part of the content layer -->
</div> <!-- end left col div -->

		<div id="footer">

			<div class="presenter-list"></div>
			<div class="show-list"></div>
			<div class="contact-us-widget"></div>


		</div><!-- end footer div -->
	<!-- end left-col -->
	<div class="right-col">

			<h3>Advertising</h3>
			<h5>Click to find out more</h5>
			<div class="side-box-one">
			<a href="#"><img src="images/getextra.jpg" alt="getextra" width="205" height="122" ></a></div>
			<div class="side-box-one">
			<a href="#"><img src="images/physique.jpg" alt="physique" width="205" height="122" ></a></div>
			<div class="side-box-one">
			<a href="#"><img src="images/beerhouse.jpg" alt="beerhouse" width="205" height="122" ></a></div>
			<div class="side-box-one">
			<a href="#"><img src="images/jennings.jpg" alt="jennings" width="205" height="122" ></a></div>
			<div class="side-box-one">
			<a href="#"><img src="images/eurovision.jpg" alt="eurovision" width="205" height="122" ></a></div>
			<div class="side-box-one">
			<a href="#"><img src="images/accountants.jpg" alt="accountants" width="205" height="122" ></a></div>
			<div class="side-box-one">
			<a href="#"><img src="images/acklams.jpg" alt="acklams" width="205" height="122" ></a></div>


	</div><!-- end right-col -->
	</div><!-- end content div -->
</div><!-- end container -->
</div> <!-- end of the website wrap -->