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

#folio{
	padding:25px 0 0;
}

#folio .fCol{
	float:left;
	padding-right:10px;
}

#folio .fCol.last{
	padding-right:0;
}

#folio .fCol div{
}

#folio .fCol div a{
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	display:block;
	width:100%;
	height:100%;
}

#folio div.fCol div.top{
	margin:0 0 10px;
}

#folio .fCol div h3{
	position:absolute;
	width:100%-20px;
	font-weight:lighter;
	padding:15px 10px;
	top:0;
	left:0;
	text-shadow:#69503F 0 0 2px;
}

#folio div h3{
	color:#FFFFFF;
	font-size:20px;
	font-family:Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	display:none;
}

/* --- internal --- */

#fint h2{
	font-size:18px;
	padding:0 0 40px;
	width:300px;
}

#fint #series{
	padding:30px 0 0px;
}

#fint #series p{
	font-size:11px;
}

#thumbs{
	width:210px;
	float:left;
}

#thumbs .thumb{
	width:60px;
	height:60px;
	float:left;
	margin:0 10px 10px 0;
	opacity:1;
}

#thumbs .thumb.current{
	outline:solid 2px #7090B3;
}

#thumbs .thumb:hover{
}

#thumbs img{
	width:60px;
	height:60px;
	cursor:pointer;
}

#thumbs .info{
	display:none;
}

#images{
	width:690px;
	height:520px;
	float:left;
	overflow:hidden;
	margin-left:40px;
}

#images img{
	position:absolute;
	top:0;
	left:0;
	max-width:690px;
	max-height:520px;
}

#info{
	width:690px;
	height:40px;
	float:right;
	padding:20px 0 0;
}

#info p{
	font-size:11px;
}

#info h3{
	font-size:16px;
	padding:0 0 7px;
	font-weight:normal;
}

#images #imagesin div img{
	max-height:520px;
}