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

.portfolio-holder .col1 {
	float: left;
	width: 280px;
	margin-top: 30px;
}
.portfolio-holder .col2 {
	float: right;
	width: 640px;
}
.portfolio-holder h4 {
	margin-top: 20px;
}

.portfolio-holder .col2 ul li {
	float: left;
	padding-right: 15px;
}


#bigimg {
	display: block;
	width:640px;
	overflow:hidden;
	position:relative;
	padding: 0;
	margin: 10px 0 0 0;
	clear: both;
}
.bigimg {
	width: 100%;
	height: 100%;
	overflow:hidden;
	position:relative;
}
.portfolio-holder .bigimg ul.list {
	width:9999px;
	padding:0;
	margin:0;
	height:440px;
	position:relative;
	list-style:none;
	overflow:hidden;
}
.portfolio-holder .bigimg ul.list li {
	width:640px;
	position:absolute;
	top: 25px;
	left:0;
	z-index:0;
	list-style: none;
	background-image: none;
}
.portfolio-holder .bigimg ul.list li.active {z-index:1;}
.bigimg img {
	display:block;
	padding: 5px;
	border: solid 1px #ddd;
}

#bigimg .paging {
	position:absolute;
	top:0;
	right:0px;
	padding:0 5px 0 0;
	margin:0;
	list-style:none;
	z-index:2;
}
#bigimg .paging li {
	padding: 0 4px 7px;
	float: left;
}
#bigimg .paging li a {
	display:block;
	width:12px;
	height:12px;
	padding:0;
	background:#ccc;
	text-indent: -9999px;
}
#bigimg .paging li a:hover {background:#862c73}
#bigimg .paging li.active a {background:#862c73}
* html #bigimg .paging li a {
	width:18px;
	padding:3px 1px 0 0;
}