/* @override http://www.baboucheshop.com/skins/Neutrino/styleSheets/styles.css */

/* @override http://www.baboucheshop.com/skins/Neutrino/styleSheets/styles.css */

/* @override http://www.baboucheshop.com/skins/Neutrino/styleSheets/styles.css */

/* @override http://www.baboucheshop.com/styles.css */

/*Start General Styles - NOT RELEVANT for this tutorial*/

p {margin:0;padding:0;clear:both;color:#666;font-family:Georgia,serif;font-size:11px;line-height:18px;}
a:link, a:visited, a:hover, a:active {text-decoration:none;}
.clearer {clear: both;}
small {font-family: Arial, sans-serif;font-variant: small-caps;color: #809dba;}
h1 {font-family: Georgia, serif;font-size: 16px;font-weight: normal;color: #666;margin-bottom: 15px;padding-bottom: 8px;margin-top: 20px;
}
h2 {font-family: Georgia, serif;font-size: 11px;font-weight: normal;color: #666;margin-bottom: 15px;padding-bottom: 8px;margin-top: 20px;
}
#content {width: 570px;padding: 30px;border: 1px solid #e4e4e4;margin: 0 auto;background: #fff;margin-top: 100px;margin-bottom: 100px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#column1 {float: left;width: 250px;margin: 0px;padding: 0px;}
#column2 {padding: 0px;margin-left: 250px;margin-right: 0px;}
/*End General Styles*/


/* Start button effects */

/* Tuturial button*/
.button {
	width:570px;
	height:64px;
	display:block;
	background-image:url(http://www.baboucheshop.com/img/downloadbutton.png);
	background-position: top;
}
.button:hover{
	width:570px; 
	background-position: bottom;
	height:64px;
	background-image:url(http://www.baboucheshop.com/img/downloadbutton.png) no repeat;
}

/* Tutorial button with jQuery */
.otherbutton {
	position:relative;
	display:block;
	height: 84px;
	width: 424px;
	background: url(http://www.baboucheshop.com/images/logo-baboucheshop.png) no-repeat -1px 0;
	cursor: pointer;
	clear: both;
	float: left;
	margin-left: -24px;
}	
.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 84px;
	width: 424px;
	background: url(http://www.baboucheshop.com/images/logo-baboucheshop.png) no-repeat;
	background-position: bottom;
}

/* Bonus buttons */
.downloadbutton {
	float: left;
	width:107px;
	height:38px;
	display:block;
	background-image:url(http://www.baboucheshop.com/img/twobuttons.png);
	background-position: top right;
}
.downloadbutton span.hover{
	position: absolute;
	display: block;
	width:107px;
	height:38px;
	background-position: bottom right;
	background-image:url(http://www.baboucheshop.com/img/twobuttons.png);
}
.homebutton {
	float: left;
	width:120px;
	height:38px;
	display:block;
	background-image:url(http://www.baboucheshop.com/img/twobuttons.png);
	background-position: top left;
}
.homebutton span.hover{
	position: absolute;
	display: block;
	width:120px;
	height:38px;
	background-position: bottom left;
	background-image:url(http://www.baboucheshop.com/img/twobuttons.png);
}

/* Donate button with jQuery */
.donatebutton {
	clear: both;
	position:relative;
	display:block;
	height: 128px;
	width: 128px;
	background:url(http://www.baboucheshop.com/img/donate.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.donatebutton span.hover {
	position: absolute;
	display: block;
	height: 128px;
	width: 128px;
	background: url(http://www.baboucheshop.com/img/donate.png) no-repeat;
	background-position: bottom;
}

/* Donate button without jQuery */
.donatebutton_alt {
	display:block;
	height: 128px;
	width: 128px;
	background:url(http://www.baboucheshop.com/img/donate.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.donatebutton_alt:hover {
	height: 128px;
	width: 128px;
	background: url(http://www.baboucheshop.com/img/donate.png) no-repeat;
	background-position: bottom;
}
/* End button effects */