<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<LINK REL="SHORTCUT ICON" HREF="favicon.ico" />
<title>The Baron Marcus Website</title>
<style type="text/css"> 
<!-- 
html  {
	height: 100%;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(images/backgroundpattern.jpg) repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
	min-height:400px;
	height: 100%;
}
.thrColEls #navbar {
	position: relative;
	top: -50px;
	width: 850px;
	height: 110px;
	left: 80px;
}
.thrColEls #container { 
	width: 1024px;
	background: url(images/container.png) repeat-y;
	margin: 0 auto;
	text-align: left;
	height: 100%;
} 
.thrColEls #sidebar1 {
	float: left; 
	width: 920;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.thrColEls #sidebar2 {
	float: right; 
	width: 50px;
	height: 100%
}
.thrColEls #sidebar1 h3, .thrColEls #sidebar1 p, .thrColEls #sidebar2 p, .thrColEls #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
.thrColEls #mainContent {
  margin: 0 12em 0 12em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
  height: 100%;
} 

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
--> 
</style><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.thrColEls #sidebar1, .thrColEls #sidebar2 { padding-top: 30px; }
.thrColEls #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
    .style1
    {
        color: #FFFF00;
    }
    .style2
    {
        font-size: large;
    }
    .style3
    {
        color: #FFFF00;
        font-size: medium;
    }
    .style4
    {
        font-size: medium;
    }
</style>
<![endif]--></head>

<body class="thrColEls">

<div id="container">
  <div align="center" style="background-image:url(images/splash.jpg); background-repeat:no-repeat; background-position:center top"><div style="margin-top:50px; margin-left:120px; color:#666; position:inherit; text-align:left; float:left">
      <table style="border-style: none; border-color: inherit; border-width: 0px; width:395px; font-family:'Courier New', Courier, monospace; color:#FFF"><tr>

          <td style="font-size:21px; font-weight:800" class="style1">BARON MARCUS PROJECT 
              NEWS...</td></tr><tr><!-- NEWS ITEM 0 -->
          <td class="style1"><span class="style4">◦New Epic Webisodes Coming in 2012!<br />
&nbsp;&quot;ANGEL DEVIL MACHINE&quot;</span> </td></tr><tr>
          <td class="style1"><span class="style4">◦New Short Stories and Characters -<br />
&nbsp;Check Out &quot;The Game&quot; section!</span></td></tr><tr><!-- NEWS ITEM 1 --><td class="style1">

              <a href="http://www.youtube.com/watch?v=DaYa07B5pcI" 
                  style="text-decoration:none; color: #FFFF00;" target="_blank">
              <span class="style2">◦<b>Live video footage from the </b></span> 
                  </a>
              <b><span class="style2">
              <br />
&nbsp;</span></b><b><span 
                  class="style2"><a href="http://www.youtube.com/watch?v=DaYa07B5pcI" 
                  style="text-decoration:none; color: #FFFF00;" target="_blank">Northbound 
              Anniversary Performance</a><br />
&nbsp;<a href="http://www.youtube.com/watch?v=DaYa07B5pcI" 
                  style="text-decoration:none; color: #FFFF00;" target="_blank">CLICK HERE!</a><br />
              </span></b><a href="http://www.youtube.com/watch?v=DaYa07B5pcI" 
                  style="text-decoration:none; color: #FFFF00;" target="_blank">&nbsp;</a></td></tr><tr><td class="style1">
              &nbsp;</td></tr><tr>

          <td class="style3">DOWNLOADS:</td></tr><tr><td class="style3">

              <a href="http://www.baronmarcus.com/Baron Marcus - 48 Hours - Angel Troop Mix.mp3" 
                  style="text-decoration:none; color: #FFFF00;" target="_blank">◦48 Hours (Angel Troop Mix)
                  </a></td></tr><tr><!-- NEWS ITEM 3 --><td class="style3">

          <a href="http://www.baronmarcus.com/BaronMarcus_Northbound_20th_Anniversary_Fet_Night/Baron Marcus - Northbound Tribute - GhostMix.mp3" 
                  style="text-decoration:none; color: #FFFF00;" target="_blank">◦Northbound (Ghost Mix)
                  </a></td></tr><tr><!-- NEWS ITEM 4 --><td class="style1">
                  
                  &nbsp;</td></tr></table></div><img src="images/splash.png" 
          align="middle" usemap="#Map" style="margin-top:0px; margin-bottom: 0px;" 
          border="0"/>
  </div>
<map name="Map" id="Map">
<area shape="rect" coords="694, 97, 842, 175" href="baronsteaclub.html" />
<area shape="rect" coords="383, 99, 609, 175" href="thegame.html" />
<area shape="rect" coords="32, 97, 302, 175" href="theculture.html" />
</map></div>

</div>
</body>
</html>
�