.projects #content {
	width: auto;
	float: none;
}
.projects #content ul {
	overflow: hidden;
	margin-left: 0;
	list-style: none;
}
.projects #content ul li {
	float: left;
	clear: none;
	width: 250px;
	margin: 0 15px 30px;
}
.projects #content ul a .thumb {
	display: block;
	background: url("/img/style/bg-gallery.png") no-repeat;
	padding: 5px;
}
.projects #content ul a:focus .thumb,
.projects #content ul a:hover .thumb,
.projects #content ul a:active .thumb {
	background: url("/img/style/bg-gallery-over.png") no-repeat;
}
.projects #content ul a img {
	display: block;
	background: #D8D9DE url("../img/style/bg-loading.gif") no-repeat center center;
	width: 240px;
	height: 178px;
}
.projects #content ul a span {
	display: block;
}

.projects #content ul a .read-more {
	background: #03344F url("/img/style/bg-readmore2-left.gif") no-repeat left top;
	display: block;
	float: left;
	color: #FFF !important;
	text-decoration: none;
}
.projects #content ul a .read-more span {
	background: url("/img/style/bg-readmore2-right.gif") no-repeat right top;
	display: block;
	padding: 0 27px 0 10px;
	line-height: 27px;
}
.projects #content ul a:focus .read-more,
.projects #content ul a:hover .read-more,
.projects #content ul a:active .read-more {
	background-color: #38608F;
	color: #FFF;
}

/* detail page */
#site_preview {
	border: 1px solid #38608F;
	padding: 5px;
	margin: 0 auto;
	display: block;
}