/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#stafftocss{ position:relative; height:640px;}
/* ---START styles for layout--- */
#staff_nav {
	/*background:#ddd url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png);*/
	border-right:1px solid #9c126d;
	width:170px;
	height:660px;
	position:absolute;
	top:0px;
	left: 0px;
}

#staff_nav ul {	
	width:80px;
	margin:0;
	padding:0;
	float:left;	
}
#panes .arrow1{position:absolute; top:30px; left:-134px; }
#panes .arrow2{position:absolute; top:103px; left:-134px;}
#panes .arrow3{position:absolute; top:176px; left:-134px;}
#panes .arrow4{position:absolute; top:249px; left:-134px;}
#panes .arrow5{position:absolute; top:322px; left:-134px;}
#panes .arrow6{position:absolute; top:395px; left:-134px;}
#panes .arrow7{position:absolute; top:468px; left:-134px;}
#panes .arrow8{position:absolute; top:541px; left:-134px;}
#panes .arrow9{position:absolute; top:614px; left:-134px;}

#panes .arrow10{position:absolute; top:30px; left:-59px;}
#panes .arrow11{position:absolute; top:103px; left:-59px;}
#panes .arrow12{position:absolute; top:176px; left:-59px;}
#panes .arrow13{position:absolute; top:249px; left:-59px;}
#panes .arrow14{position:absolute; top:322px; left:-59px;}
#panes .arrow15{position:absolute; top:395px; left:-59px;}
#panes .arrow16{position:absolute; top:468px; left:-59px;}
#panes .arrow17{position:absolute; top:541px; left:-59px;}


#staff_nav ul li.staff8{position:absolute; top:0px; left:80px;}
#staff_nav ul li.staff9{position:absolute; top:73px; left:80px;}
#staff_nav ul li.staff10{position:absolute; top:146px; left:80px;}
#staff_nav ul li.staff11{position:absolute; top:219px; left:80px;}
#staff_nav ul li.staff12{position:absolute; top:292px; left:80px;}
#staff_nav ul li.staff13{position:absolute; top:365px; left:80px;}
#staff_nav ul li.staff14{position:absolute; top:438px; left:80px;}
#staff_nav ul li.staff15{position:absolute; top:511px; left:80px;}
#staff_nav ul li.staff16{position:absolute; top:584px; left:80px;}


*html #staff_nav ul li.staff8{position:absolute; top:0px; left:80px;}
*html #staff_nav ul li.staff9{position:absolute; top:75px; left:80px;}
*html #staff_nav ul li.staff10{position:absolute; top:150px; left:80px;}
*html #staff_nav ul li.staff11{position:absolute; top:225px; left:80px;}
*html #staff_nav ul li.staff12{position:absolute; top:300px; left:80px;}
*html #staff_nav ul li.staff13{position:absolute; top:375px; left:80px;}
*html #staff_nav ul li.staff14{position:absolute; top:450px; left:80px;}
*html #staff_nav ul li.staff15{position:absolute; top:525px; left:80px;}
*html #staff_nav ul li.staff16{position:absolute; top:600px; left:80px;}

#content #staff_nav li {
	list-style-type:none;	
	/*border-right:1px solid #9c126d;*/
	/*float:left;*/
	padding:0px;
	margin:0px;
	width:76px;
	height:73px;
	list-style-type:none;
	text-align:center;
}
*html #content #staff_nav li {
	list-style-type:none;	
	padding:0px;
	margin:0px;
	width:76px;
	height:73px;
	list-style-type:none;
	text-align:center;
}

.intro_txt{ display:none;}
#staff_nav a {
	color:#333333;
	display:block;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	padding:2px;
	height:69px;
	text-decoration:none;
}	

#staff_nav a.current {
	/*background:url(http://static.flowplayer.org/tools/img/tabs/down_large.jpg);	*/
}

#staff_nav img {
	background-color:#fff;
	/*border:1px solid #ccc;*/
	border:none;
/*	margin:3px 0 5px 27px;*/
	padding:4px;
	margin:0px;		
	display:block;
	height:69px;
	width:76px;
}
*html #staff_nav img {
	background-color:#fff;
	border:none;
	padding:0px;
	margin:0px;		
	display:block;
	height:69px;
	width:76px;
}

#staff_nav strong {
	display:block;		
	font-size:13px;
}

/* panes */
#panes {
	margin-bottom:0px;
	margin-left:170px;
	padding-bottom:0px;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:absolute;
	top:0px;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:20px;
	left:20px;
	font-size:12px;
	color:#4f4e4e;	
	width:510px; 
}
*html #panes div {
	display:none;		
	position:absolute;
	top:20px;
	left:20px;
	font-size:14px;
	color:#4f4e4e;	
	width:500px; 
}

#panes img {
	/*float:left;
	margin-right:20px;	*/	
}

#panes p.more {
	color:#4f4e4e;
	/*font-weight:bold;*/
}

#panes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}
.staff_title{margin:5px 0 0 0; padding:0; font-weight:bold; font-size:12px; color:#333333}
.staff_intro{line-height:30px;}

/*----------------------- END STAFF */
/*----------------------- SERVICES */

#services_nav {
	/*background:#ddd url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png);*/
	border-right:1px solid #9c126d;
	width:170px;
	position:absolute;
	top:0px;
	left: 0px;
}

#services_nav ul {	
	width:80px;
	margin:0;
	padding:0;
	float:left;	
}

#content #services_nav li {
	list-style-type:none;	
	/*border-right:1px solid #9c126d;*/
	/*float:left;*/
	padding:0px;
	margin:0px;
	width:160px;
	list-style-type:none;
	text-align:left;
	text-align:left;
	font-weight:bold;
	text-indent:0px;
}
*html #content #services_nav li {
	list-style-type:none;	
	padding:0px;
	margin:0px;
	width:160px;
	list-style-type:none;
	text-align:left;
	font-weight:bold;
	text-indent:0px;
}
#content #services_nav li a {color:#3f3e3e; text-decoration:none; font-size:10px; line-height: 14px; display:block; margin-bottom:20px;}
#content #services_nav li a:hover {text-decoration:none;}
#content #services_nav li a.current {color:#96006c;}
#content .serv_h1{color:#96006c; font-size:18px; font-weight:bold;}

#panes .serv_arrow1{position:absolute; top:-5px; left:-134px;}
#panes .serv_arrow2{position:absolute; top:29px; left:-134px;}
#panes .serv_arrow3{position:absolute; top:63px; left:-134px;}
#panes .serv_arrow4{position:absolute; top:97px; left:-134px;}
#panes .serv_arrow5{position:absolute; top:131px; left:-134px;}
#panes .serv_arrow6{position:absolute; top:179px; left:-134px;}
#panes .serv_arrow7{position:absolute; top:212px; left:-134px;}
#panes .serv_arrow8{position:absolute; top:247px; left:-134px;}
#panes .serv_arrow9{position:absolute; top:281px; left:-134px;}
#panes .serv_arrow10{position:absolute; top:315px; left:-134px;}
#panes .serv_arrow11{position:absolute; top:349px; left:-134px;}
#panes .serv_arrow12{position:absolute; top:383px; left:-134px;}
#panes .serv_arrow13{position:absolute; top:417px; left:-134px;}
#panes .serv_arrow14{position:absolute; top:451px; left:-134px;}
#panes .serv_arrow15{position:absolute; top:485px; left:-134px;}

/*-- for IE6*/
*html #panes .serv_arrow1{position:absolute; top:-5px; left:-134px;}
*html #panes .serv_arrow2{position:absolute; top:30px; left:-134px;}
*html #panes .serv_arrow3{position:absolute; top:66px; left:-134px;}
*html #panes .serv_arrow4{position:absolute; top:103px; left:-134px;}
*html #panes .serv_arrow5{position:absolute; top:139px; left:-134px;}
*html #panes .serv_arrow6{position:absolute; top:188px; left:-134px;}
*html #panes .serv_arrow7{position:absolute; top:226px; left:-134px;}
*html #panes .serv_arrow8{position:absolute; top:262px; left:-134px;}
*html #panes .serv_arrow9{position:absolute; top:298px; left:-134px;}
*html #panes .serv_arrow10{position:absolute; top:334px; left:-134px;}
*html #panes .serv_arrow11{position:absolute; top:370px; left:-134px;}
*html #panes .serv_arrow12{position:absolute; top:406px; left:-134px;}
*html #panes .serv_arrow13{position:absolute; top:442px; left:-134px;}
*html #panes .serv_arrow14{position:absolute; top:478px; left:-134px;}
*html #panes .serv_arrow15{position:absolute; top:514px; left:-134px;}

/*----------------------- CLIENTS */
#clients_nav {
	/*background:#ddd url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png);*/
	border-right:1px solid #9c126d;
	width:170px;
	position:absolute;
	top:0px;
	left: 0px;
}

#clients_nav ul {	
	width:80px;
	margin:0;
	padding:0;
	float:left;	
}

#content #clients_nav li {
	list-style-type:none;	
	padding:0px;
	margin:0px;
	width:160px;
	list-style-type:none;
}
*html #content #clients_nav li {
	list-style-type:none;	
	padding:0px;
	margin:0px;
	width:160px;
}

#content #clients_nav li a {color:#3f3e3e; text-decoration:none; font-size:10px; line-height: 14px; display:block; margin-bottom:20px; margin-left:15px}

#panes .clients_arrow1{position:absolute; top:-2px; left:-76px;}
#panes .clients_arrow2{position:absolute; top:75px; left:-76px;}
#panes .clients_arrow3{position:absolute; top:136px; left:-76px;}
#panes .clients_arrow4{position:absolute; top:192px; left:-76px;}
#panes .clients_arrow5{position:absolute; top:257px; left:-76px;}
#panes .clients_arrow6{position:absolute; top:330px; left:-76px;}
#panes .clients_arrow7{position:absolute; top:393px; left:-76px;}
#panes .clients_arrow8{position:absolute; top:450px; left:-76px;}

*html #panes .clients_arrow1{position:absolute; top:-2px; left:-76px;}
*html #panes .clients_arrow2{position:absolute; top:75px; left:-76px;}
*html #panes .clients_arrow3{position:absolute; top:136px; left:-76px;}
*html #panes .clients_arrow4{position:absolute; top:192px; left:-76px;}
*html #panes .clients_arrow5{position:absolute; top:257px; left:-76px;}
*html #panes .clients_arrow6{position:absolute; top:330px; left:-76px;}
*html #panes .clients_arrow7{position:absolute; top:393px; left:-76px;}
*html #panes .clients_arrow8{position:absolute; top:450px; left:-76px;}