/* page title */
h1 {
	margin-bottom: 20px;
}

/* wrapper */
#text {
	padding: 0 20px;
}
.case {
	border: 1px solid #dad003;
	padding: 9px;
	margin-bottom: 20px;
}
.title {
	width: 680px;
	background: url(../casestudy/images/genre-left.gif) no-repeat 620px 0px;
	border-bottom: 1px dotted #dad003;
	margin-bottom: 10px;
}
.photo {
	width: 210px;
	float: left;
}
.copy {
	width: 470px;
	float: right;
}

/* elements */
h2 {
	width: 625px;
	float: left;
	font-size: 90%;
	line-height: 1.3em;
}
.genre {
	width: 55px;
	height: 16px;
	background: #e3eb00 url(../casestudy/images/genre-right.gif) no-repeat right top;
	float: right;
	font-size: 70%;
	line-height: 16px;
	text-align: center;
	color: #ffffff;
}
dl {
	font-size: small;
	line-height: 1.5em;
}
dt {
	background: url(../images/bullet.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
}
dd {
	margin: -1.5em 0 0.3em 8em;
}
.noimage {
	width: 200px;
	height: 150px;
	background: #cccccc;
	font-size: small;
	font-weight: bold;
	line-height: 150px;
	text-align: center;
	color: #ffffff;
}