/* player container */
div.player {
	width:320px;
	height:240px;
	border: solid 1px #000;
	outline: solid 1px #333;
	-moz-outline-radius: 5px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin: 0 auto 30px auto;
	background: url(flowplayer/p_cauldron_NEW.jpg) center center no-repeat;
}

/* play button */
div.player img {
	margin-top:70px;
	margin-left:0px;
}

/* info area */
div.player div.info {
	height:20px;
	background:#000 url(flowplayer/h80.png) repeat-x;
	opacity:0.7;
	color:#FC6;
	font-weight:bold;
	margin-top:20px;
	text-align:left;
	padding:5px 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	border-top:1px solid #ccc;
}


/*large size player*/

div.player_large {
	width:580px;
	height:435px;
	border: solid 1px #000;
	outline: solid 1px #333;
	-moz-outline-radius: 5px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin: 0 auto 30px auto;
	background: url(flowplayer/p_cauldron_NEW.jpg) center center no-repeat;
}

/* play button */
div.player_large img {
	margin-top:150px;
	margin-left:0px;
}

/* info area */
div.player_large div.info {
	height:20px;
	background:#000 url(flowplayer/h80.png) repeat-x;
	opacity:0.7;
	color:#FC6;
	font-weight:bold;
	margin-top:20px;
	text-align:left;
	padding:5px 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	border-top:1px solid #ccc;
}


/* CSS FOR USE WITH MULTIPLE VIDEOS ON A PAGE DISPLAYING VIA THE ANCHOR TAG */

a.myPlayer {
	display:block;
	width: 320px;
	height:240px;
	text-align:center;
	margin:0 15px 0 0;
	float:left;
	border:2px solid #999;
} 
 
/* play button */ 
a.myPlayer img { 
  margin-top:100px; 
  border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
  border:2px ridge #003399; 
}


/* STYLES FOR project-videos.html PAGE */
.video_holder {
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.video_holder .video_descript {
	width: 235px;
	float: left;
	padding-right: 10px;
}

.video_holder .videoR {
	width: 350px;
	margin-left: 245px;
	height: 250px;
}