

<!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 id="Head1"><title>
	Villain's Bar and Grill - Chicago, IL
</title><link rel="stylesheet" href="home.css" type="text/css" />
	<script type="text/javascript" src="swfobject.js"></script>
	<script type="text/javascript">
	
		var flashvars = {};
		var params = {};
		params.wmode = "transparent";
		
		var attributes = {};
		attributes.id = "window";
		swfobject.embedSWF("window.swf", "window", "480", "304", "9.0.0", false, flashvars, params, attributes);
		
		var attributes2 = {};
		attributes2.id = "fume";
		swfobject.embedSWF("fume.swf", "fume", "50", "100", "9.0.0", false, flashvars, params, attributes2);
		
		function doFume()
		{
		    var fume = document.getElementById("fume");
		    if (fume)
		    {
		        var content = document.getElementById("content");
		        fume.style.top = (content.offsetTop + 45) + "px";
		        fume.style.left = (content.offsetLeft + 15) + "px";
		    }
		}
		setInterval("doFume()", 50);
		
	</script>
</head>
<body>
    <form name="form1" method="post" action="Default.aspx?aspxerrorpath=%2fBeerList.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTE4ODUxMzI1OQ9kFgICAw9kFgQCAQ8WAh4LXyFJdGVtQ291bnRmZAIEDxYCHwBmZGRucjXJc2dDC5TrD7IHS0fnVujSFQ==" />
</div>

<div>

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgLuvJ0kArbqzvIG7F/1xgb6cWu1CbMR+omRPV59fzQ=" />
</div>
    <input type="hidden" name="BeerPageName" id="BeerPageName" value="Killer Beer List" />
	<map id="menuMap" name="menuMap">
		<area alt="events" href="Events.aspx" shape="poly" coords="13,297, 13,277, 84,263, 84,283" />
		<area alt="menu" href="Menu.aspx" shape="poly" coords="84,263, 84,283, 147,277, 147,257" />
		<area alt="beerList" href="BeerList.aspx" shape="poly" coords="147,277, 147,257, 236,240, 236,260" />
		<area alt="gallery" href="Gallery.aspx" shape="poly" coords="236,240, 236,260, 313,250, 313,220" />
		<area alt="specials" href="Specials.aspx" shape="poly" coords="313,250, 313,220, 400,212, 400,232" />
		<area alt="contact" href="Contact.aspx" shape="poly" coords="400,212, 400,232, 479,219, 479,199" />
	</map>

	<div id="page">

		<div id="content">
			
			<div id="header">
				<img alt="menu" src="images/homeWindow.jpg" id="window" usemap="#menuMap" border="0"/>
			</div>
			
			<div id="body">
			
			    <div id="events">
			        <h2>Events</h2>
    		        
			        <span id="lblNoEvents"></span>
			        <a class="moreLink" href="Events.aspx">more...</a>
			        <div class="clearFix"></div>
			        
			        <h2>Food</h2>
			        <img src="images/burger2.jpg" class="foodPic" alt="food" title="food" />
			        Chicago's best burgers! So good they should be illegal!
			        <div class="clearFix"></div>
			        <a class="moreLink" href="Menu.aspx">more...</a>
			        <div class="clearFix"></div>
			        
			        <h2>Random Beer</h2>
			        
			        <div class="clearFix"></div>
			        <a class="moreLink" href="BeerList.aspx">more...</a>
			        <div class="clearFix"></div>
			    </div>
			    
			    <div id="specials">
			        <h2>Specials</h2>
    			    <span class="hours">M-T 5p-12a W-F 5p-2a Sat 5p-3a Sun closed</span>
    			    <div class="specialImg">
			            <br />
			            <a href='Specials.aspx'>more...</a>
			        </div>
			        
			        <span id="lblNoSpecials"></span>
			    </div>
			    <div class="clearFix"></div>
			</div>
			
			<div id="footer">
			</div>
			
			<div class="clearFix"></div>
		</div>

	</div>
    </form>
    <div id="fume"></div>
</body>
</html>
