@import url(fontface.css);

* {
	margin:0; 
	padding: 0; 
	list-style: none; 
}
.sidenav {
    text-decoration: none !important;
	color:  #707070;
}
body {
	font-family: Eras Medium;
}

#wrapper {
	width: 90%;
	margin: 0 auto;
}
/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

.items {
	width: 930px;
}
.box {
	padding: 0;
	float: left;
}
.col5 {
	width: 164px;
	margin: 0 20px 20px 0;
}
.col4 {
	width: 210px;
	margin: 0 20px 20px 0;
}
.col3 {
	width: 288px;
	margin: 0 21px 21px 0;
}
.col5 img {
	max-width: 164px;
}
.col4 img {
	max-width: 210px;
}
.col3 img {
	max-width: 288px;
}
.box h4 {
	padding:10px 0 0;
	font-family: 'CharisSILItalic';
}
.box p {
	padding: 0;
	font-family: 'CharisSILItalic';
}
#filtering-nav {
	letter-spacing: normal;
	margin: 30px 0 30px 0;
	padding: 10px 0 9px 0;
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
}
#filtering-nav li {
	list-style: none;
	float: left;
	background: none;
	padding: 0 20px 0 0;
	font-style: normal;
	font-family: 'Museo500';
	text-transform: uppercase;
	font-size: 13px;
}
#filtering-nav li.active a {
	color: #d3573e;
}
.items:after, #filtering-nav:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#portfolio .items, #gallery .items {
	opacity: 0;
}
/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO HOVER
/*-----------------------------------------------------------------------------------*/

.box a, .carousel ul li {
	display: block;
	position: relative;
}
.box a img, .carousel ul li img {
	display: block;
	position: relative;
}
.play, .zoom, .details {
	position: absolute;
	background: transparent url(../images/icon-play.png) no-repeat center center;
}
.zoom {
	background-image: url(../images/icon-zoom.png);
}
.details {
	background-image: url(../images/icon-more.png);
}
.box a span, .carousel ul li a span {
	display: none;
	height: 100%;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 100;
}
.overlay {
	background-color: rgba(15, 15, 15, 0.4);
}

#page { margin: 0 auto; width: 800px; background: #fff; padding:40px; margin-top: 20px; margin-bottom: 20px; border: 1px solid #777; box-shadow: #999 1px 1px 3px; }
#page h1 { font-weight: normal; font-size: 32px; letter-spacing: -2px; margin:0 0 20px 0; border-bottom: 1px solid #ddd; padding:0 0 10px 0; }
#page h2 { font-weight: bold; font-size: 22px; letter-spacing: -1px; font-style: italic; margin:40px 0 0 0; }
#page h3 { float: right; }
#page h3 a { font-weight: normal; font-size: 16px; color:#004499; }
#page h3 a:hover { color:#333; }