* {
    padding:0;
    margin:0;
	}

body {text-align: center; background: #FFFFFF; margin-top:30px; margin-bottom:20px;
 min-height: 720px; max-height: 720px; height: 720px; font-family: Helvetica, Arial, Lucida, sans-serif; font-size-adjust:.52;}

p { margin-top: 5px; margin-bottom: 5px; }

html {overflow-y: scroll;}
a {outline:none;}

a:link    { color: #4B4B4B; text-decoration:none; }   
a:visited { color: #4B4B4B; text-decoration: none; }  
a:hover   { color: #CF4D13; text-decoration: none;  } 
a:active  { color: #CF4D13; text-decoration: none;  }  

#container {margin: 0 auto; width: 924px;
text-align: left;  }
  
#topbar {width: 930px; float:left; margin-top: 10px;}
#logo {margin-top: 35px; margin-left: 54px; margin-right: 62px; float: left; width:234px; height: 40px;}

*.bold {font: bolder;}

*.active {font-weight: bolder; }
*.inactive {font-weight: normal;}
*.first {margin-top: 15px !important;}

#sectionmenu {color: #4B4B4B; font-size: .9em; padding: 0px;  letter-spacing: 1px; float:left; 
margin-bottom: 7px; width:120px; list-style: none; }
#sectionmenu li {float: left; display: block; margin-bottom: 7px; padding: 0px; width:120px; border-left: none; 
list-style: none; margin-top: 0px; background-color: white;}
#sectionmenu li a{float: left; display: block; width:100%; padding: 0px;  background-color: white;}
#sectionmenu li a:hover {float: left; display: block; width:100%;  color: #CF4D13;}  
html>body #sectionmenu li a {width: auto;}
 
li.show {visibility: visible;}
li.hide {visibility: hidden;}

#sectiontext {color: #333333; font-size: 75%; letter-spacing: 1px; line-height: 1.45em; 
float:left; width: 440px; margin-top: -5px;}

#menubar {float:left; width: 1000px; margin-top: 20px;}
#menu {float:left;  padding: 0px; color:#B4B4B4; }
#menu img {float:left;  margin: 0px; padding: 0px; border: 0px; }
#menu ul {float:left; margin: 0px; border: none; list-style: none; color:#B4B4B4;}
#menu li{float: left; margin: 0px; border: none; list-style: none; color:#B4B4B4;}

#project-menu {float:left;  margin-top: 20px; padding: 0px; width: 1000px; }
#project-menu img {float:left;  margin: 0px; padding: 0px; border: 0px; }
#project-menu ul {margin: 0px; border: none; list-style: none;}
#project-menu li{float: left; margin: 0px; border: none; list-style: none; position: relative;
	width: 149px; min-height: 30px; max-height: 30px; height: 30px; float:left; vertical-align: top;
	color:#7B7776; font-size: 12px; line-height:12px; font-weight: 900; letter-spacing: .1em; text-decoration: none; 
	text-indent: 10px; background-image:  url(images/topmenu-inactive.jpg); background-position: 0 -1px;
	background-repeat: no-repeat;}	
#project-menu li.menuitem-active{float: left; margin: 0px; border: none; list-style: none; position: relative;
	width: 149px; min-height: 30px; max-height: 30px; height: 30px; float:left; vertical-align: top;
	color:#CF4D13 !important; font-size: 12px; line-height:12px; font-weight: 900; letter-spacing: .1em; text-decoration: none; 
	text-indent: 10px; background-image:  url(images/topmenu-active.jpg); background-position: 0 -1px;
	background-repeat: no-repeat;}
	
*.menuitem-active a{color:#CF4D13;}
ul ul a{color:#ffffff !important;}
ul ul a:hover{color:#CF4D13 !important;}
	
#project-menu li:hover{width: 149px; min-height: 30px; max-height: 30px; height: 30px; float:left; vertical-align: top;
	color:#CF4D13; font-size: 12px; line-height:12px; font-weight: 900; letter-spacing: .1em; text-decoration: none; 
	text-indent: 10px; background-image:  url(images/topmenu-active.jpg); background-position: 0 -1px; background-repeat: no-repeat;}
#project-menu li:hover ul, li.over ul{ display: block; }
#project-menu li ul{display: none; width: 149px; z-index: 100; margin-top: 18px; min-hieght: 469px; 
	max-height: 469px; height: 469px; float:left; padding-top: 0px; background-image:none; background-color: black;
	opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=90); top: auto; left: auto;}
#project-menu li ul:hover{display: block; width: 149px; z-index: 100; margin-top: 18px; min-hieght: 469px; 
	max-height: 469px; height: 469px; float:left; padding-top: 0px; background-image:none; background-color: black;
	opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=90); top: auto; left: auto;}
#project-menu li ul li{display: block; list-style-type:none; width: 130px !important;letter-spacing: 1px; padding-left: 10px; padding-top:0px;
	color:#FFFFFF !important; font-size: 11px;font-weight: 300; min-height: 0px !important; max-height: auto !important; height: auto !important; border-bottom: none;
	text-indent: 0px; background-image:none; margin-top: 5px; margin-bottom: 10px; margin-left:-1px;}
#project-menu li ul li:hover{display: block; list-style-type:none; width: 130px !important; letter-spacing: 1px; padding-left: 10px; padding-top:0px;  
	color:#FFFFFF !important; font-size: 11px;font-weight: 300; min-height: 0px !important; max-height: auto !important; height: auto !important; border-bottom: none;
	text-indent: 0px; background-image:none; margin-top: 5px; margin-bottom: 10px; margin-left:-1px;}
	
#project-menu-page {float:left;  margin-top: 20px; padding: 0px; width: 1000px; }
#project-menu-page img {float:left;  margin: 0px; padding: 0px; border: 0px; }
#project-menu-page ul {margin: 0px; border: none; list-style: none;}
#project-menu-page li{float: left; margin: 0px; border: none; list-style: none; position: relative;
	width: 149px; min-height: 30px; max-height: 30px; height: 30px; float:left; vertical-align: top;
	color:#7B7776; font-size: 12px; line-height:12px; font-weight: 900; letter-spacing: .1em; text-decoration: none; 
	text-indent: 10px; background-image:  url(images/topmenu-inactive.jpg); background-position: 0 -1px;
	background-repeat: no-repeat;}
#project-menu-page li.menuitem-active{float: left; margin: 0px; border: none; list-style: none; position: relative;
	width: 149px; min-height: 30px; max-height: 30px; height: 30px; float:left; vertical-align: top;
	color:#CF4D13; font-size: 12px; line-height:12px; font-weight: 900; letter-spacing: .1em; text-decoration: none; 
	text-indent: 10px; background-image:  url(images/topmenu-active.jpg); background-position: 0 -1px;
	background-repeat: no-repeat;}	
#project-menu-page li:hover ul, li.over ul{ display: block; }
#project-menu-page li ul{display: block; width: 149px; z-index: 100; margin-top: 18px; min-hieght: 469px; 
	max-height: 469px; height: 469px; float:left; padding-top: 0px; background-image:none; background-color: black;
	opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90); top: auto; left: auto;}	
#project-menu-page li ul li{display: block; list-style-type:none; width: 130px !important;letter-spacing: 1px; padding-left: 10px; padding-top:0px;
	color:#FFFFFF !important; font-size: 11px;font-weight: 300; min-height: 0px !important; max-height: auto !important; height: auto !important; border-bottom: none;
	text-indent: 0px; background-image:none; margin-top: 5px; margin-bottom: 10px; margin-left:-1px;}
#project-menu-page li ul li:hover{display: block; list-style-type:none; width: 130px !important; letter-spacing: 1px; padding-left: 10px; padding-top:0px;  
	color:#FFFFFF !important; font-size: 11px;font-weight: 300; min-height: 0px !important; max-height: auto !important; height: auto !important; border-bottom: none;
	text-indent: 0px; background-image:none; margin-top: 5px; margin-bottom: 10px; margin-left:-1px;}

li.spacer {background-image: none !important; width: 1px !important;}
li.spacer-end {background-image: none !important; width: 8px !important;}

*.menu-placeholder {float:left; padding: 0px;}
*.menu-placeholder img{float:left; margin: 0px; padding: 0px; border: 0px; }
*.menu-placeholder ul {float:left; margin: 0px; border: none; list-style: none;}
*.menu-placeholder li{float: left; margin: 0px; border: none; list-style: none;}  

*.menu-placeholder {float: left;}

#menu div:link {color: #4B4B4B}     
#menu div:visited {color: #4B4B4B}  
#menu div:hover {color: #CF4D13;}   
#menu div:active {color: #CF4D13}

*.menuitem-inactive {width: 149px; min-height: 30px; max-height: 30px; height: 30px; float:left; vertical-align: top;
color:#7B7776; font-size: 75%; font-weight: 900; letter-spacing: .1em; text-decoration: none; 
text-indent: 10px; background-image:  url(images/topmenu-inactive.jpg); background-position: 0 -1px;
background-repeat: no-repeat;}

*.menuitem-active {width: 149px; min-height: 30px; max-height: 30px; height: 30px; float:left; vertical-align: top;
color:#CF4D13; font-size: 75%; font-weight: 900; letter-spacing: .1em; text-decoration: none; 
text-indent: 10px; background-image:  url(images/topmenu-active.jpg); background-position: 0 -1px;
background-repeat: no-repeat;}

#menu li a:hover{float: left; list-style: none; color: #CF4D13;}

#residential {width:150px;}
        
#dividerbar  {width: 410px; float: left; margin-top:-1px;}  

#main {float: left; background: transparent; width: 940px; min-height: 470px; height: 470px; max-height: 470px;
 margin-top:-470px;} 
 
*.menu-container {z-index: 100;width: 149px; margin-right: 1px; min-hieght: 469px; max-height: 469px;
 height: 469px; float:left;}             

#residential-menu-container {background-image:  url(images/residential-menu.jpg);margin-left: 8px; width: 149px;
 margin-right: 1px; min-hieght: 469px; max-height: 469px; height: 469px; float:left;  }
#commercial-menu-container {background-image:  url(images/commercial-menu.jpg);width: 149px; 
margin-right: 1px; min-hieght: 469px; max-height: 469px; height: 469px; float:left;}
#institutional-menu-container {background-image:  url(images/institutional-menu.jpg);width: 149px; 
margin-right: 1px; min-hieght: 469px; max-height: 469px; height: 469px; float:left;}
#adaptation-menu-container {background-image:  url(images/adaptation-menu.jpg);width: 149px; 
margin-right: 1px; min-hieght: 469px; max-height: 469px; height: 469px; float:left;}
#planning-menu-container {background-image:  url(images/planning-menu.jpg);width: 149px; 
margin-right: 1px; min-hieght: 469px; max-height: 469px; height: 469px; float:left;}
#sustainable-menu-container {background-image:  url(images/sustainable-menu.jpg); width: 149px;
 margin-right: 1px; min-hieght: 469px; max-height: 469px; height: 469px; float:left;}

*.visible ul{list-style-type:none; letter-spacing: 1px; padding-left: 30px; margin-top: 1em; 
color:white; font-size: 68%;font-weight: bold; list-style-type:none; line-height: 12px; margin-left: -15px;}
*.visible li{margin-bottom: 10px}

#project-menus a:link {color: white}     
#project-menus a:visited {color: white} 
#project-menus a:hover {color: #CF4D13}   
#project-menus a:active {color: #CF4D13}  

#imagebox {width: 601px; min-height: 469px; max-height: 469px; float: left; margin-top:0px; margin-left:8px;}
#imagebox-halfscreen {width: 451px; min-height: 469px; max-height: 469px; float: left; margin-top:0px; margin-left:8px;}

#image1a {float: left; margin-right: 1px; width: 442px; max-height: 296px; margin-bottom: 0px;}
#image1b {float: left; margin-right: 0px; width: 158px; max-height: 220; margin-bottom: 0px;}
#image1c {float: right; margin-top:1px; width: 158px;}
#image1d {float: right; margin-right: 1px; margin-top:1px; width: 181px}
#image1e {float: right; margin-right: 1px; margin-top:1px; width: 260px;}

#image2a {float: left; margin-right: 1px; width: 322px;}
#image2b {float: left; margin-right: 0px; width: 278px;}
#image2c {float: right; margin-top: 1px; width: 135px;}
#image2d {float: right; margin-left: 1px; margin-top: 1px;}
#image2e {float: left; margin-right: 0px; margin-top: 1px;}

#image3a {float: left; margin-right: 1px; width: 200px;}
#image3b {float: left; margin-right: 0px; width: 400px;}
#image3c {float: left; margin-right: 1px; margin-top:1px; width: 259px;}
#image3d {float: left; margin-right: 0px; margin-top:1px; width: 341px;}

#image4a {float: left; margin-right: 1px; width: 366px;}
#image4b {float: left; margin-right: 0px; width: 234px;}
#image4c {float: left; margin-top: 1px; width: 234px;}
#image4d {float: right; margin-right: 0px; margin-left: 0px; margin-top: 1px; width: 121px;}
#image4e {float: right; margin-right: 1px; margin-top: 1px; width: 112px;}

#image5a {float: right; margin-left: 1px; width: 354px;}
#image5b {float: left; margin-left: 0px; width: 246px;}
#image5c {float: left; margin-top: 1px; width: 246px;}
#image5d {float: left; margin-top: 1px; margin-left: 0px; width: 146px;}

#image6a {float: right; margin-right: 1px; width: 393px;}
#image6b {float: right; margin-top:0; margin-bottom:1px; width: 207px;}
#image6e {float: right; margin-top: 1px; margin-right:1px; width: 242px;}
#image6d {float: right; margin-top: 1px; margin-right:1px; width: 150px; }
#image6c {clear: right; margin-top: -63px; float: right; width:207px;}

#enlargeimageA {position: relative; top: -469px; z-index: 100; width: 601px; min-height: 469px; max-height: 469px;}
#enlargeimageB {position: relative; top: -469px; z-index: 200; width: 601px; min-height: 469px; max-height: 469px;}
#enlargeimageC {position: relative; top: -469px; z-index: 300; width: 601px; min-height: 469px; max-height: 469px;}
#enlargeimageD {position: relative; top: -469px; z-index: 400; width: 601px; min-height: 469px; max-height: 469px;}
#enlargeimageE {position: relative; top: -469px; z-index: 500; width: 601px; min-height: 469px; max-height: 469px;}

.visible {display: block;}
.invisible {display: none;}

#projectinfo {width: 275px; float: left; margin-top: 20px; margin-left:30px;
min-height: 423px; height: 423px; max-height: 423px;}
#projectinfo h1 {display: block; float: left; width: 285px; color: #CF4D13; font-size: 90%; 
letter-spacing: 1.5px; margin-top: 0px; padding-top:0px;} 
#projectinfo h2 {display: block; float: left; width: 285px; color: #4B4B4B; 
font-size: 70%; letter-spacing: 2px; font-weight: bold; margin-top:6px; }

#employeelist {width: 140px; float:left; letter-spacing: 1px; padding-left: 25px; margin-top: 35px;
color:#4B4B4B; font-size: 70%; font-weight: bold;}
#employeelist ul {list-style-type:none; line-height: 24px;}
*.orange {color: #CF4D13;  font-size: 1em;}
#staffbio {width: 294px; float: left; color: black; font-size: 70%;  
text-indent: none; line-height: 1.5em; text-align: left; background:transparent; margin-top: 33px; 
min-height: 380px; height: 380px; max-height: 360px; height: 360px;  overflow: auto; margin-left: 0px;} 
#staffbio p{width: 260px;}

#philosophy {width: 420px; float: left; color: black; font-size: 70%;  
text-indent: none; line-height: 1.5em; text-align: left; background:transparent; margin-top: 38px; 
min-height: 380px; height: 380px; max-height: 360px; height: 360px;  margin-left: 30px; overflow: auto;} 

#awards {width: 420px; float: left; color: black;  
text-indent: none; line-height: 1.5em; text-align: left; background:transparent; margin-top: 25px; 
min-height: 380px; max-height: 380px; height: 380px;  margin-left: 30px; } 
#awards h1 {display: block; float: left; width: 285px; color: #CF4D13; font-size: 90%; 
letter-spacing: 1.5px; margin-top: 0px; padding-top:0px; width: 400px;}
#awards ul {float: left; min-height: 360px; max-height: 360px; height: 360px; width: 420px; margin-top: 10px; overflow: auto;}
#awards li {float: left; list-style: none; margin-bottom:10px; font-size: 70%; width: 400px; }

p.orange {margin-top: .9em;}

#contact2 {margin-top: 1px;}
#contact {width: 420px; float: left; color: #4B4B4B; font-size: 80%;  
text-indent: none; line-height: 1.5em; text-align: left; background:transparent; margin-top: 38px; 
min-height: 380px; height: 380px; max-height: 360px; height: 360px;  margin-left: 30px;}

#content {float: left; padding-top: 0px; color: #4B4B4B; font-size: 75%;  
text-indent: none; line-height: 1.4em; text-align: left; background:transparent; margin-top: 10px; width:272px; 
min-height: 350px; height: 350px; max-height: 350px;}
#berkeley-address {float: left; width:160px; margin-top:2em;}
#montana-address{float: left; width:420px; margin-top:140px;}
#jobinfo {float: left;  width: 240px; margin-top: 20px;}
#jobinfo a { text-decoration: underline;}
*.googlemap {float:left; margin-top:1em; width: 410px; font-weight:bold; font-size: 75%; letter-spacing: 1px;}

#recognition {float: left; padding-top: 0px; color: #4B4B4B; font-size: 75%;  
text-indent: none; line-height: 1.4em; text-align: left; background:white; margin-top: -350px; width:272px; 
min-height: 350px; height: 350px; max-height: 350px;}

#return {display: block; padding-top: 15px; font-size: .8em; color: black;}

#bottommenu ul {margin-left: 30px; float: left;}
#bottommenu li {font-size: 70%; font-family: arial, sans-serif; font-weight: bolder; letter-spacing: 1px; 
float: left; width:150px; font-family: arial, sans-serif; list-style: none; text-align: left; }
#bottommenu a {text-decoration: none; color: #4B4B4B;}
#bottommenu a:hover {text-decoration: none; color: #CF4D13;	}

#ruleline-bottom {width: 800px; float: left; margin-top:458px;}

#copyright {font-size: 45%; float: left; width: 100%; margin-left: 10px; margin-top:5px;}
#nextproject {float: right; margin-top: -12px; width:135px; text-align: left; color: black; font-weight: bolder;
font-size: 70%; font-family: arial, sans-serif; letter-spacing: 1px; font-family: arial, sans-serif;}
#nextproject a{font-weight: bolder; }