#works {
	position: relative;
	width: 100%;
	height: 377px;
	margin-bottom: 30px;
}
.worksItems img, #works a img {
	border: 0;
}
.worksItems li,
.worksItems p {
	font-family: "Arial", "Verdana", sans-serif;
	margin: 0;
	padding: 0;
	font-size: .8em;
	line-height: 1.6;
}
.worksItems li p {
	font-size: 1em;
}
.worksItems {
	position: relative;
	overflow: hidden;
	width: 802px;
	margin: 0 auto;
	height: 335px;
	background: url(i/works.png) no-repeat top left;
	padding-top: 42px;
	padding-left: 8px;
}
#works .back {
	position: absolute;
	top: 42%;
	left: 50px;
	z-index: 2;
}
#works .back a,
#works .next a {
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}
#works .back a img, 
#works .next a img
{behavior:url(lib/iepngfix.htc);}

#works .back a:hover img,
#works .next a:hover img {
	background-color: #7db236; 
}
#works .next {
	position: absolute;
	top: 42%;
	right: 50px;
	z-index: 2;
}
.worksItems ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
.worksItems li {
	float: left;
	display: inline;
	width: 402px;
}

.titles {
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	margin-top: -9px;
	font-family: "Arial Black"
}
.before {color: #ff6d00; margin-left: 170px;}
.after {color: #7db236; margin-left: 330px;}