ul.teamPanel, ul.workPanel, ul.bristolPanel {position: relative;}

#panel, #panel2 {
	z-index:1;
}

#panel li, #panel2 li  {
	position: absolute;
	width: 234px;
	visibility: hidden;
	}
	
#panel li {height: 150px;}
#panel2 li {height: 300px;}
	
.caption, .caption2 {
	position: absolute;
	left: 30px;
	width: 49px;
	color: #00adef;
	font-size: 1.0em;
	text-align: center;
	display:block;
	}
	
.caption {top: 98px;}
.caption2 {top: 183px;}
	
.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: 79px;top: 215px;}
#panel2-previous {left: 0px;top: 215px;}
#panel2-pause {left: 119px;top: 215px;}
#panel2-start {left: 119px;top: 215px;color:#a0a0a0;}

/* 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;}