@charset "UTF-8";
/* CSS Document */

	/* some styling for triggers */
	#triggers {
	text-align:center;
	height:700px;
	/*overflow: scroll;
	overflow-x: hidden;*/	
	}
	
	#triggers img {
		cursor:pointer;
		margin:20px 5px;
		padding:2px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		
	}
	

	
	/* styling for elements inside overlay */
	.details {
	position:absolute;
	top:15px;
	right:15px;
	left:15px;
	font-size:11px;
	color:#fff;
	}
	
	.details h3 {
		color:#FF9900;
		font-size:20px;
		margin:0 0 -10px 0;
	}

	
	/* the overlayed element */
.simple_overlay, .simple_overlay1, .simple_overlay2 {
	/* must be initially hidden */
	display:none;
	/* styling */
	background-color:#333;
	width:500px;
	border:1px solid #666;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px 10px #000;
	height: 320px;
	margin-top: 160px;
	position: absolute;
	/*opacity: .7;*/
}


/*.simple_overlay, .simple_overlay1, .simple_overlay2 {
	must be initially hidden
	display:none;
	place overlay on top of other elements
	z-index:10000;
	styling
	background-color:#333;
	width:50%;
	border:1px solid #666;
	CSS3 styling for latest browsers
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	position: relative;
	height: 320px;
	margin-top: 200px;
}*/

.simple_overlay a, .simple_overlay a:hover, .simple_overlay a:link, .simple_overlay a:visited{
	color:#FFFF33
	}
	
.simple_overlay1, .simple_overlay1 a, .simple_overlay1 a:hover, .simple_overlay1 a:link, .simple_overlay1 a:visited{
	color:#FFFF33;
	height: 270px;
}

.simple_overlay2, .simple_overla2 a, .simple_overlay2 a:hover, .simple_overlay2 a:link, .simple_overlay2 a:visited{
	color:#FFFF33;
	height: 400px;
}



/* close button positioned on upper right corner */
.simple_overlay .close, .simple_overlay1 .close, .simple_overlay2 .close {
	background-image:url(overlays/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	background-repeat: no-repeat;
}