/* the thumbnails */
#triggers {
	text-align:center;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;

	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
	color:#fff;
}
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	/* some padding to layout nested elements nicely  */
	padding:35px;
	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.apple_overlay h2 {
	margin:10px 0 3px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#triggers {
	margin-top:10px;
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:20px 20px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.photo {
	position: relative;
	width: 300px;
	height: 200px;
	text-align: center;
}
.photo img {
	width: 300px;
	height: 200px;
	background: #000;
	text-align: center;
}
div.photo p {
color:#5A5A5A;
font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
}
.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(../bg/pin.png) no-repeat;
}
.photo a {
	text-decoration: none;
}
.sample1 span {
	width: 28px;
	height: 21px;
	display: block;
	position: absolute;
	top: -12px;
	left: 90px;
	background: url(../bg/pin.png) no-repeat;
}

.sample8 span {
	
	width: 309px;
	height: 207px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../bg/frame.png) no-repeat;
	z-index: 10;
}
div.transbox
  {
  	z-index: -10;
	text-align: center;
  width:295px;
  height:50px;
  margin: -50px 0 0 5px;
  background-color:#000;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
  }
div.transbox p
  {
  	margin-top: 12px;
  	z-index: 15;
  	text-align: center;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  	font-weight:bold;
  	color:#fff;
  }
  
  /* use a semi-transparent image for the overlay */
#overlay {
	background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
	color:#efefef;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:441px;
	overflow-y:auto;
}
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 300px; 
				height: 250px; 
				margin: 15px; 
				float:left; 
 				-moz-border-radius:4px;
				-webkit-border-radius:4px;
         		border-radius: 4px; /* Opera 10.5, IE 9 */				
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					bottom: 0; 
					left: 0; 
					border: 0; 
   					-moz-border-radius: 4px; /* FF1+ */
  					-webkit-border-radius: 4px; /* Saf3+, Chrome */
          			border-radius: 4px; /* Opera 10.5, IE 9 */			
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}			
#request { 
	text-align: center;
	width: 250px; 
	display: inline; 
	float: left; 
	margin-left: 30px;
	} 		
	
#button {
background-color:#ccc;
border:medium none;
cursor:pointer;
font-family:Arial;
margin:0;
overflow:visible;
padding:0;	
}