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, strong, sub, sup, tt, var,b, u, i, center,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-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif;  font-size: 12px; background: #535353 url(../images/bg_body.jpg) repeat-x; }


/*----- TYPOGRAPHY -----*/

p {	line-height: 1.6em; margin-bottom: .5em; }

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em; color: #cc0000; display: inline; line-height: 1.3; padding-right: 15px; background: url(../images/bg_h2.jpg) no-repeat right center; }
h2 + p { margin-top: 5px; }
h3 {font-size: 1em; color: #333333; text-transform: uppercase; }
h4 {font-size: 1.2em; color: #333333;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1,h2,h3,h4,h5,h6 { font-family: "Arial Black", sans-serif; }

#leftcolumn p, #leftcolumn h2, #leftcolumn h3, #leftcolumn h4, #leftcolumn h5, #leftcolumn h6, #leftcolumn cite, #leftcolumn .title { margin: 0 10px 5px 15px;}
#leftcolumn h4 { color: #cc0000; }

#rightcolumn p, #rightcolumn h2, #rightcolumn h3, #rightcolumn h5, #rightcolumn h6, #rightcolumn cite, #rightcolumn .title { margin: 0 5px 5px 10px;}
#rightcolumn h4 { margin: 10px 5px 5px 10px;}
#rightcolumn li { margin: 5px 10px 5px 10px; line-height: 1.3;}

.title {font-size: 10px; line-height: 1.3; font-weight: normal; text-transform: uppercase; }

cite { font-size: 12px; color: #cc0000; font-family: "Arial Black"; font-style: normal; line-height: 1.2; display: block; }
.subhead {font-size: 10px; line-height: 1.3; font-weight: bold; text-transform: uppercase; display: block; }
.info {font-size: 12px; font-weight: bold; display: block; }
.red { color: #cc0000; }

#citation { margin: 0 0 0 300px;}


/*----- QUOTES -----*/

#content blockquote { font-size: 12px; font-style: italic; line-height: 1.5; margin: 10px 0 5px 0; }
#leftcolumn blockquote { margin: 10px 5px 5px 15px; }
#rightcolumn blockquote { margin: 10px 15px 5px 10px; }


/*----- FLASH -----*/

#flash_box { position: relative; z-index: 99;}


/*----- HOMEPAGE BOTTOM LINKS -----*/

#home_footer { margin: -23px 0 0 0; z-index: 1; }
#home_footer_left a {width: 322px; height: 138px; margin: 0px; float: left; border-top: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; background: #ffffff url(../images/bg_home_footer_left.jpg) no-repeat; }
#home_footer_middle a {width: 322px; height: 138px; margin: 0px; float: left; border-top: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; background: #ffffff url(../images/bg_home_footer_middle.jpg) no-repeat; }
#home_footer_right a { width: 322px; height: 138px; margin: 0px; float: left; border-top: 1px solid #c1c1c1; background: #ffffff url(../images/bg_home_footer_right.jpg) no-repeat; }
#home_footer_right_2 a { width: 322px; height: 138px; margin: 0px; float: left; border-top: 1px solid #c1c1c1; background: #ffffff url(../images/bg_home_footer_right2.jpg) no-repeat; }
#home_footer_left a:hover {background-image: url(../images/bg_home_footer_left_hover.jpg);}
#home_footer_middle a:hover {background-image: url(../images/bg_home_footer_middle_hover.jpg);}
#home_footer_right a:hover {background-image: url(../images/bg_home_footer_right_hover.jpg);}
#home_footer_right_2 a:hover {background-image: url(../images/bg_home_footer_right2_hover.jpg);}
#home_footer a:hover {text-decoration:none;}
.home_title { float: left; margin: 40px 20px 0 85px;; font-family: "Arial Black", sans-serif; font-size: 14px; color: #555555; }
.home_info { float: left; margin: 5px 20px 0 85px; font-size: 11px; color: #666666; line-height: 1.3; }

/*----- NAVIGATION -----*/

a { color: #cc0000; text-decoration: none; text-transform: none;}
a:hover, a:active { color: #666666; text-decoration: underline;}

#supheader a{ font-weight: bold;  text-transform: uppercase;  color: #262626;  text-decoration: none;  float: right;  margin: 8px 15px 0 0; }
#supheader a:active, #supheader a:hover {  text-decoration: underline; }
#supheader a.supernav_join {  color: #ffffff;  margin-left: 55px; }

#header a.branding {  text-indent: -9999px;  height: 78px;  width: 311px;  display: block;  background: url(../images/logo.jpg) no-repeat;  position: absolute; }
#header .navmain {  position: absolute;  right: 0px;  top: 1px;  height: 76px;  overflow: hidden; }
#header .navmain li {  display: inline; }
#header .navmain li a {  display: block;  border-left: 1px solid #c1c1c1;  padding: 30px 20px 40px 20px;  float: left;  font-family: "Arial Black";  color: #666666;  text-decoration: none; }
#header .navmain li a:hover, #header .navmain li a:active {  color: #262626;  background: #c8c8c8 url(../images/bg_mainnav.jpg) no-repeat;  }
#header .navmain li a.active {  color: #FFFFFF;  background: #262626 url(../images/bg_mainnav_active.jpg) no-repeat; }

#content .navsecond {  position: absolute;  left: 290px;  top: 27px; }
.services #content .navsecond {  position: absolute;  left: 10px;  top: 27px; }
#content .navsecond li {  display: inline; }
#content .navsecond li a {  display: block;  border-right: 1px solid #c1c1c1;  padding: 5px 10px 7px 10px;  float: left;  font-family: "Arial Black";  font-size: 12px;  color: #878787;  text-decoration: none; }
#content .navsecond li a:hover, #content .navsecond li a:active {  color: #262626; }
#content .navsecond li a.active {  color: #262626;  background: url(../images/bg_secondnav_active.jpg) no-repeat left bottom; }

#leftcolumn .navthird li a {  display: block; width: 200px; padding: 10px 0 10px 25px;  float: left;  font-family: "Arial Black"; font-size: 12px;  color: #878787;  text-decoration: none; }
#leftcolumn .navthird li a:hover, #leftcolumn .navthird li a:active {  color: #262626; }
#leftcolumn .navthird li a.active {  color: #262626; background: url(../images/bg_thirdnav_active.jpg) no-repeat left bottom; }


#brief .brief { width: 440px; }

#brief .briefright { float: right; margin-top: 25px; } 


#wrapper {   margin: 0 auto;  width: 968px;  border: 1px solid #262626; background-color: #ffffff;  border-top: none; }

#supheader {  width: 100%;  color: #333;  padding: 0px;  position: relative;  height: 27px;  overflow: hidden;  margin: 0px;  background: #535353 url(../images/bg_supheader.jpg) no-repeat;  font-size: 10px; }

.home #supheader { background: #535353 url(../images/bg_supheader_homepage.jpg) no-repeat;}

.green #supheader { background: #535353 url(../images/bg_supheader_green.jpg) no-repeat;}


#header {  width: 100%;  color: #333;  padding: 0px;  height: 78px;  margin: 0px;  background: #FFFFFF url(../images/bg_header.jpg) no-repeat;  position: relative; }



#content { width: 100%; min-height: 500px; position: relative; color: #333;  background: #FFFFFF;  margin: 0;  padding: 0 0 30px 0; }
.home #content { padding: 0px;}

#content_topper {  background: #FFFFFF url(../images/bg_content_about.jpg) no-repeat;  height: 50px;  position: relative; }

img { border: 0px;}

.green #content_topper {  background: #FFFFFF url(../images/bg_content_green.jpg) no-repeat;  height: 50px;  position: relative; }

.services #content_topper {  background: #FFFFFF url(../images/bg_content_services.jpg) no-repeat;  height: 50px;  position: relative; }

.projects #content_topper {  background: #FFFFFF url(../images/bg_content_projects.jpg) no-repeat;  height: 50px;  position: relative; }

.supernav #content_topper {  background: #FFFFFF url(../images/bg_content_opscenter.jpg) no-repeat;  height: 50px;  position: relative; }


/*----- SERVICES SECTION -----*/

#allservices { width: 968px; height: 341px; overflow: hidden; margin: 25px 0 35px 0; position: relative; background: #ffffff url(../images/bg_services.jpg) no-repeat;}
#allservices ul.mainservices { position: absolute; top: 137px; left: 235px; }
#allservices .mainservices li { display: inline;}
#allservices .mainservices li a { float: left; display: block; padding: 11px 25px 12px 15px; font-size: 15px; font-family: "Arial Black";  color: #cc0000;  text-decoration: none; background: url(../images/service_carrot_big.gif) no-repeat right; }
#allservices .mainservices li a.last { background: none; }
#allservices .mainservices li a:hover { color: #262626;  }

#allservices ul.specialservices { position: absolute; top: 145px; left: 40px;}
#allservices .specialservices li a { display: block; padding: 6px 6px 6px 10px;  font-size: 13px; font-family: "Arial Black";  color: #878787;  text-decoration: none; background: url(../images/service_carrot_small.gif) no-repeat left; }
#allservices .specialservices li a:hover { color: #262626; }

#servicesintro { position: absolute; top: 200px; left: 492px; width: 285px; }


/*----- SPECIALTY SIDEBARS -----*/

#greenteam, #greenresources { width: 200px; float: right; margin-top: 25px; background: #ffffff url(../images/bg_greenteam.jpg) no-repeat; min-height: 200px; }
#greenresources-left { width: 200px; float: left; margin-top: 25px; background: #ffffff url(../images/bg_greenresources-left.jpg) no-repeat; min-height: 200px; }
#greenresources { background: #ffffff url(../images/bg_greenresources.jpg) no-repeat; }
#leed { width: 200px; float: right; margin-top: 25px; background: #ffffff url(../images/bg_leed.jpg) no-repeat; min-height: 100px; }
#greenteam h4, #leed h4, #greenresources h4 { margin-top: 100px; }
#greenteam p, #leed p, #greenresources p {margin: 1em 1em 2em 0;}
#greenresources-left h4 { margin-top: 100px; color: #333;  }
#greenresources-left p {margin: 1em 0 2em 15px;}

#lean { width: 200px; margin: 10px 0 0 0; padding: 100px 0 20px 0; background: #ffffff url(../images/bg_lean.jpg) no-repeat;}
#lean h4 { color: #333333; }


/*----- FORMS -----*/

#opscenter_form { width: 280px; border: 1px dotted #c1c1c1; padding: 25px; margin: 20px 0 20px 0; background-color: #f0f0f0;  }
input { border: 1px solid #c1c1c1; padding: 10px; margin: 5px 0 15px 0; }
.submit_button { border: 1px solid #c1c1c1; padding: 10px; display: block; margin: 5px 0 15px 0; color: #ffffff; text-transform: uppercase; font-weight: bold; background-color: #333333; }
.ops_image { border: 0px; position: absolute; top: 110px; right: 0px; }
#widecolumn .ops_logo { border: 0px; float: right; margin: 30px -80px 0 0; }




#leftcolumn { width: 200px; float: left; margin-top: 25px; }



#callout {border-right: 1px dotted #c1c1c1;}

.calloutbold {font-size: 12px; font-family: "Arial Black"; color: #666666; line-height: 1.75; font-weight: bold; margin:5px 5px 5px 25px;} 

.calloutbold a {color: #cc0000; text-decoration: none; font-size: 10px; text-transform: uppercase; display: block; padding-top: 10px; } 

.calloutbold p a:hover, .calloutbold p a:active {color: #262626;} 

#callout img { margin: 10px 0 0 25px;}
#callout img.left { margin: 0 0 10px; 0; border: 0px; padding: 0px; width: 199px;}

#callout li { list-style: square; list-style-position: outside; margin: 0 5px 5px 30px; }




#middlecolumn { width: 515px; float: left; margin-top: 25px; margin-left: 25px; line-height: 1.75; }

hr { clear: both; border-top: 1px dotted #c1c1c1; margin: 15px 0 15px 0; border-left: 0px; border-right: 0px; border-bottom: 0px; }



#middlecolumn li { list-style: square; list-style-position: outside; margin-left: 20px; }

#middlecolumn ul { margin: 10px 0 20px 0;}

#middlecolumn ul li ul { margin: 0 0 0 0;}

#middlecolumn ul li ul li { list-style: circle; }


.location { font-size: 10px; text-transform: uppercase; display: block; margin:0; }





#rightcolumn { width: 200px; border-left: 1px solid #c1c1c1; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; float: right; margin-top: 25px; padding: 2px 0 2px 2px; }


#rightcolumn img.main { float: left; margin: 0 0 1px 0;}

#rightcolumn img.thumbs { float: left; margin: 0 1px 1px 0;}

#rightcolumn img.thumbslast { float: left; margin: 0 0 1px 0;}

#hidden { display: none;}

#rightcolumn ul { margin: 10px 2px 0 2px;}

#rightcolumn li { border-top: 1px dotted #c1c1c1; padding: 5px 0 5px 0;}



#widecolumn .right { float: right; padding: 2px; border: 1px solid #c1c1c1; margin: 0 0 10px 10px; }

.left { float: left; padding: 2px; border: 1px solid #c1c1c1; margin: 0 10px 10px 0; }

#widecolumn { width:760px; border-top: 1px dotted #c1c1c1; line-height: 1.5; margin: 25px 0 0 85px; padding-top: 15px; }

#widecolumn img { float: left; padding: 2px; border: 1px solid #c1c1c1; }

#bio {float:right; width: 545px; margin-bottom: 20px;}

#bio .info {font-size: 10px; text-transform: uppercase; display: block; padding-bottom: 10px; }

.hidden {display: none;}

#zones { width: 708px; float: right; margin: 25px 0 0 0;}

#lefthalfcolumn { float: left; width:330px; line-height: 1.5; margin: 25px 0 0 25px; }

#righthalfcolumn { float: left; width:330px; line-height: 1.5; margin: 25px 0 0 25px; }

.clearing {clear:both; height:0; overflow:hidden; margin:0 0 0 0;}

#footer {   text-align: right;  font-size: 11px;  color: #878787;  width: 100%;  height: 26px;  overflow: hidden;  background: #FFFFFF url(../images/bg_footer.jpg) no-repeat;  border-top: 1px solid #c1c1c1; padding: 0px; }

.mousetype { font-size: 10px; color: #666;}

#backtotop a:link, #backtotop a:visited { float: right; display: block; width: 100px; font-size: 10px; text-transform: uppercase; color: #cccccc; height: 30px; text-align: right; padding: 15px 30px 0 0; background: url(../images/backtotop_off.jpg) no-repeat right;}

#backtotop a:active, #backtotop a:hover { color: #cc0000; text-decoration: none; background: url(../images/backtotop_on.jpg) no-repeat right;}

#copyright {  margin:6px 25px 0 0; }

.social_link { margin: 15px 15px 0 0; float: left;  }
