/*

	-- -- -- -- -- -- --
	bright creative
	section-home.css
	about section layout
	-- -- -- -- -- -- --
	
*/



.column-1 p {
	/* 13px / 22px */
	font-size: 1.3em;
	line-height: 1.6923;
}
.postscript {
	color: #716257;
	font-size: 1.1em; /* 11px */
}




																		/* -- featured and header graphic -- */
#stage {
	position: absolute;
	z-index: 10;
	width: 100%;
}
#stage .wrapper {
	width: 750px;
	height: 191px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#container #stage i {
	top: 4px;
}
#mini-showcase {
	width: auto;
	padding-top: 209px;
	padding-left: 0px;
	height: 215px;
	background: url(../i/ui/home-page-feature.gif) no-repeat 50% 2px;
	position: relative;
	z-index: 1;
}
#mini-showcase h3 {
	text-shadow: none;
}
#mini-showcase .wrapper {
	width: 750px;
	height: 205px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#feature {
	position: absolute;
	top: 28px;
	left: 18px;
}
#view-link {
	display: block;
	position: absolute;
	top: 155px;
	left: 428px;
}
#mini-showcase .context {
	padding: 30px 20px 0 513px;
}



																		/* -- bottom project listing -- */
#project-listing {
	width: 750px;
	margin: 0 auto;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
}
#project-listing p {
	/* 13px / 22px */
	font-size: 1.3em;
	line-height: 1.6923;
}
#project-listing h3 {
	padding-top: 10px;
}
#project-listing div a, #project-listing div a:visited {
	display: block;
}
#container #project-listing i {
	display: block;
	width: 750px;
	height: 24px;
	background: url(../i/ui/h2-overhang2.png) no-repeat 0 0;
	position: absolute;
	top: 17px;
	left: 0;
	margin: 0;
	z-index: 10;
}
#project-listing .intro {
	padding: 5px 5px 0 5px;
}
#project-listing .column-1,
#project-listing .column-2,
#project-listing .column-3 {
	width: 240px;
	float: left;
	padding: 10px 4px 0 6px;
	background: url(../i/ui/col-div.png) no-repeat 100% 0;
}
#project-listing .column-3 {
	background: none;
}