/* 	© Studio of Environmental Architecture. All Rights Reserved.
	
	Date: March 2009
	
-----------------------------------------------------------------*/

/* reset
-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul, dl {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
h1, h2, h3, h4, h5, dt {font-weight:normal;}
strong {font-weight:700;}

/* body
-----------------------------------------------------------------*/
body {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color: #333;
background-color:#B3BFBA;
padding-bottom:30px;
}

a {
outline:none;
color:#0f916b;
text-decoration:none;
}

a:hover {
color:#c16913;
text-decoration:underline;
}

p, .projectInfo ul li, #footerInner dl dt, #footerInner dl dd ul li, .linkList li dl dd, #contactInfo dd, .projectDesc ul li, dl.subdeflist dt {
line-height:18px;
}
 
#contactInfo dt, .linkList li dl dt {
line-height:22px;
}

#header {
width:100%;
background-color:#2b2b2b;
border-top:2px solid #9F4700;
border-bottom:2px solid #9F4700;
}

#headerInner {
width:995px;
margin:0px auto;
height:143px;
background-color:#2B2B2B;
}

#headerTopSpacer {
height:5px;
background-color:#FFFFFF;
border-left:3px solid #8EAFA1;
border-right:3px solid #8EAFA1;
margin:0 auto;
width:995px;
}

#headerInner a#branding {
background:url(../images/bg/bg_studio_ea_logo.gif) top left no-repeat;
width:142px;
height:143px;
display:block;
text-indent:-9999px;
float:left;
margin-left:15px;
}

#content, #footer {
width:100%;
}

#content {
padding-top:15px;
min-height:400px;
_height:400px;
background-color:#FFFFFF;
border-left:3px solid #8EAFA1;
border-right:3px solid #8EAFA1;
margin:0 auto;
width:995px;
}

#homePage #content {padding-top:17px;}

#contentWrap, #footerInner {
width:960px;
margin:0px auto;
}

#contentWrap {
padding-bottom:30px;
}

#homePage #contentWrap {padding-bottom:17px;}

#footer {
background-color:#E9E9E9;
border:3px solid #8EAFA1;
margin:0 auto;
padding:20px 0px;
width:995px;
}

.halfColLeft, .halfColRight {width:480px; padding:30px 0px; text-align:center;}
.halfColLeft {float:left;;}
.halfColRight {float:right;}
.halfColLeft h2, .halfColRight h2 {
border:none;
text-align:center;
margin-bottom:15px;
font-weight:700;
text-transform:uppercase;
}
.halfColLeft h2 span, .halfColRight h2 span {
color:#666666;
}
h1 span.pubSubHeader {color:#666;}
h1 span.pubSubNav {font-size:12px; text-transform:lowercase; font-weight:700;}

h1 {
color:#c16913;
font-size:2.5em;
border-bottom:3px solid #8EAFA1;
letter-spacing:1px;
text-transform:uppercase;
}

h1#headerHomepage { text-indent:-9999px; display:none;}

h2 {
color:#C16913;
font-size:2.4em;
margin-bottom:3px;
border-bottom:3px solid #8EAFA1;
}

h2#pojectVideosHeaderA {border-bottom:none;margin-top:15px;}

h2.subHeader {
border-bottom:3px solid #8EAFA1;
margin-bottom:15px;
padding-top:30px;
}

h2.subHeaderPad {margin-bottom:15px;}

ul.subList, .projectDesc ul {
color:#c16913;
list-style-type:disc;
padding-left:50px;
}

dl.subdeflist {
}

dl.subdeflist dt {
color:#c16913;
font-size:1.2em;
padding-bottom:5px;
}

ul.subList li {
padding-bottom:10px;
line-height:20px;
}

ul.subList li span, .projectDesc ul li span {
color: #333;
}

ul.subList li span span.press {font-size:1.5em;}
ul.subList li a.pressLink {font-weight:700;}
.projectInfo {
width:330px;
float:left;
padding:10px 0px 10px;
}

.projectDesc {
width:600px;
float:right;
padding:19px 10px 0px 0px;
}

.colA {
width:600px;
float:left;
padding:15px 0px 10px;
}

.colB {
width:330px;
float:right;
padding:15px 0px 10px;
}

.colB img {margin:0px 0px 5px;}
.colB p.caption {font-size:11px; color:#999; text-align:center; margin:0px 0px 30px;}

.projectInfo ul {
margin-bottom:10px;
}

.projectInfo ul li span {font-weight:700;}
.projectInfo ul li span {color:#000;}
.projectInfo ul li.projectUpdate {color:#666; padding-right:15px;}
.projectInfo ul li.projectUpdate span {color: #F00; font-style:italic;}

.projectInfo ul li.featuredInLink {font-size:11px;}
.projectInfo ul li.featuredInLink a {color:#333333;}


.projectInfo ul li dl dt {
color:#2b2b2b;
font-size:1.1em;
font-weight:700;
margin-top:5px;
}

.projectInfo ul li img, .hertzFrame, .videoWrap, .videoWrapWide {
border:1px solid #8FBFAA;
padding:3px;
}

.videoWrap {width:640px;height:505px;margin-bottom:30px;}
.videoWrapWide {width:853px;height:505px;margin-bottom:30px;}

.projectDesc p, .colA p, p.contentPara {
padding:0px 0px 15px;
font-size:1.1em;
}

.projectDesc h2 {
padding:0px 0px 15px;
font-size:1.2em;
color:#677F74;
font-weight:700;
border-bottom:none;
margin-bottom:0px;
}

.projectDesc ul {
padding:0px 0px 10px 15px;
}

.prefab {
font-style:italic;
color:#e9e9e9;
}
a:hover .prefab {
color:#005F2C;
}

#shareBtn {
float:right;
margin-top:12px;
}

/* footer styles */
a.viewAllFooter {color:#7C827E;}
#footerInner dl {
float:left;
font-size:.9em;
}
#footerInner dl#footerA {
width:178px;
}
#footerInner dl#footerB {
width:178px;
}
#footerInner dl#footerC {
width:198px;
}
#footerInner dl#footerD {
width:180px;
padding-left:20px;
}
#footerInner dl#footerE {
width:166px;
}
#footerA, #footerB, #footerC, #footerD {
margin-right:5px;
}
#footerA dd ul, #footerB dd ul, #footerC dd ul, #footerD dd ul, #footerE dd ul {
padding-bottom:15px;
}
body#homePage #copyright {border-top:none;padding:0px 15px 0px;}

body#homePage #copyright ul {margin-bottom:10px;font-size:1.1em;color:#616F69;}

dl#footerA dd ul li a:hover span.prefab {color:#0F916B;}

body#homePage #copyright ul.footerHomePage li {
display:inline;
margin-right:10px;
padding-right:10px;
border-right:1px solid #B3BFBA;
}

body#homePage #copyright ul.footerHomePage li.last {
margin-right:0px;
padding-right:0px;
border-right:none;
}
p.messageNotFound {font-size:2em;line-height:2.5em;}
#copyright {
clear:both;
text-align:center;
font-size:.9em;
color: #868F8B;
padding:15px 15px 0px;
width:930px;
margin:0px auto 0px auto;
position:relative;
border-top:1px solid #B3BFBA;
}
#footer #copyright span.anchorForTop {position:absolute; right:15px; top:15px;}
#footer #copyright span.anchorForTop a {font-weight:700; color: #3B3F3D;}
#footerA dt, #footerB dt, #footerC dt, #footerD dt.firm, #footerD dt.organizations, #footerE dt.contact, #footerE dt.sbc{
display:block;
text-indent:-9999px;
margin-bottom:10px
}
#footerA dt, #footerB dt, #footerD dt.firm, #footerE dt.contact{
margin-bottom:10px
}
#footerC dt, #footerD dt.organizations{
margin-bottom:7px
}
#footerE dt.sbc{
margin-bottom:6px
}
#footerA dt a, #footerA dt a:hover {background-image:url(../images/bg/bg_header_residential.gif);background-repeat:no-repeat;}
#footerA dt a{
display:block;
text-indent:-9999px;
background-position:0px 0px;
width:85px;
height:13px;
cursor:pointer;
}
#footerA dt a:hover, #footerB dt a:hover, #footerC dt a:hover, #footerD dt.firm a:hover, #footerE dt.contact a:hover {background-position:0px -50px;}
#footerB dt a, #footerB dt a:hover {background-image:url(../images/bg/bg_header_commercial.gif);background-repeat:no-repeat;}
#footerB dt a{
display:block;
text-indent:-9999px;
background-position:0px 0px;
width:93px;
height:13px;
cursor:pointer;
}
#footerC dt a, #footerC dt a:hover {background-image:url(../images/bg/bg_header_wip.gif);background-repeat:no-repeat;}
#footerC dt a{
display:block;
text-indent:-9999px;
background-position:0px 0px;
width:138px;
height:17px;
cursor:pointer;
}
#footerD dt.firm a, #footerD dt.firm a:hover {background-image:url(../images/bg/bg_header_firm.gif);background-repeat:no-repeat;}
#footerD dt.firm a{
display:block;
text-indent:-9999px;
background-position:0px 0px;
width:33px;
height:13px;
cursor:pointer;
}
#footerD dt.organizations{
display:block;
text-indent:-9999px;
background:url(../images/bg/bg_header_organizations.gif) top left no-repeat;
width:109px;
height:17px;
}
#footerE dt.contact a, #footerE dt.contact a:hover {background-image:url(../images/bg/bg_header_contact.gif);background-repeat:no-repeat;}
#footerE dt.contact a{
display:block;
text-indent:-9999px;
background-position:0px 0px;
width:62px;
height:13px;
}
#footerE dt.sbc{
display:block;
text-indent:-9999px;
background:url(../images/bg/bg_header_sbc.gif) top left no-repeat;
width:155px;
height:37px;
}
#footerE dd.contactInfo {
color:#666;
}

#tempNav {
font-size:1em;
padding:15px 0px;
}

#tempNav li {
padding-bottom:5px;
}

#tempNav li a {
font-weight:bold;
}

a.pdfLink {
background:url(../images/bg/bg_pdf.gif) right top no-repeat;
padding-right:20px;
padding-top:3px;
}

a.btnUsgbc {
background-image: url(../images/bg/bg_usgbc_logo.gif);
background-repeat:no-repeat;
width:90px;
height:90px;
text-indent:-9999px;
display:block;
}

a.btnUsgbcMulti {
background-image: url(../images/bg/bg_usgbc_leed_platinum_200.jpg);
background-repeat:no-repeat;
width:200px;
height:200px;
text-indent:-9999px;
display:block;
margin:0px auto;
}

a.btnUsgbc {
background-position:0px 0px;
}

a.btnUsgbc:hover {
background-position:0px -90px;
}

img#enviroOlympicImage {margin-bottom:15px;}

.rightRailModule a.btnUsgbc {
margin:0px auto;
}

.rightRailModule {
border:1px solid #8FBFAA;
padding:5px;
margin-bottom:15px;
}

.linkList, #map, #contactInfo, p.tempIntro, .contentWide {
padding:15px 0px;
}

.contentWide p {
padding:0px 0px 15px;
text-align:justify;
}

#sustainableBuilding h2 {
margin-bottom:15px;
}

#sustainableBuilding p.sustainableBuildingPara {
overflow:hidden;
clear:both;
font-size:1.1em;
line-height:18px;
}

#sustainableBuilding p.sustainableBuildingPara img {
float:left;
margin-right:15px;
margin-bottom:15px;
}

#contactInfo {
width:300px;
float:left;
}

#map {
float:right;
width:630px;
}

#mapLink {
text-align:right;
font-size:.9em;
padding:5px 0px 0px;
}

.sitePlansRight {float:left;width:560px;margin-bottom:30px;}
.sitePlansLeft {float:right;width:400px;text-align:right;}
.sitePlansLeft img.imageA {margin-bottom:6px;}

.linkList li {
padding:0px 0px 20px 0px;
*padding:0px 0px 10px 0px;
width:470px;
float:left;
}

.linkList li dl dt {
border-top:1px solid #D5D5D5;
padding:10px 0px 0px;
}

.linkList li.top dl dt {
border-top:none;
}

.linkList li.left {
margin-right:20px;
}

.linkList li.right {
}

.linkList li dl dt a, #contactInfo dt {
font-size:1.4em;
}

.linkList li dl dt a {
color: #CF4900;
}

.liHover {
background-color:#f0f0f0;
}

#contactInfo dt {
color: #333;
}

a.externalLink {
background:url(../images/bg/bg_external_link.gif) right 0px no-repeat;
padding-right:15px;
}

a.externalLinkFooter {
background:url(../images/bg/bg_external_link_footer.gif) right 0px no-repeat;
padding-right:15px;
}

.imgFrame {
border:1px solid #8FBFAA; padding:3px;
}
a:hover .imgFrame {background-color:#C16913 !important; border-color:#C16913 !important;}

.clearFloat {clear:both;}

.projectListWrap {
width:930px;
padding:15px 15px 30px 15px;
background:url(../images/bg/bg_dots_orange.gif) bottom left repeat-x;
margin:15px 0px;
clear:both;
overflow:hidden;
}

.projectListWrap dl {
width:310px;
text-align:center;
float:left;
background:url(../images/bg/bg_dots_orange_vert.gif) top right repeat-y;
}

.projectListWrap dl.rowItemLast {
float:right;
margin-right:0px;
background:none;
}

.projectListWrap dl dt {
font-size:1.8em;
}
.projectListWrap dl dt a, .projectListWrap dl dt {
color:#0F916B;
display:block;
}
.projectListWrap dl dt a {
padding:5px 0px;
}
.projectListWrap dl dt a:hover {
text-decoration:none;
color:#C16913;
}
.projectListWrap dl dd.image {
height:180px;
}
.projectListWrap dl dd.image a img {
border:2px solid #8EAFA1;
}
.projectListWrap dl dd.image a:hover img {
border:2px solid #C16913;
}
.toggleTrigger {background-color:#699; border:none;cursor:pointer;}
.toggleTriggerActive {background-color: #CCC; border:none;cursor:pointer;}

.videoList {overflow:hidden; width:840px; margin:0px auto;}
.videoList li {width:320px; height:300px; float:left; margin:0px 50px;_margin:0px 40px;}
.videoList li.video420 {width:420px; height:335px; float:left; margin:0px 50px;}

.videoListPage {overflow:hidden; width:840px; margin:0px auto; padding-top:30px;}
.videoListPage li {width:320px; height:300px; float:left; margin:0px 50px;_margin:0px 40px;}
.videoListPage li.video420 {width:420px; height:335px; float:left; margin:0px 50px 20px;}

#wingHousePress li {width:320px;height:256px;margin-bottom:30px;overflow:hidden;}

.chronoList {overflow:hidden; clear:both; margin:15px 0px 30px;}
.chronoList dt {width:150px; float:left; background-color:#D1DFD9; color:#677F75; text-align:center; font-size:2em; padding:15px 0px;
background:url(../images/bg/bg_chrono_list_pattern.gif) top left repeat;}
.chronoList dd {width:790px; float:right; font-size:1.3em;}
.chronoList dd ul li {padding:0px 15px 10px 20px; background:url(../images/bg/bg_chrono_list_items.gif) left top no-repeat;}

/*** jquery superfish styles ***/
.sf-menu {
line-height:1.0;
}
.sf-menu ul {
position:absolute;
top:-999em;
width:10em; /* left offset of submenus need to match (see below) */
z-index:1000000;
}
.sf-menu ul li {
width:100%;
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:left;
position:relative;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:2.5em; /* match top ul list item height */
z-index:1000000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}

/*** DEMO SKIN ***/
.sf-menu {
float:right;
margin-top:10px;
z-index:1000000;
position:relative;
}
.sf-menu a {
/*border-left:1px solid #4A4F4C;*/
padding:.75em 1em;
text-decoration:none;
}

.sf-menu li li a {
border-left:1px solid #4A4F4C;
}

.sf-menu li {
}

.sf-menu ul, sf-menu ul li, sf-menu ul li a {
z-index:1000000;
}

.sf-menu li#navFirm a, .sf-menu li#navResidential a, .sf-menu li#navCommercial a, .sf-menu li#navWorkInProgress a {
background-image:url(../images/bg/bg_nav_link_sprite.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

.sf-menu li#navFirm a {
background-position:0px 0px;
}

.sf-menu li#navFirm a:hover {
background-position:-180px 0px;
}

.sf-menu li#navResidential a {
background-position:0px -40px;
}

.sf-menu li#navResidential a:hover {
background-position:-180px -40px;
}

.sf-menu li#navCommercial a {
background-position:0px -80px;
}

.sf-menu li#navCommercial a:hover {
background-position:-180px -80px;
}

.sf-menu li#navWorkInProgress a {
background-position:0px -120px;
}

.sf-menu li#navWorkInProgress a:hover {
background-position:-180px -120px;
}

.sf-menu li#navFirm li a, .sf-menu li#navResidential li a, .sf-menu li#navCommercial li a, .sf-menu li#navWorkInProgress li a {
text-indent:0px;
}

.sf-menu li li a, .sf-menu li li {
background-image:none !important;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#A5AFAA;
}
.sf-menu li {
width:170px;
}
.sf-menu li li {
background-color:#2b2b2b;
border-right:1px solid #4A4F4C;
border-bottom:1px solid #4A4F4C;
width:170px;
}
.sf-menu li li.first {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
color:#c16913;
outline:none;
text-decoration:none;
}

.sf-menu li li, .sf-menu li li li {
background-color:#e9e9e9;
font-size:.9em;
}

.sf-menu li li a {
color:#2b2b2b !important;
}

.sf-menu li li a:hover {
color:#c16913 !important;
text-decoration:none;
}

.sf-menu li li:hover {
background-color: #fff;
}

.sf-menu li li.navLast {
border-bottom:3px solid #2b2b2b;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:.8em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {}
.sf-menu ul a > .sf-sub-indicator {}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {

}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
}

#tiltVideo {width:608px;height:340px;background-color:#0F0E0E; text-align:center;padding-top:5px;margin-bottom:15px;}

.locationColA, .locationColB {width:480px; float:left;}
.locationColA dl dt, .locationColB dl dt, dl.locationContact dt {font-size:18px;color:#3B5F4F;margin-bottom:10px;}
.locationColA dl dd ul, .locationColB dl dd ul {padding-left:15px;}
.locationColA dl dd ul, .locationColB dl {padding-right:5px;}
dl.locationContact dd {margin-bottom:5px;}
dl.locationContact {margin-bottom:15px;}
.locationProjDesc {padding-top:8px;}

.floatLeft {float:left;margin:0px 15px 15px 0px;}