@charset "UTF-8";

body {
	margin: 0;
	padding: 0;
	font: 14px Helvetica, Arial, sans-serif;
	background: #00BAFD url(images/bg.gif);
	text-align: center;
}	

div#content {
	height: 768px;
	width: 1024px;
	text-align: left;
	position: relative; 
	margin: 20px auto;
	background: transparent url(images/wood-bg.jpg) no-repeat;
	border: 5px solid #B2B2B2;

}
.title {
	position: absolute;
	left: -100px;
	top: -100px;
	z-index: 999;
	
}

/* ---- ACCORDIAN PLAYER ---- */

#accordionHolder {
	position: absolute;
	left: 0;
	top: 320px;
	width: 297px;
	height: 232px;
	padding: 204px 0 0 57px;
	background: transparent url(images/accordian.png) no-repeat;
}
#accordion {
	width: 84px;
}
.tipLinkAccordion {
	display: block;
	text-align: center;
	cursor: pointer;
	background: transparent url(images/accordian-links.gif) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	margin: 0 auto;
}
#accordion .tooltip {
	display: none;
	background: transparent url(images/hover-bg-sm.png);
	height: 53px;
	padding: 35px 0 0 20px;
	width: 272px;
	font-size:13px;
	color:#000;
}
#accordion .tooltip {
	margin: 0 0 0 50px;
	#
}
#accordion .tooltip .description {
	text-align: center;
}
.accordion1 {height: 15px; background-position: 0 0;}
.accordion2 {height: 18px; background-position: 0 -15px;}
.accordion3 {height: 19px; background-position: 0 -31px;}
.accordion4 {height: 21px; background-position: 0 -50px;}
.accordion5 {height: 20px; background-position: 0 -70px;}
.accordion6 {height: 21px; background-position: 0 -89px;}
.accordion7 {height: 24px; background-position: 0 -110px;}
.accordion8 {height: 24px; background-position: 0 -134px;}
.accordion9 {height: 25px; background-position: 0 -158px;}
.accordion10 {height: 28px; background-position: 0 -182px;}

.accordion1:hover {background-position: -84px 0;}
.accordion2:hover {background-position: -84px -15px;}
.accordion3:hover {background-position: -84px -31px;}
.accordion4:hover {background-position: -84px -50px;}
.accordion5:hover {background-position: -84px -70px;}
.accordion6:hover {background-position: -84px -89px;}
.accordion7:hover {background-position: -84px -110px;}
.accordion8:hover {background-position: -84px -134px;}
.accordion9:hover {background-position: -84px -158px;}
.accordion10:hover {background-position: -84px -182px;}

/* ---- BEER MAN ---- */

#funnelHolder {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 701px;
	height: 433px;
	padding: 335px 0 0 195px;
	background: transparent url(images/funnel.png) no-repeat right;
}
#funnel {
	width: 350px;
	}
.tipLink {
	display: block;
	text-align: center;
	cursor: pointer;
	background: transparent url(images/funnel-links.png) no-repeat;
	overflow: hidden;
	text-indent: -999px;
	margin: 0 auto;
}
.funnel1 { height: 41px; background-position: 0 0;}
.funnel2 { height: 40px; width: 320px; background-position: -14px -41px;}
.funnel3 { height: 39px; width: 294px; background-position: -27px -81px;}
.funnel4 { height: 41px; width: 285px; background-position: -30px -119px;}
.funnel5 { height: 32px; width: 255px; background-position: -44px -159px;}
.funnel6 { height: 35px; width: 240px; background-position: -50px -191px;}
.funnel7 { height: 34px; width: 230px; background-position: -55px -225px;}
.funnel8 { height: 33px; width: 190px; background-position: -72px -258px;}
.funnel9 { height: 27px; width: 180px; background-position: -80px -290px;}

.funnel1:hover { background-position: -350px 0;}
.funnel2:hover { background-position: -364px -41px;}
.funnel3:hover { background-position: -377px -81px;}
.funnel4:hover { background-position: -380px -119px;}
.funnel5:hover { background-position: -394px -159px;}
.funnel6:hover { background-position: -400px -191px;}
.funnel7:hover { background-position: -405px -225px;}
.funnel8:hover { background-position: -422px -258px;}
.funnel9:hover { background-position: -430px -290px;}

#funnel .tooltip {
	display: none;
	background: transparent url(images/hover-bg.png);
	height: 172px;
	padding: 30px 25px 30px 55px;
	width: 316px;
	font-size:13px;
	color:#000;
}
hr {
	display: none;
}
.hr {
	margin: 2px 0 0 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #999;
}
.description, 
.howToObtain {
	line-height: 18px;
	margin: 0;
	padding: 0 0 5px 0;
}
.howToObtain strong {
	display: block;
	font-size: 16px;
	padding: 3px 0;
}
.tooltip p {
	font-size: 15px;
	margin: 0;
	padding: 5px 30px 3px 10px;
	height: 24px;
	font-weight: bold;
}
.beerMug {
	background: transparent url(images/beer.png) repeat-x;
	display: block;
	float: right;
	height: 24px;
	width: 120px;
	text-indent: -999px;
	overflow: hidden;
	margin: -2px 35px 0 0;
	clear: right;
}
.score1 {background-position: 0 -2px;}
.score2 {background-position: 0 -28px;}
.score3 {background-position: 0 -53px;}
.score4 {background-position: 0 -75px;}
.score5 {background-position: 0 -103px;}

.lessPad .description, 
.lessPad .howToObtain {
	padding: 0;
}