@import url('screen.css');


body {
  background: #d1d1d1 url(../_img/body-bg.png) repeat-x scroll 0 0;
  color: #666666;
}
.container {
  padding: 0 44px;
  
  background: transparent url(../_img/container-bg.png) repeat-y scroll 0 0;
}

a {
  color: #e85a21;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #999;
  text-decoration: underline;
}


/*** Header ***/

div#header-wrapper {
  width: 980px;
  height: 302px;
  position: relative;
  background: #000 url(../_img/header-bg-about.jpg) no-repeat scroll 0 0;
}
div#header-wrapper.section-header-home {
  height: 370px;
  background-image: url(../_img/header-bg-home.jpg);
}
div#header-wrapper.section-header-services {
  background-image: url(../_img/header-bg-services.jpg);
}
div#header-wrapper.section-header-about {
  background-image: url(../_img/header-bg-about.jpg);
}
div#header-wrapper.section-header-blog {
  background-image: url(../_img/header-bg-blog.jpg);
}
div#header-wrapper.section-header-riskscan {
  background-image: url(../_img/header-bg-riskscan.jpg);
}
div#header-wrapper.section-header-whoweserve {
  background-image: url(../_img/header-bg-whoweserve.jpg);
}

div#header-wrapper #header-nav-bar {
  width: 980px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 28px;
  background: #fff url(../_img/main-nav-bg.png) repeat-x scroll 0 0;
}

div#header-wrapper #header-nav-bar h1 {
  padding: 0;
  margin: 0 0 0 35px;
}
div#header-wrapper #header-nav-bar h1 a {
  display: block;
  width: 400px;
  height: 50px;
  background: transparent url(../_img/logo.png) no-repeat scroll 0 0;
  text-indent: -1000px;
}

div#header-wrapper #header-nav-bar #header-nav {
  width: 580px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
}

div#header-wrapper #header-nav-bar #header-nav ul {
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
}
div#header-wrapper #header-nav-bar #header-nav ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
div#header-wrapper #header-nav-bar #header-nav ul li a {
  text-transform: uppercase;
  color: #808080;
  display: block;
  margin: 5px 0;
  padding: 10px 30px;
  height: 20px;
  font-size: 14px;
  border-left: 1px solid #D6D6D6;
}
div#header-wrapper #header-nav-bar #header-nav ul li:hover { background-color: #808080;}
div#header-wrapper #header-nav-bar #header-nav ul li:hover a { color: #fff;text-decoration: none;border-left: 1px solid #808080;}
div#header-wrapper #header-nav-bar #header-nav ul li.active {
  background-color: #e85a21;
}
div#header-wrapper #header-nav-bar #header-nav ul li.active a {
  color: #fff;
  border-left: 1px solid #e85a21; /* Blend in to the box */
}
div#header-wrapper #header-nav-bar #header-nav ul li.first a {
  border-left: none;
}

/*** Breadcrumbs ***/
div#breadcrumbnav {
  padding: 25px 55px;
  text-transform: uppercase;
  font-size: 0.9em;
}

/*** Content ***/
#col-left, #col-right{ margin-bottom: 50px;}

#content {
  padding: 0 0 0 55px;
}

#content h1 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
}
#content p {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 18px;
}

#content h2, #what-we-do h2, #who-we-serve h2, #why-choose-bldi h2 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}

#content .category, #what-we-do .category, #who-we-serve .category, #why-choose-bldi .category {
  margin: 2px 20px 0 0;
  padding: 0 0 2px 0;
  border-bottom: 1px solid #ddd;
}
#content .category .category-inner, #what-we-do .category .category-inner, #who-we-serve .category .category-inner, #why-choose-bldi .category .category-inner {
  margin: 0 -20px;
  padding: 20px 20px 10px 20px;
}
#content .category .category-inner:after, #what-we-do .category .category-inner:after, #who-we-serve .category .category-inner:after, #why-choose-bldi .category .category-inner:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
#content .category .category-inner, #what-we-do .category .category-inner, #who-we-serve .category .category-inner, #why-choose-bldi .category .category-inner {display:block;}

#content .category .category-inner img, #what-we-do .category .category-inner img, #who-we-serve .category .category-inner img, #why-choose-bldi .category .category-inner img {
  float: left;
  padding: 0 10px 10px 0;
}
#content .category .category-inner h2, #what-we-do .category .category-inner h2, #who-we-serve .category .category-inner h2, #why-choose-bldi .category .category-inner h2 {
  margin: 0 0 0 75px;
}
#content .category .category-inner h2 a:hover, #what-we-do .category .category-inner h2 a:hover, #who-we-serve .category .category-inner h2 a:hover, #why-choose-bldi .category .category-inner h2:hover {
  text-decoration: none;color:#E85A21;
}
#content .category .category-inner p,
#content .category .category-inner pre, #what-we-do .category .category-inner p, #what-we-do .category .category-inner pre, #who-we-serve .category .category-inner p, #who-we-serve .category .category-inner pre, #why-choose-bldi .category .category-inner p, #why-choose-bldi .category .category-inner pre {
  font-size: 11px;
  line-height: 16px;
  margin: 0 0 10px 75px;
}

#content .category .category-hover, #what-we-do .category .category-hover, #who-we-serve .category .category-hover, #why-choose-bldi .category .category-hover {
  background-color: #ffede8;
  cursor: pointer;
}



/*** Blog ***/

.ditto_date {
  font-size: 9px;
}
.ditto_blog_title {
  font-size: 18px;
  color: #e85a21;
padding: 3px 0px;
}
.ditto_blog_title a:hover { color: #e85a21;}
.ditto_author {
  font-size: 10px;
}
.ditto_author .ditto_author_name {
  text-transform: uppercase;
}
.ditto_tags {
  font-size: 10px;
  margin-bottom: 20px;
}
.ditto_summaryPost .ditto_tags { padding-top: 5px;}

.ditto_summaryPost {
  font-size: 11px;
  padding-bottom: 35px;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 10px;
}

.ditto_summaryPost p {
  margin: 0 0 20px 0;
}

.ditto_summaryPost .ditto_link a {
  color: #4994D0;
  
}
div.ditto_link {padding-bottom: 15px;}
div.clearfilter {padding-bottom: 25px;font-weight: bold;}
.ditto_summaryPost .ditto_comment_count a {
  display: block;
  color: #666;
  text-transform: uppercase;
  height: 10px;
  padding: 5px 23px;
  font-size: 10px;
  line-height: 10px;
  background: transparent url(../_img/icon-comments.gif) no-repeat scroll 0 50%;
}


#commentsAnchor {
  border-top: 2px solid #eee;
  padding-top: 10px;
}
#commentsAnchor .jot-row,
#commentsAnchor .jot-row-alt,
#commentsAnchor .jot-row-author {
  background-color: #fff;
  padding: 20px 0;
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 1px solid #eee;
  margin: 0;
}

#commentsAnchor .jot-message {
  padding: 0;
}

#commentsAnchor .jot-comment-wrapper {
  border-top: 1px solid #eee;
  padding-top: 10px;
}
.ditto_off, .ditto_page, .ditto_next_link, .ditto_previous_link, .ditto_currentpage { padding-right: 10px;}
.ditto_showing { padding: 5px 0px 8px 0px;}

/*** Right Column ***/

.shadow-box {
  background: #fff url(../_img/shadow-box-bg.png) no-repeat scroll 0 100%;
  margin: -10px 0 10px 0;
}
.shadow-box .shadow-box-inner {
  background: transparent url(../_img/shadow-box-inner-bg.png) no-repeat scroll 0 0;
  padding: 19px 28px 19px 25px;
}
.shadow-box .shadow-box-inner input.text {
  width: 225px;
}

.shadow-box .shadow-box-inner h1 {
  color: #4994D0;
  font-size: 14px;
  margin: 10px;
}

.shadow-box .shadow-box-inner p,
.shadow-box .shadow-box-inner pre,
.shadow-box .shadow-box-inner .reflect_archive_list,
.shadow-box .shadow-box-inner .tagcloud {
  font-size: 11px;
  margin: 10px;
}

.shadow-box .shadow-box-inner a {
  color: #999;
  text-decoration: underline;
}
.shadow-box .shadow-box-inner a.read-more {
  color: #e85a21;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
  white-space: nowrap;
}

.shadow-box .icon:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.shadow-box .icon {display:block;}
.shadow-box .icon img {
  margin: 10px;
  float: left;
}
.shadow-box .icon h1,
.shadow-box .icon p,
.shadow-box .icon pre {
  margin-left: 95px;
}

.shadow-box blockquote {
  color: #4994D0;
  font-size: 18px;
  line-height: 26px;
  margin: 10px;
  padding: 0 0 0 20px;
  font-style: normal;
  background: transparent url(../_img/quote-open.png) no-repeat scroll 0 4px; /* Top value should be (line-height - font size) / 2 */
}
.shadow-box cite {
  font-size: 14px;
  display: block;
  margin: 10px;
  padding: 0 0 0 10px;
}

.shadow-box .shadow-box-inner .reflect_archive_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shadow-box .shadow-box-inner .reflect_archive_list ul li {
  display: inline;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #999;
}

.shadow-box .shadow-box-inner .reflect_archive_list ul li a.reflect_month_link { color: #666;text-decoration: none;padding-right: 2px;}
.shadow-box .shadow-box-inner .reflect_archive_list ul li a.reflect_month_link span { color: #999;}
.shadow-box .shadow-box-inner .tagcloud, .shadow-box .shadow-box-inner .tagcloud span { color: #999;} 
.shadow-box .shadow-box-inner .tagcloud, .shadow-box .shadow-box-inner .tagcloud a { color: #666;text-decoration: none;} 
/*** Right Column E-mail Form ***/
#col-right div.shadow-box label { font-weight: normal;}

.overlabel {
  position: relative;
}
.overlabel label {
  position: absolute;  
  top: 10px;
  left: 8px;
  cursor: text;
  color: #bbb;
}


/*** Footer ***/
#footer-wrapper {
  text-align: right;
  background: transparent url(../_img/footer-bg.png) no-repeat scroll 0 0;
  height: 16px;
  width: 920px;
  padding: 13px 74px 58px 74px;
  margin: 0 auto;
}
#footer-wrapper p {
  margin: 0;
  font-size: 9px;
  font-weight: bold;
}


/*** Home Page ***/

#homepage-content-nav-wrapper {
  background: transparent url(../_img/homepage-content-nav-bg.png) repeat-x scroll 0 0;
  position: relative;
}

#homepage-content-nav ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 35px;
  height: 76px;
}

#homepage-content-nav ul li {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
}

#homepage-content-nav ul li a {
  color: #808080;
  display: block;
  padding: 20px;
  height: 36px;
  font-size: 20px;
}
#homepage-content-nav ul li a:hover { text-decoration: none;color: #e85a21;}
#homepage-content-nav ul li a.active {
  color: #e85a21;
}
#homepage-enviro-scan {
  	margin-top: 15px;
  border-left: 1px solid #e4e4e4;
}
#homepage-enviro-scan a#btn-riskscan {
	display:block;
	width: 250px;
	height: 36px;
	position: relative;
	margin-top: 5px;
	margin-left: 30px;
	text-indent: -9999px;
	overflow:hidden;
	background-image: url('../_img/btn-riskscan.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px 10px;
}
#homepage-enviro-scan a#btn-riskscan:hover {
	background-position: 0px -24px;
}
#homepage-content-nav-indicator-wrapper {
  clear: left;
  position: relative;
  height: 50px;
  overflow: hidden;
}
#homepage-content-nav-indicator {
  width: 50px;
  height: 25px;
  position: absolute;
  left: -50px;
  top: 0;
  background: #fff url(../_img/homepage-content-nav-indicator.png) no-repeat scroll 0 0;
}

#homepage-content {
  padding: 0 0 0 55px;
}


/* EmailForm 
------------------------------------------------------------------------------- */


