@charset "utf-8";
/* CSS Document */

.kwokbox{
	color:#fff;
	text-decoration: none;
}

.kwokbox:hover{
	text-decoration:underline;
}

#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:100%;
	background-color:#000000; /*THIS LINE OF CODE CHANGES THE BACKGROUND COLOUR OF THE OVERLAY*/
}

#overlay-content {
	position:absolute;
	top:50%;
	left:50%;	
	z-index:110;
	padding:20px;
	background-color:#000000; /*THIS LINE OF CODE CHANGES THE BACKGROUND COLOUR OF THE CONTAINER BOX*/
	border:2px solid #262524; /*THIS LINE OF CODE CHANGES THE BORDER OF THE CONTAINER BOX*/
	overflow:visible !important;
	background-image:url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

	#gallery-content {
		float:left;
		display:inline;
		width:200px;
		padding-left:10px;
	}

	#overlay-content img {
		float:left;
		display:inline;
		border:1px solid #262524;
	}

	a.close {
		position:absolute;
		right:2px;
		top:2px;
		width:16px;
		height:16px;
		background-image:url(../images/close-gif.gif);
		background-repeat:no-repeat;
		text-indent:-9999px;
		z-index:200;
	}
	
	a.next {
		position:absolute;
		top:50%;
		margin-top:-17px;
		right:-40px;
		width:40px;
		height:34px;
		background-image:url(../images/next-arrow.gif);
		background-repeat:no-repeat;
		text-indent:-9999px;
		z-index:200;
	}
	
	a.prev {
		position:absolute;
		top:50%;
		margin-top:-17px;
		left:-40px;
		width:40px;
		height:34px;
		background-image:url(../images/back-arrow.gif);
		background-repeat:no-repeat;
		text-indent:-9999px;
		z-index:200;
	}
	
	p.description {
		padding:0px;
		margin:0px;
		float:left;
		display:inline;
		clear:both;
		width:100%;
	}