/* common styling */

li a {color:#fff;}
a:hover {text-decoration:none;}


/* slides styling */

.photo {
	float:left;
	width:635px;
	text-align:left; 
	position:relative; 
	margin:20px 0 0 0;
}

.topic {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:635px; 
	position:relative; 
	z-index:10;
}

.topic li {
	display:block; 
	width:125px; 
	height:31px; 
	float:left;
}

.photo ul.topic li.active ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:375px;  
	width:464px; 
	z-index:1;
}

.photo ul.topic li a:hover ul, .photo ul.topic li:hover ul {
	display:block; 
	position:absolute; 
	left:0; 
	top:31px; 
	list-style:none; 
	padding:0; 
	margin:0; 
	height:375px;  
	width:464px;  
	z-index:100;
}

.photo ul.topic li ul li {
	display:inline; 
	width:112px; 
	height:87px; 
	float:left; 
	margin:1px;
}

.photo ul.topic li ul li a {
	display:block; 
	width:110px; 
	height:85px; 
	cursor:default; 
	float:left; 
	text-decoration:none; 
}

.photo ul.topic li ul li a img {
	display:block; 
	width:100px; 
	height:75px; 
}

.photo ul.topic li a:hover ul li a:hover, .photo ul.topic li:hover ul li a:hover {
	white-space:normal; 
	position:relative;
}

.photo ul.topic li a:hover ul li a:hover img,.photo ul.topic li:hover ul li a:hover img {
	position:absolute; 
	left:-50px; 
	top:-32px; 
	width:200px; 
	height:150px; 
	border-color:#fff;
}


/* LIGHTBOX CONTROL */
#lightbox { background-color:#000; padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px;	}	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }
#closebutton { display:none; }