/* colors 
orange: #f4911e;
lt orange: #f9c88e;
dk gray: #887f6f;
lt gray: #c1bbaf; OLD
lt gray: #b0aba0;
green: #bdd73c;
*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	background: #fff url(images-layout/bg-body.gif) repeat-x;
}

body {
	text-align: center;
	font-size: 62.5%;
/*	background: #fff; */
	}
	
a {
	outline: expression(hideFocus='true'); /* IE6 link outline removal */
	color: #887f6f;
}

/* start mask styles */
#mask {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 8000;
/*	text-align: center; */
	text-align: left;
}

#maskWrapper {
/*	display: none; */
	text-align: left;
	visibility: hidden;
}

#taglineMask {
	display: inline-block;
	color: #887f6f;
	font-size: 3.8em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

#taglineLogo {
	margin-bottom: 10px;
}

#taglineText {
	display: inline-block;
}

#taglineText p {
	display: inline;
}


/* end mask styles */

#wrapper {
/*	display: table; */
	position: relative;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	
	width: 960px;
	
	margin: 0 auto;
	
	text-align: center;
}

#wrapperFix {
	position: relative;
	text-align: left;
}

#header {
	position: relative;
	width: 960px;
	height: 150px;
	margin: 0 auto;
	text-align: left;
}

#nav {
	position: absolute;
	left: 354px;
	bottom: 31px;
}

#navLinks {
	float: left;
}

#navLinks a {
	visibility: hidden;
/*	display: inline; */
	display: inline-block;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.4em;
/*	color: #c1bbaf; */
	color: #b0aba0;
}

#navLinks a:hover,
#navLinks a:active {
	color: #f4911e;
}

#navLinks a.selected {
	color: #f4911e;
}

#content {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
	text-align: left;
}

/* start styles for home page */
#content.home {
	margin-top: 40px;
}

.contentHome {
	position: relative;
	float: left;
	width: 475px;
	height: 300px;
	overflow: hidden;
	cursor: pointer;
}

.contentHomeProject {
	display: none;
}

.contentHomeHero {
	width: 475px;
	height: 300px;
	background: #bdd73c;
	cursor: default;
}

.contentHomeTitle {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 10;
	font-size: 3.8em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

.contentHomeText {
	visibility: hidden;
	position: absolute;
	width: 475px;
	height: 300px;
	z-index: 5;
	background: #887f6f;
}

.contentHomeText p {
	padding: 20px;
	color: #fff;
	font-size: 1.8em;
	line-height: 1.4em;
}

.contentHomeText p a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.contentHomeTextStatic {
	visibility: visible;
	background: none;
}

/* end styles for home page */

#contentTitle {
	position: absolute;
	left: 0;
/*	top: 63px; */
	top: 212px;
}

#contentTitle.projects {
/*	top: 180px; */
/*	left: 354px; */
}

#contentTitle h1 {
	font-size: 2em;
	color: #f4911e;
	font-weight: normal;
}

#contentTitle.projects h1 {
	font-size: 1.8em;
	color: #000;
}

#contentProjectstrip {
	position: absolute;
	left: 0;
	/* top: 50px; */
	top: 207px;
	width: 960px;
	font-size: 1.1em;
	z-index: 100;
}

#contentProjectstripItems {
	position: absolute;
	left: 0;
	top: 0;
	width: 960px;
	height: 18px;
	background: #f3f5f7;
}

.ProjectItem {
	visibility: hidden;
	float: left;
	height: 18px;
	width: 15px;
	margin-right: 10px;
	border: 1px solid #000;
	background: #887f6f;
	cursor: pointer;
}

html > body .ProjectItem {
	height: 16px;
	width: 13px;
}

.ProjectItemGreen {
	background: #bdd73c;
}

.ProjectItemLast {
	margin-right: 0;
}

#contentProjectstripLeft {
	position: absolute;
	left: 0;
	top: 22px;
}

#contentProjectstripRight {
	position: absolute;
	right: 0;
	top: 22px;
}

/* heroProject definitions */
.heroProject {
	background: #fff;
}

.heroProjectPhoto {
	float: left;
	margin-right: 16px;
}

.heroProjectText {
	float: left;
	width: 210px;
}

#contentBody .heroProjectText p.title {
	margin-bottom: 0;
	font-size: 1.4em;
}

#contentLinks {
	position: absolute;
	left: 354px;
	/* top: 63px; */
	top: 212px;
	z-index: 100;
}

#contentLinks.projects {
	left: 0px;
}

#contentLinks p.head {
	font-size: 1.8em;
	line-height: 1.6em;
}

#contentLinks a,
.contentLinks a,
span.contentLinks {
/*	display: inline; */
	display: inline-block; /* correct for IE6 and borders not showing when inline */
	margin-right: 20px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.4em;
/*	color: #c1bbaf; */
	color: #b0aba0;
	border-bottom: 1px solid #fff;
}

span.contentLinks {
	font-size: 1.2em;
	margin-right: 10px;
}

.contentLinks a {
	font-size: 1.2em;
}

#contentLinks a:hover,
.contentLinks a:hover {
	color: #000;
	border-bottom: 1px solid #c1bbaf;
}

#contentLinks a.selected,
.contentLinks a.selected {
	color: #000;
	border-bottom: 1px solid #fff;
}

#contentLinks a.last,
.contentLinks a.last {
	margin-right: 0;
}

#contentSide {
	float: left;
	width: 317px;
	margin-top: 102px;
	margin-right: 37px;
}

#contentSideNav {
	margin-top: 5px;
	text-align: left;
	font-size: 1.1em;
}

#contentSideNav #play {
	display: none;
}

#contentSide p, #contentSide ul {
	margin-bottom: 12px;
	font-size: 1.2em;
	line-height: 1.6em;
}
#contentSide ul {list-style: circle outside}
#contentSide li {margin-left: 20px}

#contentSide p.head {
/*	font-size: 1.8em; */
/*	font-size: 1.6em; */
/*	font-size: 1.4em; */
	font-size: 1.2em;
	line-height: 1.6em;
}

#contentSide p.subhead {
	font-size: 1.4em;
	color: #f4911e;
}

#contentSide a {
	text-decoration: none;
}

#contentSide a:hover {
	color: #f4911e;
}

#contentSideAbout, 
#contentSideWhy, 
#contentSideProcess, 
#contentSideArt {
	height: 364px;
	overflow: hidden;
}

ul.community {
	font-size: 1.6em;
	line-height: 1.2em;
/*	color: #c1bbaf; */
	color: #b0aba0;
}

ul.community li {
	list-style: square; 
	margin-left: 16px; 
	margin-bottom: 10px;
}

ul.community a {
	text-decoration: none;
	border-bottom: 1px solid #fff;
/*	color: #c1bbaf; */
	color: #b0aba0;
}

ul.community a:hover
{
	border-bottom: 1px solid #c1bbaf;
	color: #000;
}

ul.community a.selected {
	border-bottom: 1px solid #fff;
	color: #000;
}

#contentBody {
	position: relative;
	float: left;
	width: 606px;
	margin-top: 102px;
}

#contentBody p {
	margin-bottom: 8px;
	font-size: 1.2em;
	line-height: 1.6em;
}

#contentBody ol,
#contentBody ul {
	margin-bottom: 8px;
	font-size: 1.2em;
	line-height: 1.6em;
}

#contentBody ol li {
	list-style: decimal;
	margin-left: 26px;
	margin-bottom: 8px;
}

html > body #contentBody ol li {
	margin-left: 18px;
}

#contentBody ul li {
	list-style: none;
	margin-bottom: 8px;
}

#contentBody h2 {
	margin-bottom: 12px;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: normal;
	color: #f4911e;
}

#contentBody a {
	text-decoration: none;
	color: #887f6f;
}

#contentBody a:hover, 
#contentBody a:active {
	text-decoration: none;
	color: #f4911e;
}

#contentBody a.project {
	padding: 3px;
	border: 1px solid #c1bbaf;
}

#contentHomeHero {
	position: relative;
	height: 381px;
	overflow: hidden;
}

#contentHomeHeroNav {
	margin-top: 5px;
	text-align: right;
	font-size: 1.1em;
}

#contentHomeHeroNav #play {
	display: none;
}

#contentHero {
	position: relative;
	height: 381px;
	overflow: hidden;
}

#contentHeroNav {
	display: block;
/*	margin-top: 10px; */
	margin-top: 5px;
/*	text-align: center; */
}

#contentHeroNav a {
	margin-right: 10px;
	text-decoration: none;
	font-size: 1.1em;
	color: #887f6f;
}

#contentHeroNav a:hover {
	color: #f4911e;
}

#contentHeroNav a.activeSlide {
	color: #f4911e;
}

#contentHeroNavCenter {
	display: inline;
}

#contentHeroNavControl {
	display: inline;
	float: right;
	text-align: right;
}

#contentHeroNavControl #play {
	display: none;
}

#contentHeroNavControl a {
	margin-right: 0;
}

.contentBlock {
	background: #fff;
}

.contentShown {
	display: block;
}

.contentHidden {
	display: none;
}

#footer {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
	margin-top: -50px;
	height: 50px;
}

#footer p {
	padding-top: 20px;
	color: #c1bbaf;
	font-size: 1em;
	line-height: 1.3em;
}

#footer a {
	padding: 0 8px;
	text-decoration: none;
/*	color: #c1bbaf; */
	color: #b0aba0;
}

#footer a:hover, 
#footer a:active {
	color: #f4911e;
}

.clearIt {
	clear: both;
}

.uppercase {
	text-transform: uppercase;
}

.callout {
	color: #f4911e;
}

.normal {
	color: #000;
}

.contentHome {margin: 0 5px 5px 0}
.extra-footer {margin-bottom: 20px}
#footer .extra-footer a {text-decoration: none;padding: 0}
#mask {display: none}
h1.inline {color: #FFF;font-size: 1.8em;line-height: 1.4em;margin: 20px 10px 0 20px;float: left}
.ProjectItemLast {float: right}