html		{height: 100%;}
body		{margin: 0px; padding: 0px; height: 100%; background: #2f2f2f url(img/bg.gif) no-repeat top center fixed;}

#container	{position: relative; top: 0px; left: 0px; width: 960px; margin-left: auto; margin-right: auto; background: #000; height: auto; min-height: 100%;}

/* left & right drop-shadows */
#ds-left	{position: absolute; top: 0px; left: -20px; width: 20px; height: 100%; margin-left: auto; margin-right: auto;}
#dsl0, #dsl1, #dsl2, #dsl3, #dsl4, #dsl5, #dsl6, #dsl7, #dsl8, #dsl9	{position: absolute; top: 0px; width: 2px; height: 100%; background: #000;}	
#dsl0	{left: 0px; opacity: .01;}
#dsl1	{left: 2px; opacity: .02;}
#dsl2	{left: 4px; opacity: .03;}
#dsl3	{left: 6px; opacity: .05;}
#dsl4	{left: 8px; opacity: .07;}
#dsl5	{left: 10px; opacity: .10;}
#dsl6	{left: 12px; opacity: .13;}
#dsl7	{left: 14px; opacity: .17;}
#dsl8	{left: 16px; opacity: .21;}
#dsl9	{left: 18px; opacity: .25;}
	
#ds-rite	{position: absolute; top: 0px; right: -20px; width: 20px; height: 100%; margin-left: auto; margin-right: auto;}
#dsr0, #dsr1, #dsr2, #dsr3, #dsr4, #dsr5, #dsr6, #dsr7, #dsr8, #dsr9	{position: absolute; top: 0px; width: 2px; height: 100%; background: #000;}	
#dsr9	{left: 18px; opacity: .01;}
#dsr8	{left: 16px; opacity: .02;}
#dsr7	{left: 14px; opacity: .03;}
#dsr6	{left: 12px; opacity: .05;}
#dsr5	{left: 10px; opacity: .07;}
#dsr4	{left: 8px; opacity: .10;}
#dsr3	{left: 6px; opacity: .13;}
#dsr2	{left: 4px; opacity: .17;}
#dsr1	{left: 2px; opacity: .21;}
#dsr0	{left: 0px; opacity: .25;}


/* header */

#head	{position: relative; top: 0px; left: 0px; width: 880px; height: 190px; margin-left: auto; margin-right: auto;}

.admin #head	{height: 150px;}


#logo	{position: absolute; top: 80px; left: 10px; width: 187px; height: 73px;}
#logo h1		{margin: 0px; padding: 0px; background: url(img/logo.gif);}
#logo h1 a		{display: block; width: 187px; height: 73px;}
#logo h1 a span	{display: none;}


#nav		{position: absolute; top: 80px; left: 260px; width: 620px; height: 60px; margin: 0px; padding: 0px; background: url(img/nav-bg.gif) 0px -70px no-repeat; list-style-type: none;}

.fa #nav	{background: url(img/nav-bg1.gif) 0px -70px no-repeat;}
.av #nav	{background: url(img/nav-bg2.gif) 0px -70px no-repeat;}
.fl #nav	{background: url(img/nav-bg3.gif) 0px -70px no-repeat;}
.tr #nav	{background: url(img/nav-bg4.gif) 0px -70px no-repeat;}
.cd #nav	{background: url(img/nav-bg5.gif) 0px -70px no-repeat;}
.gr #nav	{background: url(img/nav-bg6.gif) 0px -70px no-repeat;}


#nav1, #nav2, #nav3, #nav4, #nav5, #nav6	{position: absolute; top: 0px; height: 60px; margin: 0px; padding: 0px;}

#nav1	{left: 0px; width: 100px;}
#nav2	{left: 102px; width: 100px;}
#nav3	{left: 204px; width: 100px;}
#nav4	{left: 306px; width: 100px;}
#nav5	{left: 408px; width: 110px;}
#nav6	{left: 520px; width: 100px;}

.fa #nav1, .av #nav2, .fl #nav3, .tr #nav4, .gr #nav6	{top: -60px; height: 120px;}
.cd #nav5		{top: -70px; height: 130px;}

#nav1 img, #nav2 img, #nav3 img, #nav4 img, #nav6 img		{width: 100px; height: 60px; border: 0px;}
#nav5 img		{width: 110px; height: 60px; border: 0px;}

.fa #nav1 img, .av #nav2 img, .fl #nav3 img, .tr #nav4 img, .gr #nav6 img	{margin-top: 0px; height: 120px; display: none;}
.cd #nav5 img	{margin-top: 0px; height: 130px; display: none;}


.navStat, a.navStat:link, a.navStat:visited, a.navStat:active, a.navStat:focus {font: 12px/25px Arial, Helvetica, sans-serif; color: #a8a8a8; text-decoration: none; display: block; text-indent: 5px;}
.navOver, a.navOver:link, a.navOver:visited, a.navOver:active, a.navOver:hover, a.navOver:focus {font: 12px/25px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; display: block; text-indent: 5px;}

.navBorder 		{border: 1px solid #333;}
.navBorderOver 	{border: 1px solid #333;}


#navmask	{position: absolute; top: 10px; left: 260px; width: 620px; height: 130px; background: url(img/nav-bg.gif);}
.fa #navmask	{background: url(img/nav-bg1.gif);}
.av #navmask	{background: url(img/nav-bg2.gif);}
.fl #navmask	{background: url(img/nav-bg3.gif);}
.tr #navmask	{background: url(img/nav-bg4.gif);}
.cd #navmask	{background: url(img/nav-bg5.gif);}
.gr #navmask	{background: url(img/nav-bg6.gif);}


#indicator	{position: absolute; top: 135px; height: 20px; text-align: center; font: 12px/22px Arial, Helvetica, sans-serif;}
.fa #indicator	{left: 260px; width: 100px; color: #ca3a2e;}
.av #indicator	{left: 362px; width: 100px; color: #92b5d6;}
.fl #indicator	{left: 464px; width: 100px; color: #a1a9ac;}
.tr #indicator	{left: 561px; width: 110px; color: #ecb334;}
.cd #indicator	{left: 618px; width: 200px; color: #a9813e;}
.gr #indicator	{left: 780px; width: 100px; color: #9bc54d;}



#body	{position: relative; top: 0px; left: 0px; width: 880px; margin-left: auto; margin-right: auto;}


/* left nav */

#left	{position: relative; float: left; top: 0px; left: 0px; width: 260px;}

#side	{position: relative; left: 11px; width: 230px;}

#sub		{position: relative; top: 0px; left: 0px; width: 96px; margin: 0px; margin-top: 10px; margin-bottom: 40px; padding: 0px; list-style-type: none; font: 12px/25px Arial, Helvetica, sans-serif;}

#sub li		{display: inline;}
#sub li a		{display: block;}

#sub li a:link    	{color: #a8a8a8; text-decoration: none; background: #000;}
#sub li a:visited 	{color: #a8a8a8; text-decoration: none; background: #000;}
#sub li a:active  	{color: #a8a8a8; text-decoration: none; background: #000;}
#sub li a:hover   	{color: #fff; text-decoration: underline; background: url(img/dots.gif) 0 0 repeat-x;}

#sub li a span 	{background: #000; padding-right: 5px;}
#sub li a:hover span 	{text-decoration: underline;}

#sub li a.nodot:hover	{background: #000;}

.subStat, a.subStat:link, a.subStat:visited, a.subStat:active, a.subStat:focus {font: 12px/25px Arial, Helvetica, sans-serif; color: #a8a8a8; text-decoration: none; display: block; text-indent: 5px;}
.subOver, a.subOver:link, a.subOver:visited, a.subOver:active, a.subOver:hover, a.subOver:focus {font: 12px/25px Arial, Helvetica, sans-serif; color: #fff; text-decoration: underline; display: block; text-indent: 5px;}

.subBorder 		{border: 0px;}
.subBorderOver 	{border: 0px;}

#sub li #sub1.on, #sub li #sub2.on   	{color: #fff; background: url(img/dots.gif);}
#sub li a.on span 	{text-decoration: underline;}


#port	{position: relative; left: 11px; width: 230px; font: 12px/25px Arial, Helvetica, sans-serif; color: #fff;}

#p		{width: 125px; height: 60px; cursor: pointer;}
#p h1		{margin: 0px; padding: 0px; display: block; width: 125px; height: 60px;}
#p h1 span	{display: none;}

#p	{background: url(img/p.gif) 0px 0px no-repeat;}
.fa #p	{background: url(img/p.gif) 0px -60px no-repeat;}
.av #p	{background: url(img/p.gif) 0px -120px no-repeat;}
.fl #p	{background: url(img/p.gif) 0px -180px no-repeat;}
.tr #p	{background: url(img/p.gif) 0px -240px no-repeat;}
.cd #p	{background: url(img/p.gif) 0px -300px no-repeat;}
.gr #p	{background: url(img/p.gif) 0px -360px no-repeat;}

#plinks	{position: relative; margin: 0px; margin-top: -17px; padding: 0px; width: 183px; list-style-type: none; overflow: hidden;}
#plinks li	{margin-left: 52px; width: 131px; display: block; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #333; text-indent: 5px;}

#plinks li a:link    	{color: #666; text-decoration: none;}
#plinks li a:visited 	{color: #666; text-decoration: none;}
#plinks li a:active  	{color: #666; text-decoration: none;}

#plinks li a.c1:hover   	{color: #ca3a2e; text-decoration: none;}
#plinks li a.c2:hover   	{color: #92b5d6; text-decoration: none;}
#plinks li a.c3:hover   	{color: #a1a9ac; text-decoration: none;}
#plinks li a.c4:hover   	{color: #ecb334; text-decoration: none;}
#plinks li a.c5:hover   	{color: #a9813e; text-decoration: none;}
#plinks li a.c6:hover   	{color: #9bc54d; text-decoration: none;}

.h000	{height: 0px;}
.h157 	{height: 157px;}


#cover	{position: relative; top: 0px; left: 0px; margin-left: 58px; width: 141px; height: 52px; background: #000;}


#news	{position: relative; top: -5px; left: 11px; width: 212px; background: #000; font: 11px/18px Arial, Helvetica, sans-serif; color: #ccc;}

.fa #news		{display: none;}
.av #news		{display: none;}
.fl #news		{display: none;}
.tr #news		{display: none;}
.cd #news		{display: none;}
.gr #news		{display: none;}
.back #news	{display: none;}

#news h1		{margin: 0px; margin-top: 5px; margin-bottom: 15px; padding: 0px; display: block; width: 80px; height: 15px; background: url(img/headlines.gif);}
#news h1 span	{display: none;}
#news p		{width: 145px;}
#news a		{font-style: italic; font-weight: bold;}
#news a:link    	{color: #666; text-decoration: none;}
#news a:visited 	{color: #666; text-decoration: none;}
#news a:active  	{color: #666; text-decoration: none;}
#news a:hover   	{color: #ccc; text-decoration: underline;}


#plus0, #plus1, #plus2, #plus3, #plus4, #plus5, #plus6	{width: 11px; height: 11px; border: 0px;}
#plus0	{position: absolute; top: -15px; left: -19px;}
#plus1	{position: absolute; top: 0px; left: -4px;}
#plus2	{position: absolute; top: 0px; left: 242px;}
#plus3	{position: absolute; top: 342px; left: 242px;}

#plus4	{position: absolute; top: 430px; left: 435px;}

.fa #plus3	{display: none;}
.av #plus3	{display: none;}
.fl #plus3	{display: none;}
.tr #plus3	{display: none;}
.cd #plus3	{display: none;}
.gr #plus3	{display: none;}
.back #plus3	{display: none;}

#plus5, #plus6	{position: absolute; left: 242px;}



/* body area */

#rite	{position: relative; float: left; top: 0px; left: 0px; width: 620px; color: #ccc; overflow: hidden;}

#rite h1	{font: 22px/40px Arial, Helvetica, sans-serif; color: #999; margin: 0px; margin-top: 10px; margin-bottom: 10px; padding: 0px;}
.admin #rite h1	{margin-top: 0px;}
#rite h1 a	{display: inline;}
#rite h2	{font: 14px/30px Arial, Helvetica, sans-serif; color: #999; margin: 0px; margin-top: 24px; padding: 0px;}
#rite h2.first		{margin-top: 17px}
#rite h3	{font: 12px/30px Arial, Helvetica, sans-serif; color: #999; margin: 0px; margin-top: 24px; padding: 0px;}

#rite p	{font: 12px/20px Arial, Helvetica, sans-serif; width: 600px; margin-top: 5px; margin-bottom: 10px; padding: 0px;}

#rite p.intro		{font: 14px/25px Arial, Helvetica, sans-serif; margin-bottom: 17px;}

.home #rite p	{font: 12px/25px Arial, Helvetica, sans-serif; margin-top: 17px;}

#rite b	{color: #fff; font: bold 12px/20px Arial, Helvetica, sans-serif;}

#rite ul	{font: 12px/20px Arial, Helvetica, sans-serif; margin-top: 25px; margin-bottom: 25px; list-style-type: square;}
#rite ul ul	{margin-top: 3px; margin-bottom: 5px;}
#rite li		{padding: 1px;}

#rite a:link    	{color: #777; text-decoration: underline;}
#rite a:visited 	{color: #777; text-decoration: underline;}
#rite a:active  	{color: #777; text-decoration: underline;}
#rite a:hover   	{color: #ddd; text-decoration: underline;}

.fa #rite a:hover   	{color: #ca3a2e; text-decoration: underline;}
.av #rite a:hover   	{color: #92b5d6; text-decoration: underline;}
.fl #rite a:hover   	{color: #a1a9ac; text-decoration: underline;}
.tr #rite a:hover   	{color: #ecb334; text-decoration: underline;}
.cd #rite a:hover   	{color: #a9813e; text-decoration: underline;}
.gr #rite a:hover   	{color: #9bc54d; text-decoration: underline;}

/* tooltip - Green page */
.tool-tip 	{color: #fff; width: 220px; z-index: 13000; border-style: solid; border-color: #333; border-width: 1px;}
.tool-title 	{font: bold 12px/18px Arial, Helvetica, sans-serif; margin: 0; color: #9bc54d; padding: 8px 8px 4px 11px; background: #111;}
.tool-text 	{font: 12px/18px Arial, Helvetica, sans-serif; padding: 4px 8px 11px 12px; background: #111;}

/* body area - images */
#careers-beyond-uw	{float: right; width: 67px; height: 68px; border: 0px; margin-left: 50px; margin-top: 4px;}
#careers-beyond-usgbc	{float: right; width: 67px; height: 74px; border: 0px; margin-left: 50px; margin-top: 5px; margin-bottom: 10px;}
#careers-beyond-acfb	{float: right; width: 133px; height: 37px; border: 0px; margin-left: 50px; margin-top: 2px;}

/* body area - news */
.icon	{width: 23px; height: 23px; border: 0px; margin-bottom: -3px;}
.pr		{font: italic 11px/40px Arial, Helvetica, sans-serif;}
.dots	{clear: both; width: 620px; font: 11px/20px Arial, Helvetica, sans-serif; background: url(img/dots.gif) 0px 3px repeat-x;}
.dots a		{background: #000; padding-right: 5px;}
.dots span	{background: #000; padding-left: 5px; padding-right: 5px;}
.size		{float: left; width: 55px; background: #000; text-indent: 5px;}

/* body area - 2-column layout */
#rite div.twocol	{float: left; width: 306px;}
#rite div.twocol p	{width: 306px;}
.clear	{clear: both; height: 1px; font-size: 1px; line-height: 1px;}

/* back-to-top links */
#top		{position: absolute; top: 0px; left: 0px;}
.top		{float: right; width: 15px; height: 15px; line-height: 16px; text-align: center; margin-top: -17px; margin-right: -23px;}
#rite .top a	{display: block; width: 15px; height: 15px; text-decoration: none;}
#rite .top a:link		{color: #aaa; text-decoration: none;}
#rite .top a:visited	{color: #aaa; text-decoration: none;}
#rite .top a:active		{color: #aaa; text-decoration: none;}
#rite .top a:hover		{color: #ddd; text-decoration: none;}

/* body area - current openings */
.expanded		{height: auto; overflow: visible;}

#rite p.job a:link    	{color: #aaa; text-decoration: underline;}
#rite p.job a:visited 	{color: #aaa; text-decoration: underline;}
#rite p.job a:active  	{color: #aaa; text-decoration: underline;}
#rite p.job a:hover   	{color: #fff; text-decoration: underline;}

/* body area - admin */
.admin #rite	{font: 11px/20px Arial, Helvetica, sans-serif; margin-top: -27px;}

/* body area - portfolio */
div.folio	{float: left; margin-top: 23px; margin-right: 31px; width: 186px; overflow: hidden; cursor: pointer;}
div.folio img	{width: 186px; height: 84px; border: 0px;}
div.folio p	{width: 180px; font: 11px/18px Arial, Helvetica, sans-serif; color: #fff;}
#rite div.folio a:link		{color: #fff; text-decoration: none;}
#rite div.folio a:visited	{color: #fff; text-decoration: none;}
#rite div.folio a:active		{color: #fff; text-decoration: none;}
#rite div.folio a:hover		{color: #fff; text-decoration: none;}

#more {
	position: absolute;
	top: 565px;
	left: 676px;
	width: 155px;
	height: 125px;
	display: block;
	background: url(img/more.gif) 0 0 no-repeat;
}
#more:link, #more:visited, #more:active, #more:hover {
	text-decoration: none;
}
#more:hover {
	background: url(img/more.gif) 0px -125px no-repeat;
}

#themask	{position: absolute; top: 50px; left: 0px; width: 660px; height: 500px; background: #000; z-index: 1002;}

/* body area - portfolio projects */
#thumbs	{position: relative; top: 0px; margin-top: 18px; left: 0px; width: 620px; height: 36px;}
#thumbs img	{float: left; width: 80px; height: 36px; border: 0px; margin-right: 10px; cursor: pointer;}
#thumbs #th7			{margin-right: 0px;}

#showcase		{position: relative; top: 0px; margin-top: 15px; left: 0px; width: 620px; height: 280px; border: 0px;}

#themask.project	{top: 69px; width: 620px; height: 280px; background: #000;}

#thumbnail	{position: absolute; top: 18px; left: 0px; width: 80px; height: 36px; border: 0px;}

#project	{float: left; width: 400px;}
#rite #project p	{width: 400px;}
#rite #project h1	{line-height: 30px; margin-top: 20px; margin-bottom: 15px;}

#rite h2.sub	{margin-top: -15px; margin-bottom: 15px;}
.gg		{color: #444;}
.fa #rite a:hover .gg  	{color: #ca3a2e; text-decoration: underline;}
.av #rite a:hover .gg   	{color: #92b5d6; text-decoration: underline;}
.fl #rite a:hover .gg   	{color: #a1a9ac; text-decoration: underline;}
.tr #rite a:hover .gg   	{color: #ecb334; text-decoration: underline;}
.cd #rite a:hover .gg   	{color: #a9813e; text-decoration: underline;}
.gr #rite a:hover .gg   	{color: #9bc54d; text-decoration: underline;}

#specs	{float: left; width: 170px; margin-top: 84px; margin-left: 50px;}
#specs h2		{margin: 0px; padding: 0px;}
#specs p		{font: italic 11px/20px Arial, Helvetica, sans-serif; color: #ccc; margin-top: 3px; margin-bottom: 3px; width: 170px;}
#specs span	{color: #444;}
#specs span.client		{color: #ccc; margin-left: 45px;}

#rite #specs p.pdflink	{margin-top: 15px; height: 30px;}
#rite #specs a:link		{text-decoration: none;}
#rite #specs a:visited	{text-decoration: none;}
#rite #specs a:active	{text-decoration: none;}
#rite #specs a:hover	{text-decoration: none;}

#specs img.icon	{width: 23px; height: 23px; border: 0px; margin-bottom: -7px; margin-left: 3px;}

#rite #vidButton		{font: italic 11px/20px Arial, Helvetica, sans-serif; color: #ccc;}
#rite #vidButton span		{color: #444;}
#rite #vidButton a:link		{text-decoration: none;}
#rite #vidButton a:visited	{text-decoration: none;}
#rite #vidButton a:active	{text-decoration: none;}
#rite #vidButton a:hover		{text-decoration: none;}

#vidButton img.icon		{width: 23px; height: 23px; border: 0px; margin-bottom: -7px; margin-left: 3px;}



/* body area - homepage */

#thebox	{position: relative; top: 0px; margin-top: 13px; left: 0px; width: 620px; height: 320px; z-index: 1001;}

#squares	{position: relative; top: 0px; left: 0px; width: 620px; height: 40px; background: url(img/squares-bg.gif) 0 0 no-repeat;}

#sq0, #sq1, #sq2, #sq3, #sq4, #sq5, #sq6	{position: absolute; top: 0px; width: 15px; height: 15px; background: #333; overflow: hidden;}
#sq0		{left: 0px;}
#sq1		{left: 22px;}
#sq2		{left: 44px;}
#sq3		{left: 66px;}
#sq4		{left: 88px;}
#sq5		{left: 110px;}
#sq6		{left: 132px;}

#thebox .c0	{background: #fff;}
#thebox .c1	{background: #ca3a2e;}
#thebox .c2	{background: #92b5d6;}
#thebox .c3	{background: #a1a9ac;}
#thebox .c4	{background: #ecb334;}
#thebox .c5	{background: #a9813e;}
#thebox .c6	{background: #9bc54d;}

#thebox h3	{display: inline; height: 20px;}

.g	{color: #aaa;}

#photo0, #photo1, #photo2, #photo3, #photo4, #photo5, #photo6	{position: absolute; top: 0px; left: 0px; width: 620px; height: 280px; border: 0px;}

.jdGallery	{overflow: hidden; position: relative;}
.jdGallery .slideElement		{width: 620px; height: 280px; top: 40px; display: block; cursor: pointer; z-index: 1001;}
.jdGallery .slideInfoZone	{position: absolute; top: 0px; left: 0px; width: 620px; height: 40px; margin: 0px; z-index: 10;}

#spinner	{position: absolute; top: 10px; left: 600px; width: 20px; height: 20px; border: 0px; visibility: hidden;}

.home #themask	{top: 0px; width: 620px; height: 333px;}

.home #rite h1	{position: relative; margin: 0px; margin-top: 24px; padding: 0px; width: 580px; height: 26px; display: block; background: url(img/welcome.gif);}
.home #rite h1 .h0	{display: none;}

.home #rite p	{font: 11px/18px Arial, Helvetica, sans-serif;}

.home #thebox p	{margin-top: 0px; margin-left: 160px; width: 440px; height: 15px; font: 12px/16px Arial, Helvetica, sans-serif; color: #444;}



/* footer */

#foot	{position: relative; clear: both; top: 0px; left: 0px; width: 880px; height: 120px; margin-left: auto; margin-right: auto; text-align: center; font: 10px/20px Arial, Helvetica, sans-serif; color: #444;}

#foot a:link    	{color: #444; text-decoration: none;}
#foot a:visited 	{color: #444; text-decoration: none;}
#foot a:active  	{color: #444; text-decoration: none;}
#foot a:hover   	{color: #aaa; text-decoration: underline;}



/* opacities */
.o01	{opacity: 0.01;}
.semi{opacity: 0.25;}
.half{opacity: 0.50;}
.o99 {opacity: 0.99;}



/* firefox fix */
:focus	{-moz-outline-style: none;}