body {
	background: #242424;
	font-family: Georgia, "Times New Roman", Times, serif;	
}
img {border: 0;}
#wr {width: 876px; margin: 175px auto; padding: 0; background: #eaeaea; border: 0;}
#wr-inner {position: relative; width: 876px; margin: 0; padding: 0; border: 0;}
.pitem {
	/* width and height must be even number */
	width:168px;
	height:354px;
		/* make sure the four divs are hidden after changing the position */
	overflow:hidden;
	
	/* absolute position enabled for children elements*/
	position:relative;
	
	/* display item in single row */
	float:left;
	
}
.qitem, .ritem {
	/* width and height must be even number */
	width:354px;
	height:354px;	
	
	/* some styling for the item */
	/*border:4px solid #222;	
	margin:5px 5px 5px 0;*/
	background: url(images-slicing/jik-sq-feldspar2inner.jpg) no-repeat;
	
	/* make sure the four divs are hidden after changing the position */
	overflow:hidden;
	
	/* absolute position enabled for children elements*/
	position:relative;
	
	/* display item in single row */
	float:left;

}
.qitem {
	/* hand symbol for ie and other browser */
	cursor:hand; cursor:pointer;
}


	img {
		border:0;
	}

	/* styling for caption, position absolute is a must to set the z-index */
	.qitem .caption {
		position:absolute;
		width: 354px;
		z-index:0;	
		color:#fff;
		display:block;
	}

		.qitem .caption h1,
		 .qitem .caption h2 {
			font-size:48px;
			font-weight: normal;
			text-align: center;
			padding:162px 0 0 0;
			margin:0;
			color:#ffd5ef;
		}

		.qitem .caption p {
			font-size:20px;
			font-style: italic;
			text-align: center;
			padding: 12px 0 0 0;
			margin:0;
			line-height: 1.6em;
		}
		a {
			font-size:20px;
			font-style: italic;
			color:#9feffd;
			text-align: center;
			text-decoration: none;		
		}
		a:link,a:visited {
			font-size:20px;
			font-style: italic;
			color:#9feffd;
			text-align: center;
			text-decoration: none;
		}
		a:hover {
			font-size:20px;
			font-style: italic;
			color:#fa8adc;
			text-align: center;
			text-decoration: underline;
		}
		a:active {
			font-size:20px;
			font-style: italic;
			color:#9feffd;
			text-align: center;
			text-decoration: none;
		}

/* Generic setting for corners */
.topLeft, .topRight, .bottomLeft, .bottomRight {
	/* allow javascript to move the corners */
	position:absolute;
	background-repeat: no-repeat; 
	z-index:200;
}

/* set the background position for different corners */
.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:both;	
}