/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background: #000;
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:360px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding: 0;
	
	/* reset some text properties */
	color: #fff;
	text-align: left;
}

div.galleryOverlay{
	height:550px;
    width:540px;
}

div.videoOverlay{
	height:460px;
}

div.overlay a:link, div.overlay a:visited{
	color: #330000;
}

div.overlay .contentWrap{
	color: #fff;
	padding: 0 40px 0 40px;
}

div.videoOverlay .contentWrap{
	color: #fff;
	padding: 0 16px 0 16px;
}

div.overlay .personInformation{
	margin-top: 20px;
}

div.overlay .contentWrap h2.subHeading{
	border-bottom: 1px solid #333;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/_sys_/images/close.png);
	position:absolute;
	right:20px;
	top:20px;
	cursor:pointer;
	height:25px;
	width:82px;
}

div.overlay .overLayHead{
	border-bottom: 1px solid #333;
	padding: 20px 40px 20px 40px;
	margin-bottom: 20px;
}

.overLayHead h1,
.overLayHead h2,
.overLayHead h3{
	color: #fff;
	font-size:2.2em;
	font-weight:normal;
	margin:0 0 2px;
	width: 400px;
	line-height: 100%;
}

.overLayHead p{
	margin: 0;
}

/*gallery*/

.overlay .galleryHeading{
	display: none;
}

#gallery{
	position: relative;
	width: 460px;
	height: 345px;
	margin: 0 auto;
}

#gallery img{
	border:1px solid #333333;
}

#gallery .nextImage, #gallery .previousImage {
    width:100%;
    text-align: left;
}

#gallery .nextImage img, #gallery .previousImage img {
    margin: 0 auto;
    display: block;
}

.gallery_galleryPrev a, .gallery_galleryNext a{
	position: absolute;
	bottom: 0;
	background: url(/_sys_/images/productionButSprite.png) no-repeat left -137px;
	height: 15px;
	width: 15px;
	display: block;
	z-index: 102;
}

.gallery_galleryPrev a{
	left: 0;
    top: 375px;
}

.gallery_galleryNext a{
	background-position: left -152px;
	z-index: 103;
	right: -7px;
    top: 375px;
}

.gallery_galleryPrev a span, .gallery_galleryNext a span{
	display:none;
}

div.overlay div.gallery_galleryFooter{
	position: absolute;
	top: 375px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	width: 400px;
	left: 30px;
}

div.overlay div.cv{
	/*margin-top: -16px;*/
	/*height: 250px;
	border-bottom: 1px solid #333;
	overflow-y: auto;*/
}

div.overlay div.personCVWrapper{
	height: 234px;
	overflow-y: auto;
	padding-right: 10px;
}

div.overlay img.right{
	float: right;
    margin: 0 0 10px 20px;
}

div.overlay div.cv h2{
	margin-bottom: 5px;
	font-size: 1.2em;
}