﻿/*common styles*/
body 
{
	font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
	background-image:url(./Images/background.png);
}
h1
{
	font-size:18px;
}
h3
{
	font-size:13px;
	margin-bottom:0px;
	padding-bottom:0px;
}
h4
{
	font-size:13px;
}
p
{
	line-height:13px;
	margin-top:7px;
	margin-bottom:7px;
}
#pageBorder
{
	width:800px;
	height:570px;
	background-color:White;
	margin-left: auto;    
	margin-right: auto;
}
#pageContainer
{
	position:relative;
	width:740px;
	height:540px;
	left:30px;
	top:30px;
	background-color:White;
}
#pageHeader
{
	position:absolute;
	top:0px;
	height:70px;
	width:100%;	
	background-image:url(./Images/banner_background.png);
}
#pageFooter
{
	position:absolute;
	top:490px;	
	border-top: solid 1px black;
	width:100%;
	color:#666666;
}
.pageFooterLabel
{
	position:absolute;
	top:10px;
}
.projectsSpacerCell
{
	width:10px;
	height:10px;
}
.detailLocationHeader
{
	position:absolute;
	top:5px;
	left:10px;
}

.locationHeaderBar
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#666666;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.locationHeaderBar0
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#4E2E2A;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.locationHeaderBar1
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#424A38;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.locationHeaderBar2
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#3D323C;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.locationHeaderBar3
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#3F4553;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.locationHeaderBar4
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#6E654C;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.locationHeaderBar5
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#684736;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.locationHeaderBarAboutUs
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#666666;
	font-size:13px;
	color:White;	
	top:80px;
	vertical-align:middle;
}
.navMain
{
	font-size:13px;
}
a:link    { color:black; text-decoration:underline;}
a:visited { color:black; text-decoration:underline;}
a:hover   { color:black; text-decoration:underline;}
a:active  { color:black; text-decoration:underline;}

a.navMain:link    { color:#503936; text-decoration:none; font-family:Times New Roman; font-size:13px;font-weight:bold;}
a.navMain:visited { color:#503936; text-decoration:none; font-family:Times New Roman; font-size:13px;font-weight:bold;}
a.navMain:hover   { color:#6e654c; text-decoration:underline; font-weight:bold;font-family:Times New Roman; font-size:13px;font-weight:bold;}
a.navMain:active  { color:#503936; text-decoration:none;font-family:Times New Roman; font-size:13px;font-weight:bold;}

a.locationBar:link    { color:white; text-decoration:underline; font-size:13px;}
a.locationBar:visited { color:white; text-decoration:underline; font-size:13px;}
a.locationBar:hover   { color:white; text-decoration:underline; font-size:13px;}
a.locationBar:active  { color:white; text-decoration:underline; font-size:13px;}

#nav1
{position:absolute;
	left:125px;
	top:50px;
}
#nav2
{position:absolute;
	left:250px;
	top:50px;
}
#nav3
{position:absolute;
	left:375px;
	top:50px;
}
#nav4
{position:absolute;
	left:500px;
	top:50px;
}
#nav5
{position:absolute;
	left:625px;
	top:50px;
}

/*home page styles*/
#indexRightContainer
{
	width:220px;
	left:500px;
	height:355px;
	background-color:#D9D2C1;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	top:120px;
	margin:0px 0px 0px 0px;
	color:#333333;
}
#indexMainContainer
{
	position:absolute;
	top:120px;
	left:0px;
}
/*projects(our work) styles*/
#projectsMainContainer
{
	position:relative;
	top:120px;
	left:0px;
}
.projectTypeDescriptionContainer0
{
	position:absolute;
	width:220px;
	height:220px;
	padding:10px;
	color:White;
	top:125px;
	background-color:#4E2E2A;	
}

.projectTypeDescriptionContainer1
{
	position:absolute;
	width:220px;
	height:220px;
	padding:10px;
	color:White;
	top:125px;
	background-color:#424a38;	
}
.projectTypeDescriptionContainer2
{
	position:absolute;
	width:220px;
	height:220px;
	padding:10px;
	color:White;
	top:125px;
	background-color:#3D323C;	
}
.projectTypeDescriptionContainer3
{
	position:absolute;
	width:220px;
	height:220px;
	padding:10px;
	color:White;
	top:125px;
	background-color:#3F4553;
}
.projectTypeDescriptionContainer4
{
	position:absolute;
	width:220px;
	height:220px;
	padding:10px;
	color:White;
	top:125px;
	background-color:#6E654C;
}
.projectTypeDescriptionContainer5
{
	position:absolute;
	width:220px;
	height:220px;
	padding:10px;
	color:White;
	top:125px;
	background-color:#684736;
}
#projectTypeImageContainer1
{
	position:absolute;
	left:250px;
	width:240px;
	height:240px;
	background-color:white;
	top:125px;
}
#projectTypeImageContainer2
{
	position:absolute;
	left:500px;
	width:240px;
	height:240px;
	background-color:white;
	top:125px;
}
.projectsNameLabelContainer0
{
	position:absolute;
	top:85px;
	width:115px;
	height:30px;
	font-size:13px;
	color:white;
	text-align:center;
	background-color:#4E2E2A;
		filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: .80;
	opacity: .80;
}
.projectsNameLabelContainer1
{
	position:absolute;
	top:85px;
	width:115px;
	height:30px;
	font-size:13px;
	color:white;
	background-color:#424a38;
		filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: .80;
	opacity: .80;
}
.projectsNameLabelContainer2
{
	position:absolute;
	top:85px;
	width:115px;
	height:30px;
	font-size:13px;
	color:white;
	background-color:#3D323C;
		filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: .80;
	opacity: .80;
}
.projectsNameLabelContainer3
{
	position:absolute;
	top:85px;
	width:115px;
	height:30px;
	font-size:13px;
	color:white;
	background-color:#3F4553;
		filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: .80;
	opacity: .80;
}
.projectsNameLabelContainer4
{
	position:absolute;
	top:85px;
	width:115px;
	height:30px;
	font-size:13px;
	color:white;
	background-color:#6E654C;
		filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: .80;
	opacity: .80;
}
.projectsNameLabelContainer5
{
	position:absolute;
	top:85px;
	width:115px;
	height:30px;
	font-size:13px;
	color:white;
	background-color:#684736;
		filter: alpha(opacity=80);
	-khtml-opacity: .80;
	-moz-opacity: .80;
	opacity: .80;
}
.projectsNameLabel1
{
	color:White;
	font-size:12px;
	height:30px;
	top:85px;
	position:absolute;
	padding-left:5px;
}
.projectsNameLabel
{
	color:White;
	font-size:12px;
	height:30px;
	top:85px;
	margin-left:5px;
	margin-top:10px;
	position:absolute;
}
.projectsImageContainer
{
	position:relative;
	top:0px;
	width:115px;
	height:115px;
	cursor:pointer;
	filter: alpha(opacity=50);
	-khtml-opacity: .50;
	-moz-opacity: .50;
	opacity: .50;
}

.projectsImageContainerMouseOver
{
	position:relative;
	top:0px;
	width:115px;
	height:115px;
	cursor:pointer;
		filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/*project detail styles*/
#detailLeftContainer
{
	width:220px;
	height:355px;
	background-color:#666666;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	top:120px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
}
#detailLeftContainer p
{
	 margin-top:5px;
	 margin-bottom:5px;	
}
#detailMainContainer
{
	position:absolute;
	top:120px;
	left:250px;
}
.detailThumbImageContainer
{
	top:0px;
	width:40px;
	height:40px;
	cursor:pointer;
	background-color: #CCCCCC;
	filter: alpha(opacity=50);
	-khtml-opacity: .50;
	-moz-opacity: .50;
	opacity: .50;
}

.detailThumbImageContainerMouseOver
{
	top:0px;
	width:40px;
	height:40px;
	cursor:pointer;
	background-color: #CCCCCC;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
	
}
.detailSpacerCell
{
	width:5px;
	height:10px;
}
/*about us styles*/
.aboutUsPagesMainContainer
{
	position:absolute;
	top:120px;
	left:125px;
	width:615px;
	height:365px;
	background-color:white;
}
#leftNavContainer
{
	position:absolute;
	width:95px;
	height:345px;
	background-color:#cccccc;
	top:120px;
	padding:10px;
}
#aboutUsTextContainer
{
	position:absolute;
	top:0px;
	left:10px;
	width:335px;
	height:365px;
}
#aboutUsAnimation
{
	position:absolute;
	top:0px;
	left:375px;
}
.leftNavList
{
	list-style-type:none;
	list-style-position:outside;
	margin-left:5px;
	padding-left:10px;
	margin-top:0px;
	
}
/*sustainable styles*/
#sustainableTextContainer
{
	position:absolute;
	top:0px;
	left:375px;
	width:220px;
	height:345px;
	background-color:#424a38;
	color:White;
	padding:10px
}
#sustainableImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#sustainableImage2
{
	position:absolute;
	top:125px;
	left:0px;
}
#sustainableImage3
{
	position:absolute;
	top:125px;
	left:250px;
}
#sustainableImage4
{
	position:absolute;
	top:250px;
	left:250px;
}
/*appropriate styles*/
#appropriateTextContainer
{
	position:absolute;
	top:125px;
	left:375px;
	width:220px;
	height:220px;
	background-color:#684736;
	color:White;
	padding:10px
}
#appropriateImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#appropriateImage2
{
	position:absolute;
	top:250px;
	left:0px;
}
#appropriateImage3
{
	position:absolute;
	top:0px;
	left:250px;
}
#appropriateImage4
{
	position:absolute;
	top:125px;
	left:250px;
}
/*current styles*/
#currentTextContainer
{
	position:absolute;
	top:0px;
	left:250px;
	width:345px;
	height:220px;
	background-color:#3D323C;
	color:White;
	padding:10px
}
#currentImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#currentImage2
{
	position:absolute;
	top:125px;
	left:0px;
}
#currentImage3
{
	position:absolute;
	top:250px;
	left:250px;
}
#currentImage4
{
	position:absolute;
	top:250px;
	left:375px;
}
/*urban styles*/
#urbanTextContainer
{
	position:absolute;
	top:125px;
	left:125px;
	width:220px;
	height:220px;
	background-color:#6E654C;
	color:White;
	padding:10px
}
#urbanImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#urbanImage2
{
	position:absolute;
	top:0px;
	left:250px;
}
#urbanImage3
{
	position:absolute;
	top:0px;
	left:375px;
}
#urbanImage4
{
	position:absolute;
	top:125px;
	left:0px;
}
/*community styles*/
#communityTextContainer
{
	position:absolute;
	top:125px;
	left:250px;
	width:345px;
	height:220px;
	background-color:#4E2E2A;
	color:White;
	padding:10px
}
#communityImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#communityImage2
{
	position:absolute;
	top:0px;
	left:125px;
}
#communityImage3
{
	position:absolute;
	top:0px;
	left:375px;
}
#communityImage4
{
	position:absolute;
	top:125px;
	left:0px;
}
/*detail styles*/
#detailTextContainer
{
	position:absolute;
	top:125px;
	left:250px;
	width:220px;
	height:220px;
	background-color:#3F4553;
	color:White;
	padding:10px
}
#detailImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#detailImage2
{
	position:absolute;
	top:0px;
	left:250px;
}
#detailImage3
{
	position:absolute;
	top:0px;
	left:500px;
}
#detailImage4
{
	position:absolute;
	top:250px;
	left:500px;
}
/*Bio styles*/

.bioText0
{
	position:absolute;
	top:0px;
	left:0px;
	width:345px;
	height:345px;
	color:White;
	padding:10px;
	background-color:#4E2E2A;
}
.bioText1
{
	position:absolute;
	top:0px;
	left:0px;
	width:345px;
	height:345px;
	color:White;
	padding:10px;
	background-color:#6E654C;
}
.bioText2
{
	position:absolute;
	top:0px;
	left:0px;
	width:345px;
	height:345px;
	color:White;
	padding:10px;
	background-color:#3D323C;
}
.bioText3
{
	position:absolute;
	top:0px;
	left:0px;
	width:345px;
	height:345px;
	color:White;
	padding:10px;
	background-color:#424a38;
}
.bioText4
{
	position:absolute;
	top:0px;
	left:0px;
	width:345px;
	height:345px;
	color:White;
	padding:10px;
	background-color:#684736;
}
.bioText5
{
	position:absolute;
	top:0px;
	left:0px;
	width:345px;
	height:345px;
	color:White;
	padding:10px;
	background-color:#3F4553;
}

#bioTidbitContainer
{
	position:absolute;
	top:250px;
	left:375px;
	width:240px;
	height:115px;
}
#imgBio
{
	position:absolute;
	top:0px;
	left:375px;
	width:240px;
	height:240px;
}
.lblTidbit0
{
	color:#4E2E2A;
	font-weight:bold;
	font-size:13px;
}
.lblTidbit1
{
	color:#6E654C;
	font-weight:bold;
	font-size:13px;
}
.lblTidbit2
{
	color:#3D323C;
	font-weight:bold;
	font-size:13px;
}
.lblTidbit3
{
	color:#424a38;
	font-weight:bold;
	font-size:13px;
}
.lblTidbit4
{
	color:#684736;
	font-weight:bold;
	font-size:13px;
}
.lblTidbit5
{
	color:#3F4553;
	font-weight:bold;
	font-size:13px;
}
.lblBioName
{
	font-size:16px;
}
/*award styles*/

#awardTextContainer
{
	position:absolute;
	top:0px;
	left:0px;
	width:470px;
	height:345px;
	background-color:#684736;
	color:White;
	padding:10px
}
#awardImage1
{
	position:absolute;
	top:0px;
	left:500px;
}
#awardImage2
{
	position:absolute;
	top:125px;
	left:500px;
}
#awardImage3
{
	position:absolute;
	top:250px;
	left:500px;
}
#tblAwards 
{
}
#tblAwards td
{
	vertical-align:top;
	padding-right:10px;
	border:single 1px;
}
#tblAwards a:link    { color:white; text-decoration:underline;}
#tblAwards a:visited { color:white; text-decoration:underline;}
#tblAwards a:hover   { color:white; text-decoration:underline;}
#tblAwards a:active  { color:white; text-decoration:underline;}

/*news styles*/

#newsTextContainer
{
	position:absolute;
	top:0px;
	left:125px;
	width:470px;
	height:345px;
	background-color:#684736;
	color:White;
	padding:10px
}
#newsImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#newsImage2
{
	position:absolute;
	top:125px;
	left:0px;
}
#newsImage3
{
	position:absolute;
	top:250px;
	left:0px;
}
#newsImage4
{
	position:absolute;
	top:0px;
	left:500px;
}
#newsImage5
{
	position:absolute;
	top:125px;
	left:500px;
}
#newsImage6
{
	position:absolute;
	top:250px;
	left:500px;
}
#tblNews
{
}
#tblNews td
{
	vertical-align:top;
	padding-right:10px;
	padding-bottom:10px;
	border:single 1px;
}
#tblNews a:link    { color:white; text-decoration:underline;}
#tblNews a:visited { color:white; text-decoration:underline;}
#tblNews a:hover   { color:white; text-decoration:underline;}
#tblNews a:active  { color:white; text-decoration:underline;}

/*careers styles*/
#careersMainContainer
{
	position:absolute;
	top:120px;
	left:0px;
	width:740px;
	height:365px;
	background-color:white;

}
#careersTextContainer a:link    { color:white; text-decoration:underline;}
#careersTextContainer  a:visited { color:white; text-decoration:underline;}
#careersTextContainer  a:hover   { color:white; text-decoration:underline;}
#careersTextContainer  a:active  { color:white; text-decoration:underline;}

#careersTextContainer
{
	position:absolute;
	top:125px;
	left:0px;
	width:345px;
	height:220px;
	background-color:#684736;
	color:White;
	padding:10px
}
#careersImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#careersImage2
{
	position:absolute;
	top:0px;
	left:125px;
}
#careersImage3
{
	position:absolute;
	top:0px;
	left:250px;
}
#careersImage4
{
	position:absolute;
	top:0px;
	left:375px;
}
#careersImage5
{
	position:absolute;
	top:0px;
	left:500px;
}
#careersImage6
{
	position:absolute;
	top:0px;
	left:625px;
}
#careersImage7
{
	position:absolute;
	top:125px;
	left:375px;
}
.careersList
{
	margin-top:0px;
	padding-top:0px;
	margin-left:5px;
	padding-left:5px;
	padding-bottom:0px;
	margin-bottom:0px;
	list-style-type:none;
}
#ourPeopleMainContainer
{
	position:absolute;
	top:120px;
	left:125px;
	width:615px;
	height:365px;
	background-color:white;

}
#ourPeopleImage1
{
	position:absolute;
	top:0px;
	left:0px;
}
#ourPeopleImage2
{
	position:absolute;
	top:250px;
	left:0px;
}
#ourPeopleImage3
{
	position:absolute;
	top:250px;
	left:125px;
}
#ourPeopleImage4
{
	position:absolute;
	top:250px;
	left:250px;
}
#ourPeopleImage5
{
	position:absolute;
	top:250px;
	left:375px;
}
#ourPeopleImage6
{
	position:absolute;
	top:250px;
	left:500px;
}
/*news styles*/
#newsMainContainer
{
	position:absolute;
	top:120px;
	left:0px;
	width:740px;
	height:365px;

}
#newsPrevNext
{
	position:absolute;
	top:350px;
	left:635px;	
}
#newsImage1
{
	position:absolute;
	top:0px;
	left:0px;
	width:115px;
	height:115px;
}
#newsImage2
{
	position:absolute;
	top:125px;
	left:0px;
	width:115px;
	height:115px;
}
#newsImage3
{
	position:absolute;
	top:250px;
	left:0px;
	width:115px;
	height:115px;
}
#newsItem1
{
	position:absolute;
	top:0px;
	left:125px;
	width:500px;
	height:115px;
}
#newsItem2
{
	position:absolute;
	top:125px;
	left:125px;
	width:500px;
	height:115px;
}
#newsItem3
{
	position:absolute;
	top:250px;
	left:125px;
	width:500px;
	height:115px;
}
/*contactUs styles*/
#contactUsMainContainer
{
	position:absolute;
	top:120px;
	left:0px;
	width:740px;
	height:365px;

}
#contactUsMap
{
	position:absolute;
	top:125px;
	left:0px;
}
#contactUsMap2
{
	position:absolute;
	top:125px;
	left:415px;
}
#contactUsTextContainer
{
	position:absolute;
	top:0px;
	left:0px;
	width:720px;
	height:95px;
	padding:10px
}
#imgSeattle
{
	position:absolute;
	top:125px;
	left:210px;
}
#imgPortland
{
	position:absolute;
	top:125px;
	left:625px;
}
#contactUsSeattle
{
	position:absolute;
	top:250px;
	left:210px;
	height:115px;
	width:115px;
}
#contactUsPortland
{
	position:absolute;
	top:250px;
	left:625px;
	height:115px;
	width:115px;
}