@charset "utf-8";

.qitem {

	width:150px;

	height:150px;	

	border:2px solid #b2b2b2;	

	margin:5px 5px 5px 15px;

	background: url('bg.gif') no-repeat;

	

	

	/* required to hide the image after resized */

	overflow:hidden;

	

	/* for child absolute position */

	position:relative;

	

	/* display div in line */

	float:left;

	cursor:hand; cursor:pointer;

}



	.qitem img {

		border:0;

	

		/* allow javascript moves the img position*/

		position:absolute;

		z-index:200;

	}



	.qitem .caption {

		position:absolute;

		z-index:0;	

		color:#ccc;

		display:block;

	}



		.qitem .caption h4 {

			font-size:12px;

			padding:10px 5px 0 8px;

			margin:0;

			color:#369ead;

		}



		.qitem .caption p {

			font-size:10px;	

			padding:3px 5px 0 8px;

			margin:0;

		}







/* Setting for corners */



.topLeft, .topRight, .bottomLeft, .bottomRight {

	position:absolute;

	background-repeat: no-repeat; 

	float:left;

}



.topLeft {

	background-position: top left; 	

} 



.topRight {

	background-position: top right; 

} 



.bottomLeft {

	background-position: bottom left; 

} 



.bottomRight {

	background-position: bottom right; 

}



.clear {

	clear:both;	

}