/* dimensios for both splash image and the player wrapper */
a.flowplayer, a.flowplayer img {
	display:block;				
	width:400px;
	height:300px;
	border:0px;		
}

/* play button on top of splash screenn */
div.playButton {
	background:url(../images/home/play-text.png) no-repeat;
	width:173px;
	height:55px;
	position:relative;
	top:-205px;
	left:115px;	
	opacity:0.9;
	
}

/* play button upon mouseover */
div.playButton:hover {
	opacity:1.0;		
}


.scrollable {
	width: 890px;
	
	/*border: 1px solid white;*/ 	/* without this, .items seems to ignore its margin. */


}

.items {
	
	display:none;
 	float:right;

 	width: 400px;
 	height: 300px;
 	right:0;
 	bottom:0; 
 	
 	border: 1px solid #AAAAAA;

}

.items a {
	

	
}

/* IE 6 screws up scrollable if there's any gap between vis */
/*
.vid-spacer {
	background-color: black;
	height: 300px;
}
*/


ul#accordion {
	position: relative;  /* without this the accordion gets jumpy */
}




#accordion { width:20em; }

#accordion  {
	margin: 18px 0px 0px 0px;
	padding-top:8px;
	text-indent:0px;
	width:450px;
	
}
#accordion h2.head {
 	height:24px;
  font-size:1.6em;
  color:#006B9C;
  background:url(../images/home/feature-bar.gif) no-repeat;
  padding:6px 10px 0 28px;
  margin:0;
  cursor:pointer;

	

}

#accordion h2.head:hover {
	  background-position:-500px 0;
}

#accordion h2.selected:hover {
	background-position:-1000px 0;
}

#accordion h2.selected {
  width:440px;
  color:#000;
  
  background-position:-1000px 0;
  cursor: default;
  
}

#accordion li div {
	
}


#accordion p{
	font-size:1.2em;
  margin: 0px;
  
  line-height:1.5;
 
  padding: 5px 25px 0px 30px;
}


#accordion li {
	list-style:none outside none;
	display:inline;
}