@charset "utf-8";
/* 
                 Site:  http://www.teamborder.com/
          Site Design:  Applied Creative Inc.
                  URL:  http://www.appliedcreative.com
   Designer+Developer:  Alana Marxen
*/


body {
  padding: 0;
  margin: 0;
  background: #fff url(/images/page-bg/orange-bg-repeat.gif) repeat-x left top;
  min-height: 870px;
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  }
  
body.ma {
  background: #fff url(/images/page-bg/blue-bg-repeat.gif) repeat-x left top;
  }
  
body.re {
  background: #fff url(/images/page-bg/red-bg-repeat.gif) repeat-x left top;
  }
  
body.sb {
  background: #fff url(/images/page-bg/green-bg-repeat.gif) repeat-x left top;
  }
  
body.go {
  background: #fff url(/images/page-bg/gov-bg-repeat.gif) repeat-x left top;
  }
  
body.in {
  background: #fff url(/images/page-bg/tan-bg-repeat.gif) repeat-x left top;
  }

p {
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  padding: 0;
  margin: 0 0 15px 0;
  }

a {
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  text-decoration: underline;
  cursor: hand;
  }

a:hover {
  text-decoration: none;
  cursor: hand;
  }
  
h1 {
  padding: 0;
  margin: 0;
  }

h2 {
  font: bold 26px/28px arial, verdana, sans-serif;
  color: #fff;
  text-transform: uppercase;
  margin: 60px 0 0 290px;
  }
  
h3 {
  padding: 0;
  margin: 0;
  clear: both;
  }

h4 {
  font: 11px/15px verdana, arial, sans-serif;
  color: #636363;
  text-transform: uppercase;
  padding: 0 0 10px 0;
  margin: 0;
  }
  
h4 a {
  font: 13px/13px verdana, arial, sans-serif;
  color: #f47920;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  }
    
h5 {
  font: 16px/16px verdana, arial, sans-serif;
  padding: 0;
  margin: 40px 0 20px 0;
  color: #f47920;
  }
  
h5 a {
  font: 16px/16px verdana, arial, sans-serif;
  padding: 0;
  margin: 40px 0 20px 0;
  text-decoration: none;
  color: #f47920;
  }
  
h6 {
  font: 12px/12px verdana, arial, sans-serif;
  text-transform: uppercase;
  padding: 20px 0 10px 0;
  margin: 0;
  color: #f47920;
  }
  
input {
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  }

textarea {
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  }
  
.events {
  padding: 9px 0 20px 0;
  margin: 0;
  color: #636363;
  }
  
.no-spc {
  padding: 0;
  margin: 0;
  }

.sml-spc {
  padding: 0 0 0 0;
  margin: 20px 0 20px 0;
  }

.sml-spc2 {
  padding: 0;
  margin: 0 0 10px 0;
  }
  
.spc {
  padding: 40px 0 0 0;
  margin: 0;
  }

.sml-txt {
  font-size: 9px;
  }

a.no-line {
  text-decoration: none;
  }
  
.location-wrapper {
  width: 607px;
  margin: 0 auto;
  float: left;
  padding: 10px 0 0 0;
  }
  
.location-container {
  width: 607px;
  margin: 0 auto;
  float: left;
  padding: 0 0 30px 0;
  }

.location-left {
  width: 190px;
  float: left;
  font-weight: bold;
  }

.location-mid {
  width: 150px;
  float: left;
  }

.location-right {
  width: 195px;
  float: left;
  }
  
.location-mid2 {
  width: 200px;
  float: left;
  }
  
.location-spc {
  margin: 12px 0 0 0;
  }
  
.box-container {
  width: 385px;
  line-height: 20px;
  float: left;
  }

.box-container a {
  line-height: 20px;
  }
  
.box-left {
  width: 175px;
  float: left;
  padding: 0 15px 0 0;
  }

.box-right {
  width: 195px;
  float: left;
  }
  
.general {
  color: #f47920;
  }
  
.ca {
  color: #f47920;
  }

.ma {
  color: #0a93f7;
  }

.re {
  color: #f9110b;
  }
  
.sb {
  color: #699f0c;
  }

.go {
  color: #0a93f7;
  }
  
.in {
  color: #d19150;
  }
  
a.gray-nav {
  color: #909696;
  text-decoration: none;
  }

a.gray-small-nav-general {
  color: #636363;
  font-size: 10px;
  text-decoration: none;
  padding: 0 0 0 8px;
  margin: 0;
  background: url(/images/orange-arrow.gif) no-repeat 0 3px;
  }
  
a.gray-small-nav-ca {
  color: #636363;
  font-size: 10px;
  text-decoration: none;
  padding: 0 0 0 8px;
  margin: 0;
  background: url(/images/orange-arrow.gif) no-repeat 0 3px;
  }
  
a.gray-small-nav-ma {
  color: #636363;
  font-size: 10px;
  text-decoration: none;
  padding: 0 0 0 8px;
  margin: 0;
  background: url(/images/blue-arrow.gif) no-repeat 0 3px;
  }
  
a.gray-small-nav-re {
  color: #636363;
  font-size: 10px;
  text-decoration: none;
  padding: 0 0 0 8px;
  margin: 0;
  background: url(/images/red-arrow.gif) no-repeat 0 3px;
  }
  
a.gray-small-nav-sb {
  color: #636363;
  font-size: 10px;
  text-decoration: none;
  padding: 0 0 0 8px;
  margin: 0;
  background: url(/images/green-arrow.gif) no-repeat 0 3px;
  }
  
a.gray-small-nav-go {
  color: #636363;
  font-size: 10px;
  text-decoration: none;
  padding: 0 0 0 8px;
  margin: 0;
  background: url(/images/gov-arrow.gif) no-repeat 0 3px;
  }
  
a.gray-small-nav-in {
  color: #636363;
  font-size: 10px;
  text-decoration: none;
  padding: 0 0 0 8px;
  margin: 0;
  background: url(/images/tan-arrow.gif) no-repeat 0 3px;
  }
  
a.general-nav {
  color: #f47920;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 3px;
  }
  
a.orange-nav {
  color: #f47920;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 3px;
  }
  
a.blue-nav {
  color: #0a93f7;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 3px;
  }

a.red-nav {
  color: #f9110b;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 3px;
  }
  
a.green-nav {
  color: #699f0c;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 3px;
  }
  
a.gov-nav {
  color: #0058a8;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 3px;
  }
  
a.tan-nav {
  color: #d19150;
  font-weight: bold;
  text-decoration: none;
  margin: 0 0 0 3px;
  }
  
.product-showcase {
  padding: 10px 0 0 0;
  margin: 0 0 0 20px;
  }
  
ul {
  padding: 0;
  margin: 0 0 15px 40px;
  }

li {
  padding: 0;
  margin: 0 0 5px 0;
  }
  
/**** HEADER ****/

#header-container {
  width: 955px;
  margin: 0 auto;
  }

#header-wrapper {
  width: 939px;
  margin: 0 auto;
  }
  
*html #header-wrapper {
  width: 939px;
  margin: 0 0 -5px 8px;
  }
  
#header-left {
  width: 470px;
  float: left;
  }

#header-right {
  width: 251px;
  float: right;
  padding: 0;
  margin: 35px 0 0 30px;
  }
  
#logo {
  width: 243px;
  height: 74px;
  padding: 0;
  margin: 32px 0 0 14px;
  background: url(/images/border-construction-specialties-logo.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
#hdr-1 {
  width: 100px;
  font: bold 14px/14px arial, verdana, sans-serif;
  color: #909696;
  text-transform: uppercase;
  float: left;
  margin: 13px 0 0 0;
  }
  
#hdr-2 {
  width: 1px;
  height: 40px;
  background: #909696;
  float: left;
  }
  
#hdr-3 {
  width: 120px;
  font: 11px/13px verdana, arial, sans-serif;
  color: #909696;
  float: left;
  margin: 6px 0 0 10px;
  }
  
/*** TOP NAVIGATION ***/

#navigation-container {
  width: 939px;
  height: 35px;
  margin: 0 auto;
  padding: 0 0 22px 0;
  clear: both;
  }
  
*html #navigation-container {
  padding: 0;
  }

#navigation-wrapper {
  width: 939px;
  height: 35px;
  padding: 22px 0 0 0;
  margin: 0;
  float: left;
  }

ul#top-navigation  {
  list-style: none;
  padding: 0;
  margin: 0;
  }

ul#top-navigation li {
  display: inline;
  padding: 0;
  margin: 0 0 0 78px;
  }

#top-navigation li#first {
  padding: 0;
  margin: 0;
  }
  
ul#top-navigation li a {
  font: bold 11px/11px arial, verdana, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 0 0 15px;
  }
  
ul#top-navigation li a:hover {
  background: url(/images/nav-diamond.png) no-repeat 0 1px;
  }
  
*html ul#top-navigation li a:hover {
  background: url(/images/nav-diamond.gif) no-repeat 0 1px;
  }

  
ul#top-navigation li a.on {
  background: url(/images/nav-diamond.png) no-repeat 0 1px;
  }
  
*html ul#top-navigation li a.on {
  background: url(/images/nav-diamond.gif) no-repeat 0 1px;
  }

ul#drop-divisions {
  width: 170px;
  padding: 0;
  margin: 6px 0 0 0;
  position: relative;
  top: 7px;
  left: -8px;
  text-align: left;
  background: #464646;
  border-left: solid 1px #a4a4a4;
  border-right: solid 1px #a4a4a4;
  border-bottom: solid 1px #a4a4a4;
  }
  
*html ul#drop-divisions {
  width: 170px;
  padding: 0;
  margin: 3px 0 10px 0;
  position: relative;
  top: 10px;
  left: -8px;
  text-align: left;
  background: #464646;
  border: none;
  }

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
ul#drop-divisions {
  margin: 8px 0 0 0;
  }
}

ul#drop-about {
  width: 170px;
  padding: 0;
  margin: 6px 0 0 0;
  position: relative;
  top: 7px;
  left: 315px;
  text-align: left;
  background: #464646;
  border-left: solid 1px #a4a4a4;
  border-right: solid 1px #a4a4a4;
  border-bottom: solid 1px #a4a4a4;
  }
  
*html ul#drop-about {
  width: 170px;
  padding: 0 0 0 0;
  margin: 13px 0 0 0;
  position: relative;
  top: 0;
  left: 312px;
  text-align: left;
  background: #464646;
  border: none;
  }

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
ul#drop-about {
  margin: 8px 0 0 0;
  }
}

ul#drop-suppliers {
  width: 170px;
  padding: 0;
  margin: 6px 0 0 0;
  position: relative;
  top: 7px;
  left: 629px;
  text-align: left;
  background: #464646;
  border-left: solid 1px #a4a4a4;
  border-right: solid 1px #a4a4a4;
  border-bottom: solid 1px #a4a4a4;
  z-index: 100;
  }
  
*html ul#drop-suppliers {
  width: 170px;
  padding: 0;
  margin: 13px 0 0 0;
  position: relative;
  top: 0;
  left: 627px;
  text-align: left;
  background: #464646;
  border: none;
  }

/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
ul#drop-suppliers {
  margin: 8px 0 0 0;
  }
}

#drop-container {
  width: 939px;
  float: left;
  padding: 0;
  margin: 0;
  }

ul#top-navigation li.drop-item {
  width: 170px;
  list-style: none;
  background: none;
  display: block;
  padding: 10px 0 10px 0;
  margin: 0;
  text-indent: -9000px;
  }

*html ul#top-navigation li.drop-item { 
  width: 170px;
  padding: 10px 0 10px 0;
  margin: 0;
  position: absolute;
  background: #464646;
  top: 0;
  left: 0;
  border-left: solid 1px #a4a4a4;
  border-right: solid 1px #a4a4a4;
  border-bottom: solid 1px #a4a4a4;
  }

/**** NAV CONCRETE ACCESSORIES ****/

ul#top-navigation li.drop-item a#nav-ca  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/concrete-accessories.gif) top left;	
  }

ul#top-navigation li.drop-item a:hover#nav-ca {
  background-position: 0 -22px;
  }
    
/**** NAV MASONRY SUPPLIES ****/

ul#top-navigation li.drop-item a#nav-ms  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/masonry-supplies.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-ms {
  background-position: 0 -22px;
  }

/**** NAV REBAR ****/

ul#top-navigation li.drop-item a#nav-re  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/rebar.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-re {
  background-position: 0 -22px;
  }
  
/**** NAV SUSTAINABLE BUILDING ****/

ul#top-navigation li.drop-item a#nav-sb  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/sustainable-building.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-sb {
  background-position: 0 -22px;
  }
  
/**** NAV GOVERNMENT ****/

ul#top-navigation li.drop-item a#nav-go  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/government.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-go {
  background-position: 0 -22px;
  }
  
/**** NAV INDUSTRIAL ****/

ul#top-navigation li.drop-item a#nav-id  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/industrial.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-id {
  background-position: 0 -22px;
  }
  
/**** NAV PEOPLE ****/

ul#top-navigation li.drop-item a#nav-pe  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/people.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-pe {
  background-position: 0 -22px;
  }

/**** NAV STORES ****/

ul#top-navigation li.drop-item a#nav-st  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/stores.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-st {
  background-position: 0 -22px;
  }
  
/**** NAV CAREER OPPORTUNITIES ****/

ul#top-navigation li.drop-item a#nav-co  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/career-opportunities.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-co {
  background-position: 0 -22px;
  }
  
/**** NAV CHARITY ****/

ul#top-navigation li.drop-item a#nav-ch  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/charity.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-ch {
  background-position: 0 -22px;
  }
  
/**** NAV AWARDS ****/

ul#top-navigation li.drop-item a#nav-aw  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/awards.gif) top left;
  }

ul#top-navigation li.drop-item a:hover#nav-aw {
  background-position: 0 -22px;
  }
  
/**** NAV TRADE AFFILIATES ****/

ul#top-navigation li.drop-item a#nav-ta  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/trade-affiliates.gif) top left;  
  }

ul#top-navigation li.drop-item a:hover#nav-ta {
  background-position: 0 -22px;
  }   
  
/**** NAV BORDER PRIVATE LABEL ****/

ul#top-navigation li.drop-item a#nav-bp  {
  width: 170px;
  height: 22px;
  display: block;
  padding: 0;
  margin: 0;
  background: url(/images/nav/border-private-label.gif) top left;  
  }

ul#top-navigation li.drop-item a:hover#nav-bp {
  background-position: 0 -22px;
  }   
  
/**** SUBNAV ****/

ul#sub-nav {
  list-style: none;
  padding: 0 0 0 12px;
  margin: 0;
  clear: both;
  }

ul#sub-nav li {
  padding: 0;
  margin: 0 0 8px 0;
  }
  
*html ul#sub-nav li {
  display: block;
  margin: 0;
  }

ul#sub-nav li a {
  font: bold 13px/13px arial, verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  }
  
*html ul#sub-nav li a {
  display: block;
  margin: 0 0 -5px 0;
  }

ul#sub-nav li a:hover.ca {
  color: #f47920;
  background: url(/images/sub-nav/arrow-ca.gif) no-repeat 0 3px;
  }

ul#sub-nav li a:hover.ma {
  color: #0a93f7;
  background: url(/images/sub-nav/arrow-ma.gif) no-repeat 0 3px;
  }
  
ul#sub-nav li a:hover.re {
  color: #f9110b;
  background: url(/images/sub-nav/arrow-re.gif) no-repeat 0 3px;
  }
  
ul#sub-nav li a:hover.sb {
  color: #699f0c;
  background: url(/images/sub-nav/arrow-sb.gif) no-repeat 0 3px;
  }
  
ul#sub-nav li a:hover.go {
  color: #0a93f7;
  background: url(/images/sub-nav/arrow-go.gif) no-repeat 0 3px;
  }

ul#sub-nav li a:hover.in {
  color: #d19150;
  background: url(/images/sub-nav/arrow-in.gif) no-repeat 0 3px;
  }
 
ul#sub-nav li a:hover.general {
  color: #f47920;
  background: url(/images/sub-nav/arrow-ca.gif) no-repeat 0 3px;
  }
  
/**** CA NAV ****/
    
ul#ca-nav {
  list-style: none;
  padding: 0 0 5px 19px;
  margin: 10px 0 10px 0;
  }

ul#ca-nav li {
  padding: 0;
  margin: 0 0 8px 0;
  }

*html ul#ca-nav li {
  padding: 0;
  margin: 0;
  }
  
ul#ca-nav li a {
  font: 12px/12px arial, verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  }

ul#ca-nav li a:hover {
  color: #fff;
  background: url(/images/sub-nav/arrow-ca.gif) no-repeat 0 3px;
  }
  
ul#ca-nav li a.on {
  color: #fff;
  background: url(/images/sub-nav/arrow-ca.gif) no-repeat 0 3px;
  }
  
/**** MA NAV ****/
    
ul#ma-nav {
  list-style: none;
  padding: 0 0 5px 19px;
  margin: 10px 0 10px 0;
  }

ul#ma-nav li {
  padding: 0;
  margin: 0 0 8px 0;
  }

*html ul#ma-nav li {
  padding: 0;
  margin: 0;
  }
  
ul#ma-nav li a {
  font: 12px/12px arial, verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  }

ul#ma-nav li a:hover {
  color: #fff;
  background: url(/images/sub-nav/arrow-ma.gif) no-repeat 0 3px;
  }
  
ul#ma-nav li a.on {
  color: #fff;
  background: url(/images/sub-nav/arrow-ma.gif) no-repeat 0 3px;
  }
  
/**** RE NAV ****/
    
ul#re-nav {
  list-style: none;
  padding: 0 0 5px 19px;
  margin: 10px 0 10px 0;
  }
  
ul#re-nav li {
  padding: 0;
  margin: 0 0 8px 0;
  }

*html ul#re-nav li {
  padding: 0;
  margin: 0;
  }
  
ul#re-nav li a {
  font: 12px/12px arial, verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  }

ul#re-nav li a:hover {
  color: #fff;
  background: url(/images/sub-nav/arrow-re.gif) no-repeat 0 3px;
  }
  
ul#re-nav li a.on {
  color: #fff;
  background: url(/images/sub-nav/arrow-re.gif) no-repeat 0 3px;
  }
  
/**** SB NAV ****/
    
ul#sb-nav {
  list-style: none;
  padding: 0 0 5px 19px;
  margin: 10px 0 10px 0;
  }

ul#sb-nav li {
  padding: 0;
  margin: 0 0 8px 0;
  }

*html ul#sb-nav li {
  padding: 0;
  margin: 0;
  }
  
ul#sb-nav li a {
  font: 12px/12px arial, verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  }

ul#sb-nav li a:hover {
  color: #fff;
  background: url(/images/sub-nav/arrow-sb.gif) no-repeat 0 3px;
  }
  
ul#sb-nav li a.on {
  color: #fff;
  background: url(/images/sub-nav/arrow-sb.gif) no-repeat 0 3px;
  }
  
/**** GO NAV ****/
    
ul#go-nav {
  list-style: none;
  padding: 0 0 5px 19px;
  margin: 10px 0 10px 0;
  }

ul#go-nav li {
  padding: 0;
  margin: 0 0 8px 0;
  }

*html ul#go-nav li {
  padding: 0;
  margin: 0;
  }
  
ul#go-nav li a {
  font: 12px/12px arial, verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  }

ul#go-nav li a:hover {
  color: #fff;
  background: url(/images/sub-nav/arrow-go.gif) no-repeat 0 3px;
  }
  
ul#go-nav li a.on {
  color: #fff;
  background: url(/images/sub-nav/arrow-go.gif) no-repeat 0 3px;
  }
  
/**** IN NAV ****/
    
ul#in-nav {
  list-style: none;
  padding: 0 0 5px 19px;
  margin: 10px 0 10px 0;
  }

ul#in-nav li {
  padding: 0;
  margin: 0 0 8px 0;
  }

*html ul#in-nav li {
  padding: 0;
  margin: 0;
  }
  
ul#in-nav li a {
  font: 12px/12px arial, verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 0 0 0 15px;
  }

ul#in-nav li a:hover {
  color: #fff;
  background: url(/images/sub-nav/arrow-in.gif) no-repeat 0 3px;
  }
  
ul#in-nav li a.on {
  color: #fff;
  background: url(/images/sub-nav/arrow-in.gif) no-repeat 0 3px;
  }
  
/**** BODY ****/

#main-container {
  width: 955px;
  margin: 0 auto;  
  }

#main-wrapper {
  width: 955px;
  margin: -6px 0 0 0;
  float: left;
  background: url(/images/content-bg.png) repeat-y left top;
  }
  
*html #main-wrapper {
  background: url(/images/content-bg.gif) repeat-y left top;
  }

#main-content {
  width: 939px;
  margin: 0 auto;
  }
  
#blue-bar {
  width: 939px;
  height: 3px;
  float: left;
  background: #005a9c url(/images/blue-bar.gif) no-repeat left top;
  }
  
/** HOME **/

#hp-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }

#hp-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-hp.gif) no-repeat left bottom;
  }
  
#hp-main-left {
  width: 174px;
  float: left;
  padding: 35px 39px 100px 39px;
  margin: 0;
  font: 11px/13px verdana, arial, sans-serif;
  color: #fff;
  }
  
#hp-main-right {
  width: 607px;
  float: left;
  background: #fff;
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  padding: 0 40px 30px 40px;
  }
  
*html #hp-main-right {
  background: #fff url(/images/gray-line.gif) repeat-y right top;
  }

/** SUBPAGES **/

#main-right {
  width: 607px;
  float: left;
  background: #fff;
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  padding: 0 40px 30px 40px;
  }
  
*html #main-right {
  background: #fff url(/images/gray-line.gif) repeat-y right top;
  }
  
#sub-main-left {
  width: 228px;
  float: left;
  padding: 35px 12px 100px 12px;
  margin: 0;
  font: 11px/13px verdana, arial, sans-serif;
  color: #fff;
  }
  
.right-photo {
  margin: -25px -30px 5px 5px;
  }
  
*html .right-photo {
  margin: 10px -30px 0 5px;
  }
  
.right-photo2 {
  margin: 50px -30px 5px 5px;
  }
  
  
/** CA **/

#ca-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-ca.jpg) no-repeat left top;
  }
  
#ca-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-ca.gif) no-repeat left bottom;
  }
  
/** MA **/

#ma-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-ma.jpg) no-repeat left top;
  }
  
#ma-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-ma.gif) no-repeat left bottom;
  }
  
/** RE **/

#re-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-re.jpg) no-repeat left top;
  }
  
#re-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-re.gif) no-repeat left bottom;
  }
  
/** SB **/

#sb-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-sb.jpg) no-repeat left top;
  }
  
#sb-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-sb.gif) no-repeat left bottom;
  }
  
/** GO **/

#go-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-go.jpg) no-repeat left top;
  }
  
#go-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-go.gif) no-repeat left bottom;
  }
  
/** IN **/

#in-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-in.jpg) no-repeat left top;
  }
  
#in-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-in.gif) no-repeat left bottom;
  }

/** GENERAL **/

#general-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
#general-main-left-wrapper {
  width: 939px;
  margin: 0 auto;
  float: left;
  background: url(/images/left-bg/left-bg-hp.gif) no-repeat left bottom;
  }

/** DIVISIONS **/

#divisions-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** CONTACT US **/

#contact-us-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** ABOUT US**/

#about-us-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** PRODUCTS **/

#products-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** SUPPLIERS **/

#suppliers-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** NOTABLE PROJECTS **/

#notable-projects-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** UPCOMING EVENTS **/

#events-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** PRIVACY POLICY **/

#privacy-policy-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/** SITE MAP **/

#site-map-main-photo {
  width: 939px;
  height: 164px;
  float: left;
  background: url(/images/main-photo/main-photo-hp.jpg) no-repeat left top;
  }
  
/**** MAIN PHOTO ****/

ul#main-photo-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0 290px;
  }

#main-photo-list li {
  display: inline;
  font: 18px/20px arial, verdana, sans-serif;
  color: #fff;
  text-transform: lowercase;
  margin: 0 2px 0 2px;
  }
  
/**** LEFT SIDE ****/

/** HOME **/

#hp-left-title {
  width: 174px;
  height: 39px;
  padding: 0;
  margin: 0 0 25px 0;
  background: url(/images/titles/upcoming-events.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }

#hp-main-left a {
  font: 12px/16px verdana, arial, sans-serif;
  color: #fff;
  text-decoration: underline;
  }
  
#hp-main-left p {
  font: 11px/13px verdana, arial, sans-s	rif;
  color: #fff;
  padding: 0;
  margin: 5px 0 15px 0;
  }

/**** DIVISIONS ****/

/** CA **/

#ca-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/divisions-concrete-accessories.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #ca-left-title {
  padding: 0;
  margin: 0;
  }

/** MA **/

#ma-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/divisions-masonry-supplies.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #ma-left-title {
  padding: 0;
  margin: 0;
  }

/** RE **/

#re-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/divisions-rebar.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #re-left-title {
  padding: 0;
  margin: 0;
  }
  
/** SB **/

#sb-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/divisions-sustainable-building-products.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #sb-left-title {
  padding: 0;
  margin: 0;
  }
  
/** GO **/

#go-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/divisions-government.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #go-left-title {
  padding: 0;
  margin: 0;
  }
  
/** IN **/

#in-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/divisions-industrial.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #in-left-title {
  padding: 0;
  margin: 0;
  }
  
/**** CONTACT US ****/

#contact-us-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/contact-us.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #contact-us-left-title {
  padding: 0;
  margin: 0;
  }

/**** ABOUT US ****/

#about-us-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/about-us.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #about-us-left-title {
  padding: 0;
  margin: 0;
  }

/**** PRODUCTS ****/

#products-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/products.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #products-left-title {
  padding: 0;
  margin: 0;
  }
  
/**** SUPPLIERS ****/

#suppliers-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/suppliers.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #suppliers-left-title {
  padding: 0;
  margin: 0;
  }
  
/**** NOTABLE PROJECTS ****/

#notable-projects-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/notable-projects.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #notable-projects-left-title {
  padding: 0;
  margin: 0;
  }

/**** UPCOMING EVENTS ****/

#upcoming-events-left-title {
  width: 228px;
  height: 39px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/upcoming-events-2.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #upcoming-events-left-title {
  padding: 0;
  margin: 0;
  }
    
/**** EVENTS ****/

#events-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/events.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #events-left-title {
  padding: 0;
  margin: 0;
  }
  
/**** TRADE SHOWS ****/

#trade-shows-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/trade-shows.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #trade-shows-left-title {
  padding: 0;
  margin: 0;
  }
  
/**** DEMOS ****/

#demos-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/demos.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #demos-left-title {
  padding: 0;
  margin: 0;
  }
  
/**** PRIVACY POLICY ****/

#privacy-policy-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/privacy-policy.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #privacy-policy-left-title {
  padding: 0;
  margin: 0;
  }
  
/**** SITE MAP ****/

#site-map-left-title {
  width: 228px;
  height: 26px;
  padding: 0;
  margin: 0;
  background: url(/images/titles/site-map.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
*html #site-map-left-title {
  padding: 0;
  margin: 0;
  } 
 
/** SUBPAGES **/

#sub-main-left a {
  font: 12px/16px verdana, arial, sans-serif;
  color: #fff;
  text-decoration: underline;
  }
  
#sub-main-left p {
  font: 11px/13px verdana, arial, sans-serif;
  color: #fff;
  padding: 0;
  margin: 5px 0 15px 0;
  }

#content-left-sub {
  width: 132px;
  float: left;
  padding: 17px 20px 15px 2px;
  }

#content-right-sub {
  width: 453px;
  float: left;
  padding: 0 0 15px 0;
  margin: 0;
  }

/**** UPCOMING EVENTS ****/

#events-content-left {
  width: 367px;
  float: left;
  padding: 0 40px 0 0;
  margin: 0;
  }
  
#events-content-right {
  width: 200px;
  float: left;
  padding: 0;
  margin: 0;
  }

.events-container {
  width: 178px;
  float: left;
  padding: 0 10px 0 10px;
  margin: 30px 0 0 0;
  border: solid 1px #f47920;
  }
  
#content-line-events {
  width: 606px;
  float: left;
  margin: 20px 0 0 0;
  background: url(/images/gry-line.gif) repeat-y 355px 0;
  }
  
#content-left-events {
  width: 335px;
  float: left;
  background: #fff;
  padding: 0 20px 0 0;
  margin: 0;
  }
  
#content-right-events {
  width: 231px;
  float: left;
  padding: 0 0 0 20px;
  margin: 20px 0 0 0; 
  }

.right-half-left {
  width: 70px;
  float: left;
  font: 16px/16px verdana, arial, sans-serif;
  color: #f47920;
  padding: 0 0 10px 0;
  margin: 0 0 5px 0;
  text-decoration: none;
  }
  
.right-half-right {
  width: 160px
  float: left;
  padding: 3px 0 0 0;
  margin: 0 0 5px 0;
  }
  
/**** HOMEPAGE RIGHT SIDE ****/

#content-left {
  width: 408px;
  float: left;
  }

#content-right {
  width: 132px;
  float: left;
  background: #fff;
  padding: 68px 0 0 55px;
  margin: 0;
  }
  
#content-whole {
  width: 607px;
  float: left;
  padding: 0;
  background: #fff;
  }

.content-whole {
  width: 607px;
  float: left;
  padding: 0;
  background: #fff;
  }
   
#hp-right-title {
  width: 408px;
  height: 51px;
  padding: 0;
  margin: 40px 0 20px 0;
  background: url(/images/titles/southwest-construction-industry.gif) no-repeat left top;
  text-indent: -9000px;
  float: left;
  }
  
ul#thumbs {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 0;
  text-align: center;
  }

#thumbs li {
  display: inline;
  font: 9px/12px verdana, arial, sans-serif;
  padding: 0;
  margin: 0;
  text-align: center;
  }
  
#thumbs li a {
  font: 10px/12px verdana, arial, sans-serif;
  text-decoration: none;
  color: #636363;
  text-align: center;
  padding: 0;
  margin: 0;
  }

#thumbs-ca {
  width: 92px;
  float: left;
  padding: 0 10px 0 0;
  background: url(/images/thumbs/concrete-accessories-color-bar.gif) no-repeat left top;
  }

#thumbs-ma {
  width: 92px;
  float: left;
  padding: 0 10px 0 0;
  background: url(/images/thumbs/masonry-color-bar.gif) no-repeat left top;
  }
  
#thumbs-re {
  width: 92px;
  float: left;
  padding: 0 10px 0 0;
  background: url(/images/thumbs/rebar-color-bar.gif) no-repeat left top;
  }
  
#thumbs-sb {
  width: 92px;
  float: left;
  padding: 0 10px 0 0;
  background: url(/images/thumbs/sustainable-building-products-color-bar.gif) no-repeat left top;
  }
  
#thumbs-gov {
  width: 92px;
  float: left;
  padding: 0 10px 0 0;
  background: url(/images/thumbs/government-color-bar.gif) no-repeat left top;
  }
  
#thumbs-in {
  width: 87px;
  float: left;
  padding: 0 10px 0 0;
  background: url(/images/thumbs/industrial-color-bar.gif) no-repeat left top;
  }
  
*html #thumbs-in {
  width: 80px;
  float: left;
  padding: 0 0 0 0;
  background: url(/images/thumbs/industrial-color-bar.gif) no-repeat left top;
  }
  
/**** SUPPLIERS ****/

.sup-container {
  width: 607px;
  margin: 0 auto;
  float: left;
  padding: 0 0 10px 0;
  }

.sup-left {
  width: 125px;
  float: left;
  padding: 0 0 10px 0;
  }
  
.sup-right {
  width: 482px;
  float: left; 
  padding: 50px 0 0 0; 
  }

/**** PDF ****/
.pdf-container {
  width: 400px;
  float: left;
  padding: 0;
  background: #fff;
  }
  
.pdf-left {
  width: 24px;
  float: left;
  padding: 5px 0 0 0;
  margin: 0 5px 0 0;
  }
  
.pdf-right {
  width: 550px;
  float: left;
  padding: 7px 0 0 0;
  }

.product-pdf {
  width: 300px;
  float: left;
  padding: 0 0 15px 0;
  }
  
.product-pdf-left {
  width: 24px;
  float: left;
  padding: 5px 0 0 0;
  margin: 0 5px 0 0;
  }
  
.product-pdf-right {
  width: 271px;
  float: left;
  padding: 7px 0 0 0;
  }

.product-note {
  width: 400px;
  float: left;
  padding: 30px 0 0 0;
  }

.p-pdf-container {
  width: 350px;
  float: left;
  }
  
.p-pdf-left {
  width: 24px;
  float: left;
  padding: 5px 0 0 0;
  margin: 0 5px 0 0;
  }

.p-pdf-right {
  width: 270px;
  float: left;
  padding: 7px 0 0 0;
  margin: 0;
  }
  
/**** PEOPLE ****/

.people-container {
  width: 607px;
  margin: 0 auto;
  float: left;
  padding: 0;
  }

.people-left {
  width: 112px;
  float: left;
  padding: 0 15px 0 0;
  }
  
.people-right {
  width: 480px;
  float: left; 
  padding: 0; 
  }
  
.photos {
  border: solid 1px #636363;
  padding: 2px;
  margin: 3px 0 0 0;
  }
  
/**** PRODUCTS ****/

#product-container {
  width: 607px;
  float: left;
  padding: 30px 0 0 0;
  }

#product-container2 {
  width: 607px;
  float: left;
  padding: 20px 0 0 0;
  }
  
.products {
  width: 200px;
  float: left;
  margin: 0 0 30px 0;
  text-align: center;
  }

.map-container {
  width: 607px;
  float: left;
  padding: 30px 0 0 0;
  }
  
/**** FOOTER ****/

#footer-container {
  width: 955px;
  margin: 0 auto;
  }

#footer-wrapper {
  width: 955px;
  margin: 0 auto;
  }

#footer {
  width: 955px;
  height: 8px;
  float: left;
  background: url(/images/footer-line.png) no-repeat left top;
  }

*html #footer {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/footer-line.png');
  background: none;
  }

#footer * {
  position: relative;
  }
  
#footer-left {
  width: 460px;
  float: left;
  color: #636363;
  padding: 5px 0 0 10px;
  }
  
#footer-right {
  width: 473px;
  float: left;
  text-align: right;
  padding: 5px 0 50px 0;
  color: #636363;
  }
  
ul#footer-nav {
  list-style: none;
  padding: 5px 0 0 0;
  margin: 0;
  }

#footer-nav li {
  display: inline;
  }
  
#footer-nav a {
  font: 11px/13px verdana, arial, sans-serif;
  color: #636363;
  text-decoration: none;
  }
  
/**** FIREFOX HACK ****/

:focus {
  -moz-outline-style: none;
  }