#portfolio{
padding: 0;
text-align: center;
width: 100%;
height: 100%;
margin: auto;
padding-bottom: 20px;
}

#portfolio.content   {
max-width: 100%;

  

}

#portfolio .title {
text-align: left;
margin-top: 30px;
margin-bottom: 30px;
}


.portfolio-title h1 {
  	font-family: SansSC-Medium, sans-serif;
	color: #918C7E;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 3px;
	text-align: left;
	border: none;
	margin: 0;


}

.portfolio-title p {
	font-family: SansSC-Medium, sans-serif;
	color: #d9d4c8;
	font-size: 12px;
	margin: 0 0 20px 0;
	text-align: left;


}

.portfolio-close a,
.portfolio-close a:hover,
.portfolio-close a:active,
.portfolio-close a:visited {
font-family: SansSC-Bold;
font-size: 16px;
color: #FB7335;
text-decoration: none;
margin: 14px 0px 0px 20px;
float: left;

}

#portfolio .item h1 {
	font-family: Sans-Bold;
	font-size: 16px;
	color: #696156;
	font-weight: normal;
	margin-bottom: 3px;
	text-align: left;
	border: none;
	margin: 0;
	max-width: 600px;
	padding: 0;



}

#portfolio .item p {
	font-family: SansSC-Bold;
	font-size: 16px;
	color: #918C7F;
	margin: 0;
	max-width: 600px;
	text-align: left;


}

#portfolio .item a,
#portfolio .item a:hover,
#portfolio .item a:active,
#portfolio .item a:visited {
font-family: SansSC-Bold;
font-size: 24px;
color: #FB7335;
text-decoration: none;
float: right;
margin: 0px 20px 0px 0px;

}

#portfolio .item i {
margin: 0px 0px 0px 10px;

}

#portfolio .item img {
text-align: center;
max-height: 590px;
max-width: 90%;
margin-top: 20px;
margin-left: -20px;



}


#portfolio .punch {

/* Rectangle 3: */
box-shadow: inset 0px 1px 15px 0px #D9D4C9;
padding: 20px 0px 0px 20px;
text-align: center;
width: 100%;
height: 100%;


	margin: 0 0 10px 0;
	
	
	background-color: rgba(255,255,255,1); /* Needed for IEs */
	box-shadow: inset 1px 1px 16px 1px rgba(217,212,200,.65);
	-moz-box-shadow: inset 1px 1px 16px 1px rgba(217,212,200,.65);
	-webkit-box-shadow: inset 1px 1px 20px 1px rgba(217,212,200,.65);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.65);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5); /*for IE*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
	
	overflow: hidden;
}

#gallery{
margin-top: 10px;
width: 100%;
}

#gallery li {
display: inline;
margin-right: 5px;
cursor: pointer;
height: 50px;
}


#gallery li img {
height: 50px;
border: 1px solid #d9d4c7;
}

@media screen and (min-width: 641px) and (max-width: 1024px) {

#portfolio{
padding: 3px;
text-align: center;
width: 100%;
height: 100%;
margin: 0 0 0 0;
}

#portfolio.content {
width: 100%;
margin-left: 0;
}	

.portfolio-close a,
.portfolio-close a:hover,
.portfolio-close a:active,
.portfolio-close a:visited {

float: none;

}

#portfolio .punch {
padding: 10px 0px 0px 10px;
text-align: center;
width: 95%;
height: 100%;
margin: 0 1.25% 0 -1.25%;
}	

#portfolio .item img {
max-width: 95%;
}
	
	
	
}

@media screen and (min-width: 0px) and (max-width: 640px) {

#portfolio{
padding: 3px;
text-align: center;
width: 100%;
height: 100%;
margin: 0 0 0 0;
}

#portfolio.content {
width: 100%;
margin-left: 0;
}	

.portfolio-close a,
.portfolio-close a:hover,
.portfolio-close a:active,
.portfolio-close a:visited {

float: none;

}

#portfolio .punch {
padding: 10px 0px 0px 10px;
text-align: center;
width: 95%;
height: 100%;
margin: 0 1.25% 0 -1.25%;
}	

#portfolio .item img {
max-width: 95%;
}