/*

- add the names of the pieces (ie. obscura or whatever to the ends of "preview_Xth_piece_")
- do it for both the #preview[...] and preview[...].png parts 
- they need to match the ones in all_the_stuff_on_the_right.php
- do not change hover_preview.jpg anywhere because all the previews share that same hover image (pink box)

*/



#preview_1st_piece_gradposter a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_1st_piece_gradposter.png) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_1st_piece_gradposter a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */

#preview_2nd_piece_shoebox a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_2nd_piece_shoebox.png) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_2nd_piece_shoebox a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */

#preview_3rd_piece_obscura a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_3rd_piece_obscura.png) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_3rd_piece_obscura a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */

#preview_4th_piece_puregrown a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_4th_piece_puregrown.png) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_4th_piece_puregrown a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */

#preview_5th_piece_KUH a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_5th_piece_KUH.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_5th_piece_KUH a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */

#preview_6th_piece_paperpoet a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_6th_piece_paperpoet.png) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_6th_piece_paperpoet a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */

#preview_7th_piece_obscura_mailer a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_7th_piece_obscura_mailer.png) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_7th_piece_obscura_mailer a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */

#preview_8th_piece_luxu a {
	display:block;
	float:left;
	background:url(../images/piece_previews/preview_8th_piece_luxu.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

#preview_8th_piece_luxu a:hover {
	display:block;
	float:left;
	background:url(../images/piece_previews/hover_preview.jpg) no-repeat;
	height:58px;
	width:66px;
	padding-bottom:10px;
}

/* --------------------------------------- */