a {font-family:Arial, Helvetica, sans-serif;}

.social-icons {
	float:right;
	text-align: right;
	margin-top:14px;
	border:0px solid #660000;
}

.social-icons li {
	display: inline;
	margin: 4px 0 0 6px;
}



.social-icons img:hover {
	zoom: 1;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition:opacity 0.3s ease;
	-moz-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}



.overlay-wrp {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	height: 100%;
	width: 100%;
}

.overlay-wrp .overlay {
	opacity: 0.5;
	filter: alpha(opacity=50);
	height: 100%;
	width: 100%;
}

.overlay {
	background: #000;

}
    
	

	.container .overlay-content.social-icons {
		text-align: center;
		margin-top: -11px;
		position: absolute;
		top: 20%;
		width: 100%;
		z-index: 10;
		font-size: 20px;
		color:#ffffff;
	}
	
	.container .overlay-content.social-icons a {
	/*	font-family: 'Oswald', sans-serif;*/
		font-size: 20px;
		color:#ffffff;
		padding:70px 0px;
		text-transform:uppercase;
		text-decoration:none;
	}
	
	.container .overlay-content.social-icons img {
		background: black;
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		opacity: 0.7;
	}
	
	.container .overlay-content.social-icons img:hover {
		background-color:#000;
		opacity: 1;
		transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-webkit-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
	}
	

	.icon {
		width: 120px;
		height: 100px;
		border:0px solid #000;
/*		border-radius:160px;
		-webkit-border-radius: 160px;
		-moz-border-radius: 160px;*/
		margin: 60px auto 20px auto;
		background: transparent center center no-repeat;
		
	}
	
	.icon a{
		cursor: pointer; 
		opacity: 0.4;
		transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;	
		
	}
	
	.icon a:hover {
		background-image:url(../images/icons/icons-brand-hover.png) top no-repeat;
		margin-top: -5px;
			opacity: 1;
	}
	
	
	/*Branding Icon--------------------------------------*/
	.icon-b a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-brand.png) 0 0 no-repeat;
		
	}
	
	.icon-b a:hover {
		background:url(../images/icons/icons-brand-hover.png) 0 0 no-repeat;
			opacity: 1;
	}
	
	/*Advertising Icon--------------------------------------*/
	.icon-ad a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-advertising.png) 0 0 no-repeat;
		
	}
	
	.icon-ad a:hover {
		background:url(../images/icons/icons-advertising-hover.png) 0 0 no-repeat;
			opacity: 1;
	}
		
		
	/*Emarketing Icon--------------------------------------*/
	.icon-em a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-emarketing.png) 0 0 no-repeat;
		
	}
	
	.icon-em a:hover {
		background:url(../images/icons/icons-emarketing-hover.png) 0 0 no-repeat;
			opacity: 1;
	}
	
	/*Collateral Icon--------------------------------------*/
	.icon-col a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-collateral.png) 0 0 no-repeat;
		
	}
	
	.icon-col a:hover {
		background:url(../images/icons/icons-collateral-hover.png) 0 0 no-repeat;
			opacity: 1;
	}	


	/*Sales Environ. Icon--------------------------------------*/
	.icon-sales a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-sales.png) 0 0 no-repeat;
		
	}
	
	.icon-sales a:hover {
		background:url(../images/icons/icons-sales-hover.png) 0 0 no-repeat;
			opacity: 1;
	}		
	
	/*Print Icon--------------------------------------*/
	.icon-print a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-printing.png) 0 0 no-repeat;
		
	}
	
	.icon-print a:hover {
		background:url(../images/icons/icons-printing-hover.png) 0 0 no-repeat;
			opacity: 1;
	}			
	

	/*Signage Icon--------------------------------------*/
	.icon-sign a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-signage.png) 0 0 no-repeat;
		
	}
	
	.icon-sign a:hover {
		background:url(../images/icons/icons-signage-hover.png) 0 0 no-repeat;
			opacity: 1;
	}
	
	
	/*Interior Merchandising Icon--------------------------------------*/
	.icon-interior a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-interior.png) 0 0 no-repeat;
		
	}
	
	.icon-interior a:hover {
		background:url(../images/icons/icons-interior-hover.png) 0 0 no-repeat;
			opacity: 1;
	}
	
	/*Installation Icon--------------------------------------*/
	.icon-install a{
		display:block;
		width: 120px;
		height: 100px;
		border:0px solid #000;
		margin: 60px auto 20px auto;
		overflow:hidden;
		text-indent:-99999px;
		background:url(../images/icons/icons-install.png) 0 0 no-repeat;
		
	}
	
	.icon-install a:hover {
		background:url(../images/icons/icons-install-hover.png) 0 0 no-repeat;
			opacity: 1;
	}		


/*--------------------------------------------------------
Portfolio Sub Navigation
--------------------------------------------------------*/


.portfolio-links {
	border:0px solid #F00;
	height: 70px;
	margin:20px auto;
}

 .portfolio-links li {
	display: inline;
	margin: 0 20px 0 0;
}

.p-slash{
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 23px;
	color: #00bed2;
	text-decoration:none;
	margin:0px 10px;
	font-style:none;
	text-transform:uppercase;
	font-weight:normal;
	
}

 .portfolio-links a {
	font-family:Arial, Helvetica, sans-serif;
	color:#9FA1A1;
	font-weight:500;
	font-size:24px;
	text-decoration:none;
	font-style:none;
	cursor:pointer;
}

.portfolio-links a:visited {
	color: #000;
}

 .portfolio-links a:hover, .portfolio-links a.selected {
	color: #001D60;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-o-transition: color 0.5s;
}





 .portfolio-links img {
	margin-left: 22px;
	width: 147px;
	height: 45px;
	opacity:1;
}

.portfolio-links img:hover {
	opacity:1; 
}





	
	/*Portfolio------------------------------------------*/
	
		.portfolio-wrap{
		margin-top:32px;
	}
	
	
	
	.portfolio-hldr {
	margin:40px 0px;	
	}
	
	.work-hdr { width:100%;text-align:center; display:block; position:relative;}
	
	
	#portfolio h1  {
		margin-bottom: 34px;
	}
	
	.project-title {
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		margin-top: 7px;
	}
	
	.project-description {
		color: #868991;
		font-size: 10px;
		text-transform: uppercase;
		font-weight: 600;
		margin: 0 0 20px 0;
	}
	

	
		.project-description a {
		color: #00b5cb;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 600;
		margin: 0 0 20px 0;
	}
	
		.project-description a:hover{
		color: #868991;
		transition: color 0.5s;
		-moz-transition: color 0.5s;
		-webkit-transition: color 0.5s;
		-o-transition: color 0.5s;
	}
	
	
	.work-description {
		font-size: 12px;
	}
	
	 .overlay-content.magnify {
		width: 34px;
		height: 34px;
		background: url(../images/magnify.png) 0px 0px no-repeat;
		position: absolute;
		top: 22%;
		margin: -17px 0 0 -17px;
		left: 50%;
		z-index: 10;
	}

#section-gallery{
		margin:40px 0px;
		width:100%;
}

/*Important*/
#section-gallery li {
	width: 100%;
	height:475px;
	border-bottom: 0px solid #ccc;
	
}

#section-gallery li a {color:#00c2d5; font-size:20px; font-weight:normal; text-transform:lowercase; font-family: 'Oswald', sans-serif; text-decoration:none;}

 #section-gallery li a:hover, #section-gallery li a.selected, #section-gallery li a:active {
	color: #00b5cb;
	border-bottom: 0px solid #fff;
	text-decoration:underline;
}


.gallery li a {color:#00c2d5; font-size:14px;  font-family:Arial, Helvetica, sans-serif;}
.gallery p{
text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;	
	line-height: 24px;
	font-weight:normal;
}




.carousel {
	overflow: auto;
		
	border-bottom: solid 0px #4d5350;
}

	/*Portfolio Navigation-----------------------------*/
	

		.portfolio li {
	font-size: 18px;
/*	width: 215px;*/
	border-bottom: 0px solid #ccc;
	margin:0px 0px;
}

.portfolio li li a {
	
	border-bottom: 0px solid #ccc;
	margin:0px 0px;
	padding-left:10px;
	line-height: 20px;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	/*line-height:34px;	
	color:#030303;*/
}

.portfolio .open{
color: #4d5350;
	width: 215px;
	text-decoration: none;
	padding: 15px 0 3px 20px;
	background: url(../images/bg-portfolio-li.gif) top left no-repeat;
	line-height: 25px;
	display: block;
	cursor: pointer;	
	
}


.portfolio li a {
	color: #1c1f26;
	text-decoration: none;
	padding: 20px 0 3px 0px;
	line-height: 28px;
	display: block;
	cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight:400;
	text-transform:uppercase;
}


.portfolio li a:hover, .portfolio li a.selected,  .portfolio li a:active {
	color: #00b5cb;
	border-bottom: 0px solid #fff;
}