@charset "utf-8";
/* CSS Document */

.allBlack 
{color: #000000;}

h1
{ font-size: 18px; }

.biggerText 
{font-size: 18px;}

.12pxText 
{ font-size: 14px; }

.moreInfoText 
{ font-size: 10px; }

.noBullet 
{ list-style-type: none; }

.floatRight
{ float: right; }

A
{ color: #000; text-decoration: none;}

A.active 
{color: #F1B532;}

A:hover 
{ color: #F1B532; outline: none; }

#boards { padding: 10px;}
#boards a {font-weight: bold;}
#boards a:hover
{color: #666; font-weight: bold;}

BODY
{ font-family: Tahoma; font-size: 10px; }

IMG
{ padding: 0px; margin: 0px; }

UL.mainNav 
{ list-style-type: none; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase;	}

UL.subNav 
{ list-style-type: none; margin: 0; padding: 0; font-weight: 600; }

UL.subSubNav
{ list-style-type: none; margin: 0; padding: 0 0 0 15px; font-weight: 600; }

#bottomNav
{ width: 360px; float: right; }

#bottomNav A
{ color: #908B92; }

#bottomNavBottom
{ text-align: left; padding-top: 2px; }

#clientLogIn
{ text-align: right; }

#bottomNavTop
{ border-bottom: 1px solid #E2E3E4; text-align: left; padding-bottom: 2px; }

#container
{ width: 1100px; height: 600px; margin: 0 auto; position: relative; }

#contentBody
{ float: right; height: 450px; }

#flashWindow
{ position: absolute; top: 114px; right: 0; width: 860px; height: 490px;	}

#homeUpdate 
{ width: 100%; margin-top: 0px; height: 85px;}
#homeUpdate h3
{ color: red; }

#footer
{ margin-top: 25px; position: relative; z-index: 3; }

#header
{ height: 111px; border-bottom: 1px solid #E2E3E4; }

#headerFlash
{ height: 112px; }

#logo
{ padding: 20px 0px 0px 74px; }

#mainNavBox
{ width: 62px; height: 380px; padding-right: 12px; border-right: 1px solid #E2E3E4; float: left; display: inline; text-align: right; }

#mainNavBox li
{ margin-bottom: 10px; }

#pageBody
{ margin-top: 50px; height: 450px; }

#subNavBox
{ padding-left: 12px; float: left; display: inline; }

#subNavBox li
{ margin-bottom: 5px; }

#subNavBox UL.mainNav a
{ color: #F1B532; font-size: 1.2em; }

.navTitle
{ font-size: 0.9em; color: #666666; }

/*************************************************************************************************************************************************************/

#purposeSupportingText
{ float: left; display: inline; width: 325px; height: 335px; border: #5F6062 solid 5px; overflow: auto; margin-bottom: 0px; padding-bottom: 0px; }

#purposeSupportingText5
{ width: 325px; height: 335px; border: #5F6062 solid 5px; overflow: auto; margin-bottom: 0px; padding-bottom: 0px; line-height: 20px; }

#purposeSupportingText5 h1
{ margin-left: 10px; font-weight: 100; }

#purposeSupportingText5 p
{ margin-left: 10px; margin-right: 15px; }

#purposeSupportingText h1
{ margin-left: 10px; font-weight: 100; }

#purposeSupportingText p
{ margin-left: 10px; margin-right: 15px; line-height: 20px; }

#purposeBodyImage
{ float: left; display: inline; width: 585px; height: 345px; margin-bottom: 0px; padding-bottom: 0px; }

#purposeBodyImage2
{ float: left; display: inline; width: 585px; height: 345px; margin-bottom: 0px; padding-bottom: 0px; margin-left: 10px; 
  background: url('../images/purposeyellowbox.jpg');
  }

#purposeBodyImage2.clientList
{ float: left; display: inline; width: 527px; height: 345px; margin-bottom: 0px; padding-bottom: 0px; }

#purposeBodyImage3
{ float: left; display: inline; width: 585px; height: 345px; margin-right: 10px; }

#purposeDetailImage
{ float: left; display: inline; margin-bottom: -200px; padding-bottom: 0px; }

#purposeImageText
{ float: left; display: inline; font-size: 18px; color: #FFFFFF; width: 320px; }

#purposePictureBox
{ /*float: right;*/ display: inline; width: 505px; height: 280px; /*margin-top: -310px;*/ margin-left: 85px; position: relative; z-index: 2; }

#purposePictureBox.clientList
{ float: right; display: inline; width: 504px; height: 280px; margin-top: -320px; margin-left: 5px; position: relative; z-index: 2; padding-right: 1px; }

#purposePictureInBox
{ position: relative;}

/*************************************************************************************************************************************************************/

#culturePictureBox
{ float: left; display: inline; position: relative; z-index: 2; /*margin-top: -330px;*/ margin-left: 37px; }

/*************************************************************************************************************************************************************/

#historyDetailImage1
{ float: left; display: inline; position: relative; z-index: 100; padding-right: 7px; padding-top: 35px; }

#historyDetailImage2
{ float: left; display: inline; position: relative; z-index: 100; padding-right: 6px; }

#historyDetailImage3
{ float: left; display: inline; position: relative; z-index: 100; padding-top: 35px; }

/*************************************************************************************************************************************************************/

#bimDetailImage
{ float: left; display: inline; position: relative; z-index: 2; margin: 0 0px 0px 35px; }

#processDetailImage
{ float: left; display: inline; position: relative; z-index: 2; margin: 0 0px 0px 135px; }

/*************************************************************************************************************************************************************/

#philosophyDetailImage1
{ float: left; display: inline; position: relative; z-index: 90; margin-top: -305px; margin-left: 250px; }

#philosophyDetailImage2
{ float: left; display: inline; position: relative; z-index: 90; margin-top: -345px; margin-left: 435px; }

/*************************************************************************************************************************************************************/

#peopleSupportingText
{ float: left; display: inline; width: 245px; height: 330px; border: #5F6062 solid 5px; overflow: auto; line-height: 20px; }

#peopleSupportingText h1
{ margin-left: 10px; font-weight: 100; }

#peopleSupportingText p
{ margin-left: 10px; margin-right: 15px; }

#peopleBodyImage
{ float: left; display: inline; width: 585px; height: 340px; background: url(../images/People_Image.jpg) no-repeat; margin-left: 10px; }

/*************************************************************************************************************************************************************/

#supportingTextBoxes
{ float: right; display: inline; width: 465px; height: 310px; margin: -400px 0px 0px 0px; position: relative; z-index: 2; }

/*************************************************************************************************************************************************************/

#ourTeamTextHeader
{ display: inline; font-size: 32px; height: 40px; width: 800px; position: relative; z-index: 2; float: left; margin: -10px 0px 0px 0px; }

#ourTeamTextHeader p
{ margin: 0px 0px 0px 15px; }

#ourTeamContent
{ float: right; margin: 0; padding: 0px; display: inline; width: 820px; height: 400px; background-color: #CCCCCC; }

#ourTeamContentWrapper
{ padding: 0px; display: inline; width: 850px; height: 500px; }

#ourTeamRotatingImage
{ float: left; display: inline; margin-top: 15px; }

#ourTeamImage
{ float: left; display: inline; height: 290px; width: 440px; z-index: 0; }

#ourTeamImage center p span
{ font-size: 12px; }

#ourTeamFirstSupportingText
{ margin: 0; padding: 0; height: 400px; width: 235px; float: right; display: inline; border-left: #FFFFFF solid 3px; }

#ourTeamFirstSupportingText h1
{ font-weight: 100; font-size: 18px; padding-left: 5px; margin-bottom: 5px; margin-top: 0px; width: 235px; }

#ourTeamFirstSupportingText p
{ padding-left: 5px; font-size: 10px; line-height: 18px; margin-bottom: 0px; margin-top: 0px; }

#ourTeamFirstSupportingText span a 
{ font-size: 10px; }

#ourTeamFirstSupportingText a 
{ font-size: 12px; }

#ourTeamSecondSupportingText
{ float: right; display: inline; height: 400px; width: 200px; border-left: #FFFFFF solid 3px; margin-top: 0px; }

#ourTeamSecondSupportingText h1
{ font-weight: 100; font-size: 18px; padding-left: 5px; margin-top: 0px; margin-bottom: 5px; width: 100px; }

#ourTeamSecondSupportingText p
{ padding-left: 5px; font-size: 12px; line-height: 18px; }

#ourTeamSecondSupportingText a 
{ font-size: 12px; }

/*************************************************************************************************************************************************************/

#joinContentHeader
{ float: left; display: inline; width: 840px; font-size: 12px; line-height: 18px; }

#joinMainHeader
{ font-size: 20px; }

#joinFirstListing
{ float: left; display: inline; width: 840px; height: 110px; }

#joinSecondListing
{ float: left; display: inline; width: 840px; height: 110px; }

#joinFirstListingImage
{ float: left; width: 110px; height: 110px; background: url(../images/Join_Team_1.jpg) no-repeat; display: inline; }

#joinFirstListingText
{ float: left; display: inline; width: 700px; height: 110px; margin-left: 15px; }

#joinSecondListingImage
{ float: left; width: 110px; height: 110px; background: url(../images/Join_Team_2.jpg) no-repeat; display: inline; }

#joinSecondListingText
{ float: left; display: inline; width: 700px; height: 110px; margin-left: 15px; }

#joinPositionWrapper
{ height: 300px; background: url(../images/job_image.jpg) bottom no-repeat; overflow: auto; }

/*************************************************************************************************************************************************************/

#placesContentWrapper
{ clear: inherit; clear: bottom; height: 360px; width: 5px; margin: 0px 0px -500px 0px; padding: 0px 0px 0px 0px; display: inline; }

#placesFirstPanel
{ float: left; display: inline; clear: right; width: 160px; height: 345px; margin-left: 10px; }

#placesFirstPanel p
{ color: #FDC651; margin-top: -315px; margin-left: 10px; }

#placesSecondPanel
{ float: left; display: inline; clear: right; width: 160px; height: 345px; margin-left: 10px; }

#placesSecondPanel p
{ color: #FDC651; margin-top: -315px; margin-left: 10px; }

#placesMiddlePanel
{ float: left; display: inline; clear: right; width: 155px; height: 365px; margin-left: 10px; }

#placesFirstPanel img 
{ border: none; }

#placesSecondPanel img 
{ border: none; }

#placesMiddlePanel img 
{ border: none; }

#placesMiddlePanel a 
{ color: #FFFFFF; }

#placesFourthPanel img 
{ border: none; }

#placesFifthPanel img 
{ border: none; }

#placesMiddlePanel p
{ margin-right: 10px; font-weight: bold; }

#placesFourthPanel
{ float: left; display: inline; clear: right; width: 160px; height: 345px; margin-left: 13px; }

#placesFourthPanel p
{ color: #FDC651; margin-top: -315px; margin-left: 10px; }

#placesFifthPanel
{ float: left; display: inline; clear: right; width: 160px; height: 345px; margin-left: 10px; }

#placesFifthPanel p
{ color: #FDC651; width: 150px; margin-top: -315px; margin-left: 10px; }

#placesInnerText
{ margin-top: -345px; margin-left: 10px; }

/*************************************************************************************************************************************************************/

#blackAddress a
{ color: #000000; }

#projectsContentWrapper
{ float: left; display: inline; width: 800px; height: 345px; background-color: rgb(246, 186, 56); line-height: 18px; padding-left: 15px; padding-right: 10px; }

#projectList
{ float: left; display: inline; margin: 16px 0px 0px 10px; }

#projectList img
{ border: none; padding-right: 6px; }

#projectsMainHeader
{ font-size: 16px; color: #FFFFFF; margin-bottom: 0px; }

#projectsInnerWrapper
{ float: left; display: inline; }

/*************************************************************************************************************************************************************/

#boardsContentWrapper
{ height: 340px; float: left; display: inline; }

#boardsBodyImage
{ float: left; display: inline; width: 310px; height: 340px; background-color: #999999;	}

#boardsImageBox
{ float: left; display: inline; width: 300px; margin: 0px; }

#boardsSupportingText
{ float: left; display: inline; width: 485px; height: 340px; background-color: rgb(249, 192, 17); margin: 0px 0px 0px 10px;	}

#boardsSupportingText p
{ padding-left: 10px; padding-right: 10px; line-height: 18px; }

#boardsSupportingText img
{ border: none; }

#boardsSupportingText span
{ padding-left: 20px; padding-right: 20px; }

#boardsInnerText
{ overflow: auto; position: relative; width: 480px; height: 290px; }

#backNavButton
{ float: left; display: inline; margin-left: 10px; }

#nextNavButton
{ float: right; display: inline; margin-right: 10px; }

#boardsBodyImage p
{ color: #FFFFFF; font-size: 20px; padding-left: 10px; margin-top: 10px; }

#boardsBodyImage img
{ float: left; display: inline; margin: -15px 0px 0px 5px; }

#boardsProjectTitle
{ font-size: 10px; padding-top: 10px; }

/*************************************************************************************************************************************************************/

#individualsContentWrapper
{ float: left; display: inline; width: 850px; height: 350px; }

#individualsContentWrapper h1
{ color: #F1B532; margin-bottom: -10px; }

#individualBodyImage
{ float: left; display: inline; width: 170px; height: 250px; }

#individualSupportingText
{ float: left; display: inline; width: 660px; height: 280px; overflow: auto; margin-left: 20px; }

#individualSupportingText p
{ padding-right: 15px; }

/*************************************************************************************************************************************************************/

#liveSustainSupportingText
{ float: left; display: inline; width: 350px; height: 335px; border: 5px solid #000000; overflow: auto; }

#liveSustainSupportingText p
{ padding-left: 10px; padding-right: 10px; line-height: 20px; }

#liveSustainHeader
{ padding-left: 10px; font-size: 18px; }	

#liveSustainBodyImage
{ float: left; display: inline; width: 520px; height: 355px; margin-left: 10px; 
background: url('../images/livingsustainablyyellowbox.jpg');}

#liveSustainPictureBox
{ float: left; display: inline; position: relative; z-index: 2; margin: 0 0px 0px 72px; }

/*************************************************************************************************************************************************************/

#sustainMissionSupportingText
{ float: left; display: inline; width: 255px; height: 335px; border: 5px solid #000000; overflow: auto; }

#sustainMissionSupportingText p
{ padding-left: 10px; padding-right: 10px; line-height: 20px; }

#sustainMissionSupportingText h1
{ padding-left: 10px; }

#sustainMissionBodyImage
{ float: left; display: inline; width: 620px; height: 355px; margin-left: 10px; 
background: url('../images/livingsustainablyyellowbox.jpg');}

#sustainMissionPictureWrapper
{ float: left; display: inline; position: relative; margin: 0 0px 0px 62px; z-index: 2; }

#sustainMissionHeader
{ font-size: 18px; }

/*************************************************************************************************************************************************************/

#planetContentWrapper
{ float: left; display: inline; width: 860px; height: 350px; }

#planetHeader
{ float: left; display: inline; position: relative; font-size: 28px; letter-spacing: 5px; margin: 0px 0px -40px 150px; z-index: 10; width: 300px; color: #FFFFFF; }

#planetBackgroundImage
{ float: left; display: inline; width: 860px; height: 345px; }

#planetPictureBox
{ float: left; display: inline; width: 650px; height: 275px; margin: -290px 0px 0px 210px; }

/*************************************************************************************************************************************************************/

#testMainBodyImage
{ float: left; display: inline; width: 670px; height: 345px; background: url(../images/testimonialsyellowbox_resize.jpg) no-repeat; margin: 0px 10px 0px 10px; }

#testNextPanel
{ float: left; display: inline; width: 60px; height: 345px; }

#testBackPanel
{ float: left; display: inline; width: 60px; height: 345px; }

#testTextWrapper
{ float: left; display: inline; margin: 0 auto; width: 575px; height: 300px; margin: 80px 0px 0px 50px; }

#testQuoteAuthor
{ float: right; }

#testQuoteAuthor p
{ float: right; line-height: 18px; }

#testQuoteHeader
{ margin-bottom: 0px; }

#testQuoteHeader p
{ line-height: 22px; }