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

.portfolio a  {
	padding:0;
	margin:0;
	margin-bottom:20px;
	display:block;
	width:120px;
	height:120px;
	border:10px solid #D1C19E;
	background-color:#efefef;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.portfolio_thumb a {
	padding:0;
	margin:20px 0;
	display:block;
	width:50px;
	height:50px;
	border:5px solid #D1C19E;
	background-color:#efefef;
}
.portfolio a:hover,.portfolio_thumb a:hover {
	border-color: #f93;
	background-color:#D1C19E;
}

#portfolio_window {
	background-color:#E6D4AE;
	margin-bottom:20px;
	margin-left:90px;
	width:780px;
	height:370px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
a#portfolio_close {
	position:absolute;
	bottom:10px;
	right:10px;
	height:18px;
	width:18px;
	background:transparent url(/_common/bg/button_close.png) 0 0 no-repeat;
	display:block;
	border-bottom:none;
	padding:0;
	
}
a#portfolio_close:hover {
	background-position:0 -18px;
}
a#portfolio_close em {display:none; }

#portfolio_inner_window {
	position:relative;
	width:780px;
	height:370px;
}
#portfolio_screenshot {
	margin:10px 0 10px 10px;
}
#portfolio_detail {
	width:290px;
	margin:20px 10px;
	color:#666;
	font-size:1.4em;
	line-height:1.3em;
}
#portfolio_detail dl {
	width:290px;
}
#portfolio_detail dt {
	color:#fff;
	font-size:.7em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:.9em;
}
#portfolio_detail dd {
	padding-bottom:1em;
}
#portfolio_detail h4 {
	font: bold 1.4em/1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin-bottom:1em;
}
#portfolio_detail h5 {
	font-size:1em;
	font-weight:bold;
}
#portfolio_detail p {
	margin-bottom:1em;
}