/*	jQuery Flip from http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/	*/

.flipDiv{
	width: 500px;
	height: 400px;
	float:left;
	margin:4px;
	cursor:pointer;
	
	position:absolute;
	top: 241px;
	left: 280px;
}

.flipImage{
	/*  The flipImage div will be positioned absolutely with respect
		to its parent div and fill it in entirely */
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url("/whatwecando/images/flipImage/background.jpg") no-repeat center center #f9f9f9;
}

.flipImage:hover{
	border:1px solid #999;
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.flipImage img{
	/* Centering the logo image in the middle of the flipImage div */
	position:absolute;
	top:50%;
	left:50%;
	margin: -150px 0 0 -200px;
}

.flipData
{
	/* Hiding the .flipData div */
	display:none;
}

.flipDescription{
	font-size:11px;
	font-style:italic;
	padding: 50px 140px;
}

.flipText{
	font-size:10px;
	font-weight:bold;
	padding: 0 140px;
}