/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#c8c8c8;}

img {vertical-align:top;}
a img {border:0;}
.menu ul {list-style:none;}
.black_bullet{list-style:disc;margin-left:20px;}
.black_bullet li{margin-left:10px;line-height:24px;}
.top-tail ol.bullet-outside{
	margin-left:20px;
	list-style-position:outside;
}
.left ul.list{list-style:none;}
.list-heading{text-decoration:underline;}
#image-box ul {list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.hide{display:none;}
.bodyBold{font-weight:bold;}
.blackText {color:#000;}
.greenText {color:#43AE4A;font-weight:bold;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#505050;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#878787;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
h2{ font-size:3.667em; line-height:1em; color:#c2cfd5; margin-left:-1px; padding-bottom:19px;}
h3{ font-size:1.417em; color:#000; background:url(images/box1-title-bg.gif) right top no-repeat; padding:4px 0 7px 0; border-bottom:solid 1px #d9e0e3; margin-bottom:17px;}
h5{ font-size:1.455em; color:#fff; padding-bottom:9px;}
strong{ font-size:1.167em; color:#AD1829; line-height:1.143em; display:block; padding-bottom:8px;}
.large{font-size:15px;}
cite{ font-style:normal;}
.container2 cite{font-size:14px;}
object{ vertical-align:top;}
.container h2{font-size:28px;}
.main h2{font-size:28px;}
/* ============================= main layout ====================== */
.imgindent {margin:0 23px 0 0; float:left;}
.phone{ float:right; padding-right:163px;}
.phone2{ float:right; padding-right:82px;}
.space1{ margin-left:30px;}
.space2{ margin-left:57px;}
.space3{ margin-left:47px;}
.space4{ margin-left:38px;}
.margin1{ margin-top:40px;}
.margin2{ margin-top:67px;}
.padding1{ padding-top:13px;}
.padding2{ padding-top:48px;}
.padding3{ padding-top:30px;}
.padding4{ padding-bottom:22px;}
.padding5{ padding-bottom:0px;}
/* ============================= header ====================== */
#header{ background:url(images/header-tail-wht-blk.gif) top repeat-x;}
#header-bottom{ background:url(images/menu-bottom-red.gif) top repeat-x;width:100%;height:5px;margin-top:-5px;z-index:0;}
#header .main{}
#header .flash{ position:absolute; margin-left:-16px;z-index:0;}
#header .top{ width:100%; overflow:hidden; height:113px;}
#header .top .text{ font-size:0.833em; text-transform:uppercase; float:right; padding:35px 20px 5px 0;text-align:right;}
#header .logo{ margin:20px 0 0 0;}
#header .menu{ width:100%; overflow:hidden; background:url(images/menu-border.gif) left top no-repeat}
#header .menu li{ float:left; background:url(images/menu-border.gif) right top no-repeat;}
#header .menu .nav-top-link{ display:inline-block; width:117px; color:#ffffff; text-decoration:none; text-align:center; cursor:pointer; padding:8px 0 14px 0; background:url(images/menu-border.gif) right top no-repeat;font-weight:bold;}
#header .menu .nav-top-link:hover, #header .menu .active{ background:url(images/menu-item-act-bg-red.gif) top center no-repeat;overflow:hidden;}
#header-companyName{color:#CF0C0C;font-size:24px;font-weight:bold;}
#sub-menu{position:absolute;z-index:100001;width:300px;top:153px;}
.nav-menu{z-index:99;border-left:1px #fff solid;border-right:1px #fff solid;border-bottom:1px #fff solid;border-top:1px #fff solid;background-color:#000;color:#fff;position:absolute;top:153px;}
.nav-menu-item{padding:5px 15px 5px 5px;border-bottom:1px #ccc solid;font-weight:bold;text-align:left;}
.nav-menu-item a{color:#fff;text-decoration:none;font-weight:normal;}
.nav-menu-item a:hover{color:#fff;text-decoration:underline;font-weight:bold;}
#nav-about-menu{width:130px;top:0px;left:116px;*left:-470px;}
#nav-services-menu{width:170px;top:0px;left:233px;*left:-353px;}
#nav-projects-menu{width:230px;top:0px;left:349px;*left:-237px;}
#nav-careers-menu{width:180px;top:0px;left:468px;*left:-119px;}
#nav-green-menu{width:180px;top:0px;left:585px;*left:-650px;}
/* ============================= content ====================== */
#content{ background:url(images/content-tail.gif) top repeat-x #ffffff; padding-top:10px;}
.row-1 .main{padding-bottom:56px;}
.page-intro{margin-bottom:15px;}

.box{ background:url(images/box-top-tail.gif) top repeat-x #333333; padding:23px 20px 23px 20px; font-size:0.916em; line-height:1.455em; color:#989898;}
.box a{ display:inline-block; text-transform:uppercase; color:#fff; font-size:0.909em; text-decoration:none; margin-left:6px; background:url(images/box-link-bg.gif) right top no-repeat; padding-right:10px;}
.box a:hover{ text-decoration:underline;}

.box1{ background:url(images/box1-bot-tail.gif) bottom repeat-x #ffffff;}
.box1 .left-border{ background:url(images/box1-border.gif) left repeat-y;}
.box1 .right-border{ background:url(images/box1-border.gif) right repeat-y;}
.box1 .top-tail{ background:url(images/box1-top-tail.gif) top repeat-x; padding:18px 23px 32px 19px;}

.box1 ol{ color:#ba0404; margin:-6px 0; list-style:decimal inside;}
.box1 ol li{ font-size:0.833em; line-height:2.4em;}
.box1 ol a{ color:#5a5d64; text-transform:uppercase; text-decoration:none;}
.box1 ol a:hover{ color:#ba0404;}

.right-column{background-color:#F4F6F7;border:1px solid #e1e1e1;padding:18px 10px;}
.column-1{position:relative;z-index:0}
.split-column{width:300px;}
.rss{ float:right; margin:20px 9px 0 0;}
.gallery{ margin-bottom:-10px; padding-top:6px;}
.gallery a{ display:inline-block; margin:0 10px 10px 0;}
.unline{ border-bottom:solid 1px #e1e1e1; padding-bottom:15px; margin-bottom:18px;}

.link1{ background:url(images/link1-bg.gif) no-repeat 1px 6px; padding-left:12px; font-size:1.167em; font-style:italic; color:#000000; text-decoration:none; display:inline-block; margin:-2px 0 5px 0;}
.link1:hover{ text-decoration:underline;}
.link2{ color:#00ccff; text-decoration:none;}
.link2:hover{ text-decoration:underline;}
.read-more{color:#00ccff;text-decoration:none;}
.read-more:hover{ text-decoration:none;}

.row-1 .link{ display:inline-block; background:url(images/link-tail.gif) top repeat-x; font-size:0.75em; color:#1a324b; text-transform:uppercase; text-decoration:none; margin-top:20px;}
.row-1 .link span{ display:block; background:url(images/link-left-bg.gif) left top no-repeat;}
.row-1 .link span span{ background:url(images/link-right-bg.gif) right top no-repeat; padding:3px 10px 1px 10px;}
.row-1 .link:hover{ background:url(images/link-tail-act.gif) top repeat-x;}
.row-1 .link:hover span{ background:url(images/link-left-bg-act.gif) left top no-repeat;}
.row-1 .link:hover span span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}

.list{ margin:-4px 0;}
.list li{ line-height:2em; background:url(images/list-marker.gif) no-repeat 0 10px; padding-left:8px;}

.row-2{ background:#6a6a6a; border-top:solid 4px #c8c8c8; padding:48px 0 20px 0; color:#cfcfcf; line-height:1.333em;}
.row-2 a{ color:#cfcfcf;}
.row-2 h2{ color:#dddddd; border-bottom:solid 3px #AD1829; padding-bottom:0px; margin-bottom:22px;}
.extra{ background:url(images/extra-title-bg.gif) no-repeat 4px 3px; padding-left:40px;}
.extra2{ letter-spacing:-2px;}
.extra3{ letter-spacing:-2px; word-spacing:-1px;}
.extra-text{ margin-bottom:-13px; position:relative;}
.row-2 p{ padding-top:16px;}
.list2 li{ background:url(images/list2-marker.gif) no-repeat 0 4px; line-height:1.5em; padding:0 0 20px 16px;}
.list2 .last{ padding-bottom:0;}
.row-2 .link{ display:inline-block; margin-top:16px;}

.tagline{background-color:#6a6a6a;color:#ddd;padding:0px 0 10px 0;text-align:center;font-weight:bold;}

#project-listing{width:690px;}
#project-listing .container .left{width:370px;}
#project-link-list{width:240px;}
#archive-project .black_bullet{margin-left:7px;}
#archive-project ul.black_bullet li{margin-bottom:5px;line-height:17px;}
#working-jkl{width:400px;margin-right:50px;}
.recycle-background{background:url(images/recycle_logo_faded_lt2_sm2.png) no-repeat 115px 30px;}
.chart{width:350px;height:206px;background:url(images/chart_bg2.jpg) no-repeat;}

.video-icon{padding: 0 0 0 22px;height:19px;background:url(images/video-camera1.jpg) no-repeat;}
.about-video-link{text-decoration:none;font-weight:bold;}
.about-video-link:hover{color:#BD0400;text-decoration:underline;}
/* ============================= footer ====================== */
#footer{ background:#c8c8c8; font-size:0.833em; text-transform:uppercase; color:#393939;}
#footer a{ text-transform:none; color:#393939;}
#footer .text{ padding:31px 0 0 2px;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:2px;}
#ContactForm label{ display:block; height:26px;}
#ContactForm input{ border:solid 1px #cdd2d5; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#8c8c8c; padding:2px 0 2px 3px; width:203px;}
#ContactForm textarea{ border:solid 1px #cdd2d5; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:0.917em; color:#8c8c8c; padding:2px 0 2px 3px; width:203px; height:116px; overflow:auto;}
#ContactForm .link{ float:right; margin:10px 5px 0 5px;}