/*Lightbox wrapper css has been added to make it 
possible for carousel to work in lightbox and able 
to center it.
Unless you know what you are doing, changing this 
will change things in IE6 and IE7
In Firefox it will appear fine, however, it is not. 
So don't touch this code, unless you want to waste your own time
*/

#lightbox_wrapper{
	text-align: center;
	left: 0;
	width: 100%;
	top: 50px;
	position: absolute;
	z-index: 1001;
}

.leightbox {
	color: #333;
	display: none;
	margin: 0 auto;
	width: 660px;
	height: 660px;
	padding: 5px;
	background-color: #fff;
	z-index:1001;
}

	.leightbox .header{
		background-color: #F5F5F5;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		font-family: Georgia, serif;
		font-size: 18px;
		text-align: right;
	}
	
		.leightbox .header a{
			color: #39c;
			text-decoration: none;
			margin-right: 5px;		
		}
		
		.leightbox .header a:hover{
			text-decoration: underline;
		}
		
			.leightbox .header a span{
				color: #999;
			}

	
	

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }