ul.teamPanel, ul.workPanel, ul.bristolPanel {position: relative;}

#panel, #panel2 {
	z-index:1;
}

#panel li, #panel2 li  {
	position: absolute;
	width: 234px;
	visibility: hidden;
	top:0;
	}
	
#panel li {height: 150px;}
#panel2 li {height: 175px;}
	
.caption, .caption2 {
	position: absolute;
	left: 29px;
	width: 49px;
	color: #00adef;
	font-size: 1.0em;
	text-align: center;
	display:block;
	z-index:600;
	}
	
.caption {top: 100px;}
.caption2 {top: 215px;}
	
.teamCont, .workCont, .workCont2, .bristolCont {
	clear: both;
	position: relative;
	width: 234px;
	line-height: 1.3em;
	border-bottom: #efefef solid 1px;
	}
	
.teamCont, .workCont{padding-top: 2px; height: 119px;}
.workCont2, .bristolCont {padding-top: 32px; height: 204px;}

.control {position: absolute;z-index: 100;cursor: pointer; color:#808080;}

p#controls {z-index:2000;}
	
#panel-next {left: 79px;top: 100px;}
#panel-previous {left: 0px;top: 100px;}
#panel-pause {left: 137px;top: 100px;}
#panel-start {left: 137px;top: 100px;color:#a0a0a0;}

#panel2-next {left: 117px;top: 215px;}
#panel2-previous {left: 40px;top: 215px;}
#panel2-pause {left: 200px;top: 215px;}
#panel2-start {left: 0px;top: 215px;color:#a0a0a0;}

span.caption2	{left:68px;}
span.enlarge-button	{position:absolute;left:158px;top:215px;}


/* PAGE ELEMENTS*/
.teamImage, .workImage, bristolImage {float: left;}
.teamDetails, .workDetails {float:left; width: 100px; padding-left:1px;}
.teamMember, .workClient {color: #0eaae6; display: block;}
.teamRole, .workProject {
	color: #0eaae6; 
	display: block; 
	margin-top: 5px;
	}
.showProfiles, .showProjects  {
	position: absolute;
	top: 100px;
	left: 129px;
	width: 100px;
	z-index: 50;
	}
.showProfiles a:link, .showProjects a:link, .showProfiles a:visited, .showProjects a:visited {color: #a0a0a0; text-decoration: none;}
.showProfiles a:hover, .showProjects a:hover, .showProfiles a:active, .showProjects a:active {color: #00adef; text-decoration: underline;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;background-color:#000;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxTitle,
#cboxCurrent,
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose			{position:absolute;bottom:6px;}



#colorbox			{font-size:0.8em;}
#cboxContent			{background:#fff;}
#cboxLoadedContent		{margin:30px;}
#cboxTitle			{left:0;text-align:center;width:100%;color:#949494;}
#cboxCurrent			{left:394px;color:#12B3EF;}
#cboxSlideshow			{left:30px;color:#a0a0a0;}
#cboxPrevious			{left:358px;}
#cboxNext			{left:430px;}
#cboxLoadingOverlay		{}
#cboxLoadingGraphic		{background:url(images/loading.gif) center center no-repeat;}
#cboxClose			{right:30px;color:#a0a0a0;}


#cboxPrevious.hover,
#cboxNext.hover,	
#cboxClose.hover,
#cboxSlideshow:hover		{text-decoration:underline;color:#00adef;}
