/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#fff;
	
	width:775px;
	border:2px solid #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-10px;
	top:-10px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.simple_overlay .close:hover {
	background-image:url(../images/close-hover.png);
}

.simple_overlay .close:active {
	background-image:url(../images/close.png);
}

/* some styling for triggers */
.triggers {
	text-align:center;
}

/* styling for elements inside overlay */
.overlay-box {
	width:775px;
	display:inline;
	float:left;
}

.overlay-box a {
	width:150px;
	display:inline-block;
	float:right;
	font-size:12px;
	position:absolute;
	bottom:15px;
	left:610px;
}

.details {
	font-size:12px;
	color:#000;
	width:150px;
	display:inline;
	float:right;
	margin:13px 15px 45px 0;
}

.details p {
	margin:0;
}

.details h3 {
	color:#666;
	font-size:18px;
	margin:0;
}

.overlay-box img {
	width:580px;
	height:400px;
	margin:15px 0px 15px 15px;
	display:inline;
	float:left;
}

.player {
	width:580px;
	height:435px;
	margin:15px 0px 15px 15px;
	display:inline;
	float:left;
	background:#000;
}

/* styling of the container. */ 
a.flowplayer { 
	width: 580px; 
	height:435px;
	margin:0 0 0 -595px;
	display:inline;
	float:left;
} 
 
/* play button */ 
a.flowplayer img {
	width:83px;
	height:83px;
	margin:176px 0 0 248px;
	background:#000;
} 
 
/* when container is hovered we alter the border color */ 
a.flowplayer:hover { 
}