* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
	background: url(Images/body-bg.png) repeat-x top #ededed;
}
p, li {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 0.8em;
}
a {
	text-decoration: none;
	color: gray;
}
.clear { clear: b<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> }
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>PLBartender</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<link rel="stylesheet" type="text/css" href=style.css /">
	<meta name="author" content="Israel S. Oliva">
	<!-- Date: 2008-12-21 -->
	<!--[if lt IE 7]>
    	<script type="text/javascript" src="unitpngfix.js"></script>
   	<![endif]-->
</head>
<body>
   <div id="page-wrap">
		<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=285943361&amp;mt=8">   
		   <div id="price-badge"></div>
		</a>
		<ul id="nav">
			<li><a href="http://www.pocketlion.com/">Home</a></li>
			<li><a href="#">Video Tour</a></li>
			<li><a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=285943361&amp;mt=8">Purchase</a></li>
			<li><a href="http://www.pocketlion.com/Support.html/">Support</a></li>
		</ul>
		<div id="main-content"
		   <div id="left-col">
		      <div id="Features">
					<h3>Features</h3>
					<h2><span>&bull;</span> Many well known drinks.</h2>
					<h2><span>&bull;</span> Make your own custom drinks.</h2>
					<h2><span>&bull;</span> Add drinks to your Favorites area.</h2>
					<h2><span>&bull;</span> Modity any drink and make it your own.</h2>
					<h2><span>&bull;</span> Search your drinks.</h2>
					<h2><span>&bull;</span> Email your drinks to others.</h2>	
				   </div> <!END--Features-->
				<h1>Application Description</h1>
					<p>Everybody needs to have skills! If you want bartender skills, then look no further, because with PLBartender you've got them.</><p>You get a customizable database of drinks, you can create your very own drink and add it to your collection. Perfect for the bartender student or the experienced bartender.</p>
		      <h1>Requirements:</h1><p>Compatible with iPhone and iPod Touch. Requires iPhone 2.0 Software Update.</p>
		   </div> <!--END left-col -->
         <div id="right-col">
		   <h1>What's new in this version.</h1>
			<p>Bug fixes and improved start-up time.</p>
			<h1>Customer Support</h1>
			<p>If you are experiencing technical problems with the PLBartender software or wish to submit feedback, please <a href="http://www.pocketlion.com/Support.html/">click here</a> for support options.</p>
		<a href="http://www.pocketlion.com/">
		   <img src="Images/signature_logo.gif" class="floatBottom"/>
		</a>
	      </div>
   </div>
<div id="footer">
         		<p><a href="http://www.pocketlion.com/">&copy;2008 Pocket Lion LLC. All rights reserved.</a></p>
         		</div>
		</div> <!-- END main-content -->
   </div> <!-- END page-wrap -->
   <div class="clear"></div>
</body>
</html>oth; }
h1	{ 
	font-size:1.6em; margin-bottom: 0.3em;
	color: gray;
}
h2	{
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 3px 0 0 3px;
	color: white;
}
h3	{
	font-size: 2.0em;
	color: white;
	padding: 2px;
	text-align: center;
	background-color:black;
}
div#page-wrap {
	width: 800px;
	margin: 0 auto;
	position:relative;
}
	ul#nav {
		height: 450px;
		margin-top: -11px;
		background: url(Images/header-bg.png) no-repeat;
		color: url(Images/price_badge_05.png) bottom right no-repeat;
		list-style: none;
		padding-left: 400px;
	}
	ul#nav li a {
		display: block;
		width: 98px;
		float: left;
		margin-top: 51px;
		color: gray;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		font-size: 1.1em;
	}
	ul#nav li a:hover, ul#nav li a:active {
				color: black;
			}
	div#main-content {
		padding-bottom: 275px;
		postion: relative
	}
	#price-badge {
		background: url(Images/price_badge_05.png) no-repeat;
		position:absolute;
		top: 250px; left: 425px; bottom: 300px; right: 100px;
	}
	div#main-content div#left-col {
	float: left;
	width: 530px;
	}
	div#main-content div#left-col div#Features {
				width: 276px;
				float: left;
				border: 1px solid black;
				background: gray;
				margin: 0 20px 10px 0;
				padding: 7px;
	}
	div#main-content div#left-col div#Features span {
		color: yellow;
		font-size: 120%;
		text-indent: -10px;
	}
	div#main-content div#right-col {
		float: right;
		width: 250px;
	}
	div#footer {
				padding: 50px 0 0 0;
				text-align: center;
	}
	img.floatBottom { 
	float: left; 
	margin: 8px;
	padding: 20px 15px 500px 10px;
	margin-top: 70px;
	background: white;
	border: none;
	}

