@font-face {
    font-family: 'Kristen ITC';
    src: url('font/itc/itc.eot');
    src: url('font/itc/itc.eot?#iefix') format('embedded-opentype'),
         url('font/itc/itc.woff') format('woff'),
         url('font/itc/itc.ttf') format('truetype'),
         url('font/itc/itc.svg#itckrist') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*-----------------------------------------------------------------------------------*/
/*	LAYOUT
/*-----------------------------------------------------------------------------------*/

#wrapper ul {	
	padding: 0 0 20px 0;
	display: block;	
	overflow: hidden;
	
}

#wrapper ul li {
	margin-top:20px;	
	list-style: none;	
	display: block;	
}



#wrapper {
	width: 100%;		
	margin-left: auto;
	margin-right: auto;
overflow:hidden;
}



#wrapper ul.gallerynav {
list-style-type: none;
text-align: center;
margin-left:2.3%;
padding: 20px 0px 0px 0px;
width:95%;
height:40px;
		
	background-color: #000;
	border: 1px solid yellow;	
   -moz-box-shadow:    inset 0 0 10px #FFF;
   -webkit-box-shadow: inset 0 0 10px #FFF;
   box-shadow:         inset 0 0 10px #FFF;
		      -moz-border-radius: 10px;
       -webkit-border-radius:10px;
        border-radius: 10px;

}

#wrapper ul.gallerynav li {
display: inline;
margin-right:-70px;
margin-left:45px;
}


/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

#portfolio ul li {
	background: none;	
	padding: 0;
}

#wrapper ul.grid {
width: 100%;	
	overflow: hidden;	
	margin:0 auto;		
	padding: 0;
}

ul.grid:after {
	content: "";	
	display: block;	
	height: 0;	
	overflow: hidden;	
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

ul.grid li {
	width: 225px;
	height:150px;	
	float: left;
	margin-left:3%;
	margin-bottom: 2%;	
	overflow: hidden;	
	background: none;	
}


ul.grid li a {
	outline:0;
}

ul.grid li img {
	display: block;	
	width:100%;	
	height:100%;
		background:black;
}


.gallerynav li a {
	text-decoration:none;
	font-family: 'Kristen ITC';	
	color: #FFD700;	
	margin-right:10%;
	font-size: 20px;
	line-height: 18px;	
	padding: 0px 10px 0px 0;	
}

.gallerynav li span {	
	margin: 0;
}

.gallerynav li a:hover {
	text-decoration: none;	
	color: red;
}

.gallerynav li.selected-1 a {
	color: #DAA520;
}

.hidden {
	display: none;
}

#gallery li img:hover{
border:2px solid yellow;
}

#gallery li img:active{
border:2px solid red;
}