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

div.who-we-are	{
	background: url(../img/cork-tile.jpg) 0 0 repeat #e4cfb2;
}
/*

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: -100px;
			top: 5px;
			width: 1130px;
			height: 590px;
			z-index: 50;
		}

		.drag { 
			width: 157px;
			height: 124px; 
			background: transprent; 
			position: absolute; 
			cursor: move;
		}

		#drag-area div#one	{
			left: 162px;
			top: 420px;
		}
		
		#drag-area div#two	{
		    z-index: 16;
			left: 826px;
			top: 328px;
		}
		
		#drag-area div#three	{
			width: 157px;
			height: 124px;
			left: 0px;
			top: 0px;

		}
		
		div#drag-area div#postcard-bristol	{
			width: 236px; 
			height: 168px;
			left: 307px;			
			top: 163px;
		}
		
        div#drag-area div#postcard-cat	{
			width: 236px; 
			height: 168px;
			left: 441px;	
			top: 271px;
		}
		
		div#drag-area div#postcard-toonscape	{
			width: 236px; 
			height: 168px;
			left: 676px;
			top: 197px;
		}
		
		div#drag-area div#postcard-tower	{
			width: 236px; 
			height: 168px;
			left: 0px;
			top: 0px;
		}
		
		div#drag-area	div#bug		{
			width:273px; 
			height: 96px;
			left: 576px;
			top: 219px;
			background: url(../img/whoweare/c9bug.png) 0 0 no-repeat;
			cursor: move;
		}
		
		div#drag-area	div#bug:hover		{
			background-position: 0px -96px;
		}

		div#drag-area	div#launch-announcement		{
			left: 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	{
			left: 656px;
			top: 53px;
			z-index: 100;
		}
			
		div#Les	a	{	background: url(../img/whoweare/les.png) center top no-repeat; cursor: move;	}
		
		
		div#Adam	{
		    left: 370px;
			top: 50px;
			z-index: 100;
		}
		
		div#Adam	a	{	background: url(../img/whoweare/adam.png) center top no-repeat; cursor: move;	}
		
		
		div#Jerry	{
			left: 515px;
			top: 53px;
			z-index: 100;
		}
		
		div#Jerry	a	{	background: url(../img/whoweare/jerry.png) center top no-repeat; cursor: move;	}
		
		div#Andy	{
			left: 796px;
			top: 52px;
			z-index: 100;
		}
		
		div#Andy	a	{	background: url(../img/whoweare/andy.png) center top no-repeat;	cursor: move; }
		
		
		div#Adam	a:hover,
		div#Andy	a:hover,
		div#Jerry	a:hover,
		div#Les	a:hover	{	background-position: center center;	}
		div#Adam	a.active,
		div#Andy	a.active,
		div#Jerry	a.active,
		div#Les	a.active{	background-position: center bottom;	}