/**************************************
******	WHO WE ARE 		******
**************************************/

div.who-we-are	{
	background: url(../img/cork-bg.png) 0 0 no-repeat #c59259;
}
/*
div.who-we-are	div.info-pane	{
	background-image: none;
	
	background-color: white;
	background: url(../img/info-pane-dark-bg.png) left top no-repeat transparent;	
	color: white;
	overflow: auto;
	height: 215px;
	height: 260px;
}
div.who-we-are	div.info-pane	h2	{
	padding-top: 15px;
}*/
div#drag-area	{
	position: absolute;
	left: -35px;
	top: -20px;
	width: 990px;
	height: 480px;
	z-index: 50;
}

.drag { 
	width: 157px;
	height: 124px; 
	background: transprent; 
	position: absolute; 
}
		
		#drag-area div#one	{
			top: 10px;
			right: 100px;
		}
		#drag-area div#two	{
			top: 200px;
			right: 400px;
		}
		#drag-area div#three	{
			width: 157px;
			height: 124px;
			bottom: 150px;
			right: 0px;
		}
		div#drag-area div#postcard-bristol	{
			width: 236px; 
			height: 168px;
			bottom: 0px;
			left: 0px;
		}
		
div#drag-area div#postcard-cat	{
	width: 236px; 
	height: 168px;
	top: 35px;
	left: 420px;
}
div#drag-area div#postcard-toonscape	{
	width: 236px; 
	height: 168px;
	bottom: 15px;
	right: 130px;
}
div#drag-area div#postcard-tower	{
	width: 236px; 
	height: 168px;
	top: 110px;
	right: 0px;
}
div#drag-area	div#bug		{
	 width:273px; 
	 height: 96px;
	 left: 0px;
	 top: -5px;
	background: url(../img/whoweare/c9bug.png) 0 0 no-repeat;
}
div#drag-area	div#bug:hover		{
	background-position: 0px -96px;
}

div#drag-area	div#launch-announcement		{
	 right: 100px;
	 top: 150px;
}
		

		div.photo	{
			
			position: absolute;
			width: 114px;
			height: 123px;
			display: block;
			clear: none;
			overflow: hidden;			
		}
		div.photo	a	{
			width: 113px;
			height: 124px;
			display: block;
			overflow: hidden;
			background: url(../img/whoweare/polaroid.png) center top no-repeat;
			background-position: center top;
		}
		div.photo	a:hover	{
			background-position: center center;
		}

		div.photo	a.active	{
			background-position: center bottom;
		}
		
		div#Les	{
			top: 140px;
			left: 530px;
			z-index: 100;
		}	
		div#Les	a	{	background: url(../img/whoweare/les.png) center top no-repeat;	}
		
		div#Adam	{
			top: 60px;
			left: 340px;
			z-index: 100;
		}
		div#Adam	a	{	background: url(../img/whoweare/adam.png) center top no-repeat;	}
		
		div#Jerry	{
			top: 280px;
			left: 320px;
			z-index: 100;
		}
		div#Jerry	a	{	background: url(../img/whoweare/jerry.png) center top no-repeat;	}
		
		div#Adam	a:hover,
		div#Jerry	a:hover,
		div#Les	a:hover	{	background-position: center center;	}
		div#Adam	a.active,
		div#Jerry	a.active,
		div#Les	a.active{	background-position: center bottom;	}