/* color reference
	dark blue: #081343
	light grey: #fff
	dark grey: #b3b3b3
	orange: #F95B02
*/


/* global style sheet */
body {
	margin: 0;
	padding: 0;
	background: url(images/page_bg.gif) top left repeat-x #081343;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
}

.pageHolder {
	width: 1022px;
	height: 598px;
	margin: 20px auto 0 auto;
	border: 1px solid #081343;
	border-width: 1px 0;
}

/* header styles */
.header {
	height: 35px;
	padding: 75px 0 5px 0;
	border-bottom: 1px solid #fff;
}

.headerLogos {
	float: left;
	width: 400px;
}

.headerLogos .hLogo {
	margin: 0 45px 0 25px;
}

/* navigation styles */
.topNav {
	float: left;
	width: 600px;
}

.topNav ul {
	margin: 10px 0 0 90px;
	padding: 0;
	list-style: none;
	font-size: 10px;
}

.topNav ul li {
	float: left;
	width: 152px;
	margin: 0 10px 0 0;
	padding: 0;
	text-align: right;
}

.topNav ul li a:link, .topNav ul li a:visited, .topNav ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.topNav ul li a:hover, .topNav ul li a.selected:link, .topNav ul li a.selected:visited {
	color: #F95B02;
}

.mainNav {
	float: left;
	width: 90px;
	height: 342px;
	margin: 15px 20px;
	border: 1px solid #fff;
	overflow: hidden;
}

.mainNav ul {
	margin: 20px 0 0 5px;
	padding: 0;
	list-style: none;
	font-size: 10px;
	color: #fff;
}

.mainNav ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

.mainNav ul li a:link, .mainNav ul li a:visited, .mainNav ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.mainNav ul li a:hover {
	color: #F95B02;
}

.subNav ul {
	margin: 7px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 10px;
}

.subNav ul li {
	float: left;
	margin: 0 50px 0 0;
	padding: 0;
}

.subNav ul li.last {
	margin: 0;
}

.subNav ul li a:link, .subNav ul li a:visited, .subNav ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.subNav ul li a:hover {
	color: #F95B02;
}

/* overall content styles */
.mainContent {
	width: 928px;
	padding: 0 0 0 94px;
}

img {
	border-style: none;
}

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* photo column styles */
.photoColumn {
	float: left;
	width: 480px;
	height: 355px;
	margin: 15px 0 0 0;
	padding: 0;
}

.photoColumn .largePhoto {
	float: left;
	width: 152px;
	margin: 0;
}

.photoColumn .largePhoto.commercial, .photoColumn .largePhoto.institutional {
	margin: 0 10px 0 0;
}

/* text column styles */
.textColumn {
	float: left;
	width: 275px;
	height: 355px;
	margin: 0;
}

.copyPanel {
	width: 250px;
	height: 305px;
	margin: 15px 0 0 0;
	padding: 18px 0 0 0;
	overflow: hidden;
}

.copyPanel h1 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

.copyPanel p {
	margin: 0 0 5px 0;
	padding: 0;
}

.copyPanel a:link, .copyPanel a:visited, .copyPanel a:hover {
	color: #fff;
	text-decoration: none;
}

/* client list styles */
#pseudoWindow0 {
	position:relative;
	top: 0;
	left: 0;
	margin: 10px 0;
	width: 240px;
	height: 265px;
	overflow: hidden;
}

#outerWrapper0 {
	position:absolute;
	top: 0;
	left: 0;
	overflow:hidden;
	width: 240px;
	height: 265px;
}

.clientPanel h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
}

.clientPanel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clientPanel ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

.clientPanel a:link, .clientPanel a:visited, .clientPanel a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.clientPanel a:hover {
	color: #F95B02;
}

/* contact us styles */
#contact .copyPanel p {
	margin: 0 0 12px;
}

/* project styles */
.projectList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.projectList li {
	margin: 0 0 10px 0;
	padding: 0;
}

.projectList li a:link, .projectList li a:visited, .projectList li a:hover {
	color: #fff;
	text-decoration: none;
}

.projectList li a:hover {
	color: #F95B02;
}

.projectNav {
	margin: 10px 0px 0 0;
	text-align: right;
	text-transform: lowercase;
}

.projectNav img {
	position: relative;
	top: 1px;
	margin: 0 0 0 5px;
}

.projectNav a:link, .projectNav a:visited, .projectNav a:hover {
	color: #fff;
	text-decoration: none;
}

.projectNav a:hover {
	color: #F95B02;
}

#project .mainContent {
	float: left;
	width: 968px;
	padding: 0 0 0 39px;
}

#project .largePhoto {
	float: left;
	width: 535px;
	margin: 15px 0 0 0;
	text-align: right;
}

#project .largePhoto2 {
	float: left;
	width: 667px;
	margin: 15px 0 0 0;
	text-align: right;
}


/* Splash Styles */
.pageHolder {
	position: relative;
}

.splash {
	position: absolute;
	right: 410px;
}

#splashImages {
	float: left;
	width: 550px;
	margin: 15px 0 0 64px;
}

/*
#aboutus .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#aboutus .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}
#mission .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#mission .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}
#settlement .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#settlement .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}
#building .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#building .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}
#sustainability .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#sustainability .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}
#collaboration .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#collaboration .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}
#communication .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#communication .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}
#services .mainContent	{float: left; width: 968px; padding: 0 0 0 39px;}
#services .largePhoto	{float: left; width: 535px; margin: 15px 0 0 0; text-align: right;}*/
#casestudies .mainContent {
	float: left;
	width: 968px;
	padding: 0 0 0 39px;
}

#casestudies .largePhoto {
	float: left;
	width: 535px;
	margin: 15px 0 0 0;
	text-align: right;
}

#skipIntroLink {
	clear: both;
	float: left;
	margin: 16px 0 0 316px;
}

#skipIntroLink a {
	color: #fff;
	text-decoration: none;
}

#movie1 {
	width: 535px;
	height: 342px;
	margin: 0;
	text-align: center;
	background: yellow;
}

.hide#movie {
	display: none;
}

.show#movie {
/*	display: block;*/
}

#photoHolder {
	height: 342px;
}