/*----------------------------
	Filter bar
-----------------------------*/


nav#filter {
    font-size:0.875em;
	display: block;
	position: relative;
	text-align:center;
	width: 420px;
    float: left; 
    margin: 0 auto 0 auto;
    text-decoration:none;
}

nav#filter:before, nav#filter:after {
	position: absolute;
	top: 0;

}

nav#filter:before {
	left: -78px;
}

nav#filter:after {
	right: -78px;
}

nav#filter a{
	color: #999;
	display: inline-block;
	line-height: 16px;
	margin: 0 7px;
	border:none;
}

nav#filter a:hover{
    color: #777;
	border-bottom:1px solid;
}

nav#filter a.active{
    color: #777;
    border-bottom:1px solid;
}


/*----------------------------
	Content area
-----------------------------*/


section#container_gallery{
width: 440px;
float: left; 
margin: 0 auto -10px -58px;
padding: 0;
}

section#container_gallery li{
display: block; 
width:112px;
height:112px; 
float: left; 
padding: 20px; 
overflow: hidden;
margin: 0;
}

section#container_gallery ul{
width: 480px;
overflow:hidden;
}

section#container_gallery ul.hidden{
display:none;
}

ul#stage li a{ 
display: block; 
width:110px;
height:110px; 
overflow: hidden; 
border: 1px solid #888; 
background: #222;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}

ul#stage li a:hover{
display: block; 
width:110px;
height:110px; 
overflow: hidden; 
border: 1px solid #888; 
background: #222;
 
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}