body {background: #000 url(/images/backgrounds/waterdrops2.jpg) repeat-x 800px 0;padding-bottom: 3em}

h1, h2, h3, h4 {font: bold 1em/1 'Times New Roman', Arial, Helvetica, sans-serif;color: #fff;position: relative;z-index: 10;}
h2, h3 {word-spacing: .01em;}
h1 {font-size: 3.5em;margin: .25em 0;text-align: center;}
h2 {font-size: 2.5em;padding: .23em 0;margin: 0}
h3 {font-size: 1.8em;padding: .5em 0;margin: 0 0 1em 1em}
h4 {font: italic bold 1.4em/1 arial;padding: .75em 0 .3875em;margin: 0 0 0 1.4em;text-transform: uppercase;border-bottom: .1em solid;text-align: center;}
h1 em, h2 em {font-size: 1.4em;padding: 0 .125em;line-height: .5}

h4 + ul {margin: .64em 2.4em}

a, p, ul, dl, blockquote {color: #fff}
p, ul, dl, blockquote {margin: 1.2em 1.2875em}

a {border-bottom: 1px dashed}
a:hover {color: #f00}
a cite { border-bottom: 1px dashed }

blockquote {
	font-size: 2em;
	line-height: 1.4;
	padding: 1em 3.5em;
	border: 0 solid;
	border-width: 1px 0;
	font-style: italic;
	}
cite {float: right;font-size: .823em;margin-top: 1.6em}

dt {font-weight: bold;font-style: italic;}
dd {margin: .64em 1em}

.column {margin: 1.8em 0}
	
.decoration {opacity: .5;}
.decoration.boilerplate {display: none;}
.decoration.black {height: 100%;background: #000;top: 0;bottom: 0;border: 0 solid #fff;border-width: .5em 0;}

.list ul,
.list li {list-style: outside disc}
.list ul {padding-left: 1em}

.image {border: .1em solid #555;padding: .5em;color: #fff;margin-bottom: 1.2875em}
.image.right {margin-left: 1.2857em;}
.image.left {margin-right: 1.2857em;}
.image img {display: block;margin: 0 auto;width: 100%;}
.image em {display: block;font: italic 1em/1 arial;margin: .5em 0;}
p .image em {font-size: .76em;}

/* temporary */
body .image img {width: auto;display: inline}
body .image.grid_3 img {width: 100%;display: block}

/* --------------------------------------
	START:  Page
--------------------------------------*/
#page {position: relative;z-index: 1;border: 1.5em solid #fff;background: #fff}
	/*  NAVIGATION > START ---------------------------------*/
	#page .nav {padding: 0;margin: 0;list-style: none;line-height: 1;background: none;}
	#page .nav ul {overflow: hidden;}
	#page .nav li {}
	#page .nav li a {display: block;font: normal 1.4em/1 Geneva, Arial, sans-serif;color: #000;text-align: left;padding: 0 1.8em;text-transform: uppercase;}
	#page .nav li ul {position: absolute;display: none;width: 22em;background: #fff;border: 0 solid;border-width: 0 1px 1px;padding: 1em 0;}
	#page .nav li li {float: none;display: block;}


/* --------------------------------------
	START:  HEAD
--------------------------------------*/
#head {background: url(/images/assets/nav_chevron.png) no-repeat 72% bottom;padding-bottom: 2.5em;height: 9.2em}
#head #identity {height: 2em;width: 25em;}
#head #logo {position: absolute;bottom: 0;}

	/*  NAVIGATION graphic  ---------------------------------*/
	#head {background-position: 68% bottom;}
	#head.who_we_are {background-position: 68% bottom;}
	#head.services {background-position: 52.5% bottom;}
	#head.residential {background-position: 37% bottom;}
	#head.environment {background-position: 20% bottom;}
	#head.bim {background-position: 5% bottom;}
	/*  NAVIGATION  ---------------------------------*/
	#head .nav {position: absolute;bottom: 2.5em;width: 100%;}
	#head .nav li {float: left;width: auto;border-left: 1px solid #f00;}
	#head .nav li:first-child,
	#head .nav li.first {border-left: none;}
	#head .nav li li {width: auto;background: #fff;border: none;clear: both;}
	#head .nav li a.selected {color: #444;}
	#head .nav li li a {font: normal 1.2em/2.6 Geneva, Arial, sans-serif;text-transform: none;padding: 0 0 0 1em;}
	#head .nav li li a:hover {text-decoration: underline;background: #ccc;}
	#page #head .nav li:hover ul, #page #head .nav li.sfhover ul {display: block;}
	#page #head .nav li:hover a, #page #head .nav li.sfhover a{}
	#page #head .nav li:hover li a, #page #head .nav li.sfhover li a{margin-right: 0;border-bottom: 0;color: #000;}



/* --------------------------------------
	START:  FOOT
--------------------------------------*/
#foot {background: url(/images/assets/nav_bottom.png) no-repeat 50% bottom;height: 8em;border: 0;background: #fff;}
	/*  NAVIGATION > START ---------------------------------*/
	#page #foot .nav {position: absolute;bottom: 4.3em;right: 0;}
	#page #foot .nav li {float: left;font-size: .95em;}
	#page #foot .nav li a {white-space: nowrap;font-weight: normal;color: #333;}



/* --------------------------------------
	START:  MAIN
--------------------------------------*/
#main {background: #222;border: 0 solid #666;border-width: 0 2px;overflow: hidden;margin-top: -1.3em;padding-bottom: 3em;}

	.section {overflow: visible;padding: 0 2em 0;clear: both;}
	.section p img {display: block;margin-bottom: 1.2857em;max-width: 100%;border: 1px solid #555;padding: 3px;font-size: .666667em;}
	.section.alternate {font-size: 1.3em;padding: 2.8em 1.5em;}
	.section.alternate p {line-height: 1.4;margin: 0 1.1em;}
	.section.alternate .column {margin: 0}
	.section.alternate.variant * {color: #000;}
	.section.leader .image.left {margin: 2.2em 1.8em 1.2875em;}

	.section.two_column {padding-top: 2.8em;padding-bottom: 2.8em;}

	/*  ABOVE THE FOLD > START ---------------------------------*/
	.section.content {height: 50em;overflow: hidden;border-bottom: 5px solid #999;position: relative;padding: 0;margin-bottom: 1.8em}
	.section.content.large {height: auto;}
	.section.content.short {height: 30em;}
	.section.content .masthead {width: 100%;background-color: #555;}
	.section.content .heading {position: absolute;z-index: 10;bottom: 0;left: 0;width: 100%;height: auto;overflow:hidden;font-size: 1em}

	.subsection {border: 1px solid;margin: 0 2em;padding: 0;margin-bottom: 1.8em}
	.subsection h4 {margin-left: 0;background: #bbb;color: #000;border-color: #fff}
	.subsection.list ul {margin-left: 1.93125em}

/* P alternate class */
p.alternate {padding: .7em 1.5em;margin: 0 1.1em;font: bold italic 2em/1.4 Arial,helvetica;}

/*-- Careers Page --*/
.promo {font-size: 3em;text-align: center;font-style: italic}
.button {font: 1em/1 Arial;text-align: center;position: relative;overflow: visible;padding: 3em;}
.button a {font: bold 1.6em/1 arial;background: #555 url(/images/assets/button_gradient_red.png) repeat-x 0 -10px;border: 2px solid #111;padding: 1.5em 2em;margin: 0 auto;color: #fcc;}
.button a:hover {color: #fff;text-decoration: underline;}


/*-- News Page --*/
.listings h2 {clear: both}
.listings p img {float: left;width: 30%;margin: 0 1.875em 1.875em 0}
.article {font: 1.5em/1.2 Arial;color: #fff}
.article h2 {font-size: 1.7em}
.article p,
.article ul {font-size: 1em}
.article p img {width: auto;max-width: 50%}


/*-- LEED Projects age --*/
.projects p {position: relative;padding: 1em .5em 1em 1em;border: 1px solid #999;background: #333;overflow: hidden;}
.projects p strong,
.projects p em {display: block;}
.projects .leed_badge {margin-right: .75em;border: none;background: none;}
.projects a.learn_more {margin-top: 1em;float: none;margin: 0 auto;display: block;border: none;font-style: italic}


/*-- VCARD --*/
.vcard {
    color: #fff;
    font-size: 1.2em;
	line-height: 1.5em;
    float: left;
    width: 22em;
    border: 1px solid #999;
    padding: .5em 1em .5em 8em;
    margin: 1.5em 1.5em;
    background: #333 url(/images/logos/LEED_AP_Full_Color.gif) 1em 50% no-repeat;
}
.vcard .street-address {float: left;margin-right: .25em;}
.vcard .phone {float: left;margin-right: .5em;}
.vcard .geo {text-transform: uppercase;letter-spacing: .05em;font-wieght: bold;font-size: .823em;}
.vcard .geo a {color: #fff;}
.vcard .latitude {display: none;}
.vcard .longitude {display: none;}
.vcard span.fn,
.vcard span.type {font-weight: bold;}
.vcard span.fn {font-size: 1.2em;}
.vcard span.type {margin-right: .75em;}
.vcard .street-address {display: block}


/*-- OFFICE LOCATIONS --*/
.office_list {margin: 0;padding: 0;overflow: hidden}
.office_list h3 {margin: 0 0 0 .5em}
.office_list p {font-size: .76em;background: #333;padding: .5em;border: 1px solid #555;width: 21em;float: left;margin-top: 0em}
.office_list a {color: #fff;margin-top: 0;font-weight: bold;}
.office_list a:hover {color: #f00;}
.office_list .map {float: left;margin: 0 1em 1em 0;}
.office_list .map img {display: block;margin: 0;padding: 0;}
	/*  CONTACT > START ---------------------------------*/
	#contact .office_list h3 {margin: 0 0 .5em;font-size: 1.4em;font-family: arial;text-align: center;}
	#contact .office_list p {width: 16em;margin: 0 .5em 1em;font-size: .7em}
	#contact .office_list .map {display: none;}


/*-- CONTACT --*/
#contact_form,
#contact_form ul {font-size: 1em}
#contact_form {margin: 0 0 1.6667em;}
#contact_form li {font-size: 1.5em;margin: .416667em 0 ;clear: both;}
#contact_form label {display: block;clear: both}
#contact_form p {margin: 1.8em 0 0 .8em;}


/*-- FAMILY TREE --*/
#links_content h1 {display: none}
#links_content h2 {text-align: center;font-size: 3.5em;border-bottom: 2px solid;clear: both}
#links_content * {color: #000;}
#links_content a {color: red}
.profile_group {overflow: hidden;margin-bottom: 2em;}
.company  {font: normal 1.2em/1.2 arial;width: 46%;margin: 1% 0;padding: 0 1%;float: left;padding: 1.5em 0;}
.company h2 {margin: .25em 0;padding: 0;font-size: 2em;border-bottom: 2px solid #000;}
.company strong {padding: 0 1em;font-size: 1.8em;display: block;}
.company img {max-width: 12em;max-height: 9em;margin: .5em 1.5em 1em 1em;background: none;float: left;}
.company.left {clear: left}
.company .description,
.company .visit {margin: .5em 2em;}
.company .visit {display: block;white-space: nowrap;}


/*-- imagemaps --*/
.imagemap {position: absolute;z-index: 100;top: 0;left: 0;}
.imagemap a {display: block;float: left;z-index: 100;border: none;}
.imagemap a:hover {border: 1px solid;background: rgba(255,0,0,.3);}

	/*  FAMILY TREE > START ---------------------------------*/
	.familytree {top: 167px;left: 86px;}
	.familytree a {width: 103px;height: 57px;margin: 2px 14px 12px 0;}
	.familytree a:hover {border-color: #f00;}
	.familytree a.column2 {margin-right: 11px;}
	.familytree a.column3 {margin-right: 110px;}
	.familytree a.column4,.familytree a.column5 {width: 102px;}
	.familytree a.column4 {margin-left: 2px;}
	.familytree a.column5 {margin-right: 11px;}
	.familytree a.hidden {visibility: hidden;}
	.familytree a.row2 {margin-top: 0;}
		
	/*  OFFICE LOCATIONS > START ---------------------------------*/
	.offices {height: 100%;width: 100%;}
	.offices a {position: absolute;width: 20px;height: 20px;border: 1px solid #fff;margin: -10px 0 0 -10px;overflow: hidden;text-indent: -999em;background: rgba(255,255,255, .5);background: #f00;opacity: .5;filter: Alpha(Opacity=50);}
	.offices a:hover {border: 2px solid #fff;margin: -11px 0 0 -11px;background-color: #000;}
	.offices a.AZ.Phoenix {left: 203px;top: 356px;}
	.offices a.CA.Sacramento {left: 68px;top: 231px;}
	.offices a.CA.Lakewood {left: 100px;top: 336px;}
	.offices a.CA.Upland {left: 110px;top: 338px;}
	.offices a.CO.GlenwoodSprings {left: 289px;top: 242px;}
	.offices a.CO.FortCollins {left: 328px;top: 224px;}
	.offices a.CO.Centennial {left: 333px;top: 244px;}
	.offices a.CO.ColoradoSprings {left: 333px;top: 258px;}
	.offices a.ID.Nampa {left: 158px;top: 146px;}
	.offices a.IL.Decatur {left: 583px;top: 233px;}
	.offices a.KS.KansasCity {left: 492px;top: 255px;}
	.offices a.MO.MarylandHeights {left: 562px;top: 259px;}
	.offices a.MT.Missoula {left: 206px;top: 80px;}
	.offices a.NM.Albuquerque {left: 299px;top: 333px;}
	.offices a.NV.LasVegas {left: 170px;top: 298px;}
	.offices a.OR.OregonCity {left: 77px;top: 92px;}
	.offices a.SD.BlackHawk {left: 358px;top: 151px;}
	.offices a.TX.Houston{left: 487px;top: 443px;}
	.offices a.TX.GrandPrairie {left: 464px;top: 381px;}
	.offices a.TX.SanAntonio  {left: 435px;top: 450px;}
	.offices a.TX.ElPaso {left: 296px;top: 402px;}
	.offices a.TX.Pflugerville {left: 450px;top: 433px;}
	.offices a.WA.Redmond {left: 91px;top: 45px;}
	.offices a.WA.Spokane {left: 158px;top: 58px;}
	.offices a.WY.Casper {left: 310px;top: 177px;}


/*-- MISC --*/
.learn_more {float: right;border: 1px solid;padding: 0 .5em;margin-top: 1.875em}
#page_background {position: fixed;z-index: 0;left: 0;right: 0;margin: 0 auto;opacity: .2;width: 100%;display: none}
#head a, #foot a {border-bottom: 0}

/*-- HOME Page --*/
#INDEX .column {width: 33.3%;margin: 0}
#INDEX .column div {padding: 1em 1em 3em;border-left: 1px solid #999;border-right: 2px solid #000;height: 20em}
#INDEX .column h3 {font: bold 1.75em/1 arial;margin: 0;padding-top: .5em;}
#INDEX .column p {margin: 0;font-size: 1.2em}
#INDEX .column a {}
#INDEX .column.first div {border-left: 0}
#INDEX .column.last div {border-right: 0}
#INDEX .slogan {position: absolute;width: 50em;padding: 0 2em;}
#INDEX .slogan {bottom: 0;width: 100%}

/*-- Progressive Enhancement --*/
#page, #main {border-radius: 0 0 1em 1em;-moz-border-radius: 0 0 1em 1em}

.major_projects ul {margin-top:0;padding-left: 1em;}
.major_projects li {margin: 0 1.2875em .6em 0;list-style: outside square}
.major_projects h3 {margin-bottom: 0}