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

#nav-buttons{
		position:absolute;
		top:0;
		left:0;
		width:701px;
		z-index:999;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		color:#FFF;
		font-weight:bold;
	}
	#slideshow{
		position:relative;
		float:left;
		padding:0;
		margin:0;
	}
	a, img {
			border:none;
		}
	.center {text-align:center;}
	#wrap {
		width:800px;
		margin:20px auto;
	}
	
	/* ---- styling the list ---- */
	
	#work {
		float:left;
		list-style:none;
		margin:0;
		padding:0;
	}
	#work li {
		float:left;
		display:block;
		width:113px;
		display:inline;
		border:1px solid #cad789; 
		height:105px;
		margin-right:2px;
		text-align:center;
		background-color: rgba(0, 0, 0, 0.5);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7F000000', EndColorStr='#7F000000');

	}
	#work li a {
		border:none;
		width:113px;
		height:105px;
	}
	#work p {
		margin-bottom:0;
	}
	
	
	/* ---- show-hide elements ---- */
	
	#work li .show{
		display:block;
		width:113px;
		height:105px;
	}
	#work li .hide {
		text-align: left;
		height: 0;
		overflow: hidden;
	}
	#work li:hover .hide, #work li.over .hide {
		cursor: pointer;
		height: 105px;
		width:113px;
	}
	#work li:hover .show, #work li.over .show {
		height: 0;
		overflow: hidden;
	}
	
	#work li a {
		font-size:1.3em;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
	}
	#work li a:hover {
		color:#fff;
	}