/* navigation tabs */
#nav {
	background:#ddd url(http://static.flowplayer.org/img/global/gradient/h300_reverse.png);
	height:76px;
	margin-top:-20px;
	width:900px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	z-index:5;
}

#nav ul {	
	width:900px;
	margin:0 auto;	
}

#nav li {	
	border-right:1px solid #ddd;
	float:left;
	padding-left:1px;
	width:200px;
	list-style-type:none;
	text-align:center;
	vertical-align:middle;
}

#nav a {
	color:#333333;
	display:block;
	padding:3px;
	position:relative;
	word-spacing:-2px;
	font-size:24px;		
	height:70px;
	text-decoration:none;
	vertical-align:middle;
	line-height:60px;
}	

#nav a.current {
	background:url(http://www.outsourcingusa.net/images/jquerytools/down_large.jpg);	
}


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

/* panes of content */
#panes {
	background:#fff url(http://www.outsourcingusa.net/images/jquerytools/panesbg.png) repeat scroll 0 0;
	width:898px;	
	height:524px;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0;
	margin-bottom:-50px;
	padding-bottom:20px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	z-index: -1;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	/*
	top:20px;
	left:20px;
	*/
	font-size:14px;
	color:#444;	
	width:800px;
}

#panes img {
	float:left;
	margin-right:20px;
	z-index:inherit;
	width:898px;
}

#panes p.more {
	color:#000;
	font-weight:bold;
}


.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}