.flag {
	float: right;
	margin-right: 4px;
	width: 69px;
	height: 38px;
	background-image: url('../images/ukflag.png');
	background-position: 0 0;
}

.flag:hover {
	background-position: 0 -38px;
}


.flagbg {
	float: right;
	margin-right: 4px;
	width: 69px;
	height: 38px;
	background-image: url('../images/bgflag.png');
	background-position: 0 0;
}

.flagbg:hover {
	background-position: 0 -38px;
}

.ib-container{
	position: relative;
	width: 800px;
	margin: 0 auto;
	display: block;
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.ib-container article{
	display: block;
	width: 380px;
	height: 460px;
	background: transparent;
	cursor: pointer;
	float: left;
	border: 0px solid transparent;
	text-align: left;
	text-transform: none;
	margin: 0 auto;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	box-shadow: 
		0px 0px 0px 0px transparent, 
		1px 1px 3px 0px transparent;
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;

}
.ib-container h3 a{
	font-size: 16px;
	font-weight: 400;
	color: #000;
	color: transparent;
	text-shadow: transparent;
	opacity: 0.8;
}
.ib-container article header span{
	font-size: 10px;
	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
	padding: 10px 0;
	display: block;
	color: #FFD252;
	color: transparent;
	text-shadow: 0px 0px 0px transparent;
	text-transform: uppercase;
	opacity: 0.8;
}
.ib-container article p{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #333;
	color: transparent;
	text-shadow: 0px 0px 0px transparent;
	opacity: 0.8;
}
.ib-container h3 a,
.ib-container article header span,
.ib-container article p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	box-shadow: 0px 0px 20px 10px transparent;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.1;
}
.ib-container article.blur h3 a{
	text-shadow: 0px 0px 10px transparent;
	color: rgba(0, 0, 0, 0);
	opacity: 0.1;
}
.ib-container article.blur header span{
	text-shadow: 0px 0px 10px transparent;
	color: rgba(255, 210, 82, 0);
	opacity: 0.1;
}
.ib-container article.blur  p{
	text-shadow: 0px 0px 10px transparent;
	color: rgba(51, 51, 51, 0);
	opacity: 0.1;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 
		0px 0px 0px 10px transparent, 
		1px 11px 15px 10px transparent;
	z-index: 100;	
	opacity: 1;
}
.ib-container article.active h3 a,
.ib-container article.active header span,
.ib-container article.active p{
	opacity; 1;
}