#filters {
	margin:2% 1%;
	padding:0;
	list-style:none;}

#filters li {float:left;}
	
#filters li span {
	display: block;
	padding:3px 14px;
	text-decoration:none;
	color:#fff;
	cursor: pointer;
	background:rgba(76,76,76,.5) !important ;
	margin-right:2px;
	 font-family: 'RobotoCondensedLight';
	margin-bottom:2px;}
	
#filters li span.active { background:#f68121 !important; color:#fff;}

	
#portfoliolist .portfolio{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:23%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden;}
	





#top_nav_container{
	width:100%; height:auto; float:left;padding-bottom:10px; margin:25px 0px; border-bottom:1px solid #ccc;}


#topnav 
{
 float: left;
 width: 900px;
 height: auto;
 margin-top: 3px;
 position: relative;
 font-size: 14px;
  font-family: 'RobotoCondensedLight';
}
#topnav ul
{
 list-style: none;
 padding: 0;
 margin: 0;
}
#topnav ul li 
{
 float: left;
 width:100%;
 margin: 0;
 padding: 0;
 margin-bottom:10px;
}
#topnav ul li a
{
 min-width:110px;
 padding: 3px 15px;
 color: #00537F;
 text-decoration: none;
 display: block;
 float:left;
 font-weight: normal;
 background:#5077a1;
 
}
#topnav ul li a:link
{
 color: #FFF;
 text-decoration: none;
}
#topnav ul li a:visited
{
 color: #FFF;
 text-decoration: none;
}

#topnav ul li a.active, #topnav ul li a:hover
{
 text-decoration: none;
 color: #FFF;
 background:#113b67;
}
#topnav ul li ul.submenu
{
 float: left;
 position: absolute;
 left: 200px;
 top: 0;
 display: none; 
 color: #fff;
 width:70%;
}
#topnav ul li ul.submenu a
{
 display: inline-block;
 color: #00537F;
 padding: 3px 8px;
 background: #eee;
 float:left;
 min-width:175px;
}
#topnav ul li ul.submenu li{
 float:left;
 display:inline-block;
 width:200px; 
}
#topnav ul li ul.submenu li:last-child
{
 border-right-style: none;
}
#topnav ul li ul.submenu a:link
{
 color: #00537F;
}
#topnav ul li ul.submenu a:visited
{
 color: #00537F;
}
#topnav ul li ul.submenu a:hover, #topnav ul li ul.submenu a.active
{
 text-decoration: none;
 color: #00537F;
 background:#e5e5e5;
}





	
.labell{
	height:auto;
	position:relative;
	width:95%;
	margin:0 auto;}
	
	
.labell	.text-title{
	margin-top:5px;
	font-size:16px;
	line-height:20px;
	font-weight:200;
	color:#fff;
	 font-family: 'RobotoCondensedLight';
	width:100%;
	display:block;}
	
..labell	.text-title a{color:#fff;}
	
.labell	.text-category{
	margin-top:5px;
	font-size:14px;
	line-height:20px;
	color:#f68121;
	 font-family: 'RobotoCondensedLight';}
	 
	
	
.portfolio-wrapperr{
	width:160px !important;
	height:auto;
	float:left!important;
	margin-bottom:20px;	
	}
	
.portfolio-wrapperr img{
	height:120px;	
	max-width:160px;
	overflow:hidden;
	border:1px solid #ccc !important;
	}
	

	
.content_table{ margin:10px 0px;}
	
.content_table td{ border-bottom:1px dotted #f7f7f7;}
	

@media screen and (max-width:800px) {

#portfoliolist .portfolio{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width:90%;
	margin:1%;
	display:none;
	float:left;
	margin-bottom:10px;}
	
#topnav ul li ul.submenu
{
 float: left;
 position: absolute;
 left: 0px;
 top: 40px;
 display: none; 
 color: #fff;
 width:70%;
}

#topnav ul li ul.submenu a
{
 display:block;
 color: #00537F;
 padding: 3px 8px;
 background: #eee;
 float:left;
 min-width:175px;
}
#topnav ul li ul.submenu li{
 float:left;
 display:block;
 width:100%; 
}

#top_nav_container{ height:150px;}
	
}