/* trigger button */
#download_now {
	background:transparent url(images/download2.png) no-repeat scroll 0 0;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
	position:absolute;
	top:500px;
	position:absolute;
}
 
/* mouseover state */
#download_now:hover {
	background-position:0 -44px ;		
}
 
/* clicked state */
#download_now:focus {
	background-position:0 -88px;
}
 
/* tooltip styling */
.tooltip {
	display:none;
	background:url(images/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}
 
/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}
 
.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}


#demotip {
	display:none;
	background:url(images/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	margin:-200px;
	width:310px;
	font-size:11px;
	color:#fff;
}
 
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	top:490px;
	left:80px;
	position:absolute;
}