/*Start General Styles - NOT RELEVANT for this tutorial*/
body {background: url(/images/background.png);}

#content {width: 400px;padding: 30px;margin: 0 auto;margin-top: 200px;margin-bottom: 100px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

/* Tutorial button with jQuery */
.otherbutton {
	
	position:relative;
	display:block;
	float: right;
	height: 64px;
	width: 174px;
	background:url(/images/contact.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 64px;
	width: 174px;
	background: url(/images/contact.png) no-repeat;
	background-position: bottom;
}

/* Bonus buttons */
.downloadbutton {
	float: left;
	width:174px;
	height:64px;
	display:block;
	background-image:url(/images/downloadbutton.png);
	background-position: top right;
}
.downloadbutton span.hover{
	position: absolute;
	display: block;
	width:174px;
	height:64px;
	background-position: bottom right;
	background-image:url(/images/downloadbutton.png);
}