body {
	font-size: 62.5%;
}
#content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#content .noshowcase {
	display: none;  width: 0;  height: 0;
}
#content .showcase {
	float: left;
	padding: 1.6em;
}
#content .showcase .preview {
	float: left;
	width: 25.6em;  height: 25.6em;
}
#content .showcase .preview a:hover {
	border: 0;
}
#content .showcase .preview img {
	width: 100%;  max-height: 100%;
	border: 0.8em solid #CCC;
}
#content .showcase .preview img.wide {
	border-top: 0.8em solid #CCC;
	border-bottom: 0.8em solid #CCC;
	border-left: 1.6em solid #CCC;
	border-right: 1.6em solid #CCC;
}
#content .showcase .preview img.long {
	border-top: 1.6em solid #CCC;
	border-bottom: 1.6em solid #CCC;
	border-left: 0.8em solid #CCC;
	border-right: 0.8em solid #CCC;
}
#content .showcase .title,
#content .showcase .tech,
#content .showcase .description {
	width: 51.2em;
	padding: 0.8em 	4.0em;
	float: left;
}
#content .showcase .title a {
	font-size: 2.4em;
}
#content .showcase .description p {
	font-size: 1.4em;
	line-height: 1.4em;
	text-indent: 2.0em;
}
#content .showcase .tech p {
	font-size: 1.2em;
	line-height: 1.6em;
}
#content .showcase .tech a {
	white-space: nowrap;
}
#content .showcase .tech .blocked {
	display: block; float: left;
	margin: 0 1.2em 2.0em 0;
}

#quotes li {
	font-size: 3.2em;
	height: 1.0em;
	margin-bottom: 1.6em;
	line-height: 2.0em;
	font-family: fantasy;
	font-style: normal;
	letter-spacing: 0.1em;
	text-align: center;
}
#quotes li a:link {color: #EDF1F0; }  /* comp #B06B7E */  /* tric #B08B6B */
#quotes li a:visited {color: #2C5C5C; }  /* comp #5C2C2C */
#quotes li a:hover {color: #C7312C; border-bottom: 0; padding-bottom: 0.1em; }
#quotes li a:active {color: #2C5C5C; }