@charset "utf-8";
/* CSS Document */

.portfolio-wrapper {
	display:table-cell;
    position:relative;
	float:right;
	width:53%;
	margin-left:12%;
	vertical-align:middle;
	margin:65px 0px 0px 0px;
	
}
.active { 
	width:200px;
	font-family:sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:center;
	text-decoration:italic;
	text-transform:uppercase;
	padding:5px 0px 5px 0px;
	margin-top:15px;
	margin-left:5px;
	text-shadow:0px 1px 3px #fff;
	background:url(../images/bkg-HomeContent.png) repeat;
}
.portfolio {
	margin:auto;
	width:98%;
}
.left-content-block .portfolio-text {
	padding:10px;font-size:15px;
}
.left-content-block .portfolio-subtext {
	padding:15px;font-size:15px;
}
.portfolio img {
	float:left;
}
.portfolio ul li {
	float:left;
	margin:55px 25px 25px 5px;
}
.portfolio div img:hover {
	background:#E79C21;
	opacity:.6;
	padding:0px;
	dispaly:block;
}
.portfolio .imgWrap {
    display:inline-block;
	float:left;
    background-color:#fff;
    -moz-transition:all .5s linear;
    -ms-transition:all .5s linear;
    -o-transition:all .5s linear;
    -webkit-transition:all 1s linear;
    transition:all .5s linear;
}
.portfolio .imgWrap img {
    opacity:1;
    -moz-transition:all .5s linear;
    -ms-transition:all .5s linear;
    -o-transition:all .5s linear;
    -webkit-transition:all 1s linear;
    transition:all .5s linear;
}
.portfolio .imgWrap:hover {
    background-color:#E8B128;
    -moz-transition:all .5s linear;
    -ms-transition:all .5s linear;
    -o-transition:all .5s linear;
    -webkit-transition:all 1s linear;
    transition:all .5s linear;
}
.portfolio img:hover,
.portfolio .imgWrap:hover img {
    opacity:.8;
    -moz-transition:all .5s linear;
    -ms-transition:all .5s linear;
    -o-transition:all .5s linear;
    -webkit-transition:all 1s linear;
    transition:all .5s linear;
}
span.text-portfolio {
	background:rgba(0,0,0,0.5);
	color:white;
	cursor:pointer;
	display:block;
	height:30px;
	left:15;
	position:absolute;
	padding:5px 0 2px 0;
	margin:92px 0px 0px 0px;
	width:200px;
	opacity:.8;
	font-size:11px;
	text-align:center;
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-o-transition:opacity 500ms;
	transition:opacity 500ms;
}
span.text-portfolio-long {
	background:rgba(0,0,0,0.5);
	color:white;
	cursor:pointer;
	display:block;
	height:35px;
	left:15;
	position:absolute;
	padding:5px 0 2px 0;
	margin:92px 0px 0px 0px;
	width:200px;
	opacity:.8;
	font-size:11px;
	text-align:center;
	-webkit-transition:opacity 500ms;
	-moz-transition:opacity 500ms;
	-o-transition:opacity 500ms;
	transition:opacity 500ms;
}
ul.img-list { 
	float:left; 
	margin-top:-35px;
	margin-bottom:45px;
}
ul.img-list li:hover span.text-portfolio {
	opacity:.8;
	background:#000;
	display:block;
	text-align:center;
	padding:10px 0 5px 0;
	margin:90px 0 0 0;
}
ul.img-list li:hover span.text-portfolio .client {
	margin-top:-2px;
}
.exited { 
	width:200px;
	font-family:sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	padding:5px 0px 5px 0px;
	margin-left:5px;
	margin-top:25px;
	text-shadow:0px 1px 3px #fff;
	background:url(../images/bkg-HomeContent.png) repeat;
}