@charset "UTF-8";
/* CSS Document */

/* Main style */
html, body {
	background: #FFF;
	margin: 0;
	padding: 15px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	text-align: center; 	
	}

#wrapper {
	background: #FFF;
	width: 817px;
	height: 851px;
	margin: 0 auto;
	font-size: 12pt;
	color: #000;
	padding:0; 
	text-align: left; 	
	position: relative;
	background: url('img/sugar_back.jpg') 0 0 no-repeat;
	}
img {
	border: none;
	}
a {
	outline: none;
	}
#navbar {
	position: relative;
	top: 230px;
	left: 0;
	margin: 0;
	float: left;
	padding: 0;
	}
#navbar a  { 
	display: block;  
	background: white;
	padding: 0;
	}
#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navbar li {
	clear: both;
	margin: 0 0 21px 0;
	text-indent: -100em;
	}
#what a { width: 131px; height: 24px; overflow: hidden; background: #FFFFFF url('img/what.jpg') 0 -24px no-repeat;}
#what a:hover { width: 131px; height: 24px; overflow: hidden; background: #FFFFFF url('img/what.jpg') 0 0 no-repeat;}
#where a { width: 144px; height: 22px; overflow: hidden; background: #FFFFFF url('img/where.jpg') 0 -22px no-repeat;}
#where a:hover { width: 144px; height: 22px; overflow: hidden; background: #FFFFFF url('img/where.jpg') 0 0 no-repeat;}
#want a { width: 145px; height: 22px; overflow: hidden; background: #FFFFFF url('img/want.jpg') 0 -22px no-repeat;}
#want a:hover { width: 145px; height: 22px; overflow: hidden; background: #FFFFFF url('img/want.jpg') 0 0 no-repeat;}
#shows a { width: 179px; height: 24px; overflow: hidden; background: #FFFFFF url('img/shows.jpg') 0 -24px no-repeat;}
#shows a:hover { width: 179px; height: 24px; overflow: hidden; background: #FFFFFF url('img/shows.jpg') 0 0 no-repeat;}
#nyc a { width: 168px; height: 23px; overflow: hidden; background: #FFFFFF url('img/nyc.jpg') 0 -23px no-repeat;}
#nyc a:hover { width: 168px; height: 23px; overflow: hidden; background: #FFFFFF url('img/nyc.jpg') 0 0 no-repeat;}	
#info {
	position: relative;
	top: 480px;
	left: -145px;
	margin: 0;
	float: left;
	padding: 0;
	}