body {
  margin: 0; padding: 0;
  font: 12px verdana, sans-serif;
  line-height: 18px;
  color: #b5b5b5;
  background: #cdcdcd; /* #222 */
}

p { margin: 12px 0; padding: 0; }

h1 {
  font-size: 105%; color: #ccc;
  text-align: left;
  margin: 0 0 1em 0; padding: 0;
}

h2 {
  font-size: 100%; color: #ccc;
  margin: 0 0 1em 0; padding: 0;
}

h3 {
  font-size: 18px; color: #333;
  margin: 0 0 1em 0; padding: 0;
}

h4 {
  font-size: 115%; color: #ccc;
  text-align: left;
  margin: 0 0 1em 0; padding: 0;
}

a { text-decoration: none; }

a:link    { color: #fff; }
a:active  { color: #fff; }
a:visited { color: #fff; }
a:hover   { color: #ffc726; }
		
#container { margin: 0 auto; width: 750px; padding: 0; background-color: #333; }
#containerw { margin: 0 auto; width: 750px; padding: 0; background-color: #fff; }
#homecontainer { margin: 0 auto; width: 750px; padding: 0; background: #b2b2b2 url(images/homebkg.gif) repeat; }

#hdr {
  margin: 0; padding: 0; height: 80px;
  background: #333 url(images/hb2.gif) top left repeat-x;
}
#logo { margin: 0 0 0 16px; padding: 0; height: 80px; float: left; }
#logo a {
  display: block; 
  text-decoration: none;
  width: 188px; height: 80px;
  background: url(images/logo2.gif) top left no-repeat;
}
#logo a:hover { background-position: 0 -80px; }

#upnav {
  float: right; padding: 5px 10px 0 0; width: 525px;
  text-align: right; color: #999; font-size: 11px;
}
#upnav a { color: #999; } #upnav3 a:hover { color: #bbb; }

form#sea { margin: 2px 0 0 0; padding: 0; }
form#sea input { margin: 0; padding: 0; font-size: 10px; }

#subnav {
  float: left;
  width: 150px;
  margin: 0 0 0 3px; padding: 0;
  text-align: left;
  font-size: 18px; line-height: 1em;
}

#subnav ul { margin: 0; padding: 0; list-style-type: none; }
#subnav ul li { margin: 0; padding: 0; }
#subnav ul li a { display: block; margin-bottom: 15px; padding: 0 0 2px 3px; color: #fff; } /* had height: 19/30px; */
#subnav a:link.active, #subnav a:visited.active { color: #ffc726; }
#subnav a:hover.active, #subnav a:hover { color: #ffc726; }

#ca { float: right; width: 550px; margin-bottom: 15px; background-color: #fff; }

#ca p { color: #333; padding: 0 5px; }

#ca a { text-decoration: none; }
#ca a:link    { color: #333; }
#ca a:active  { color: #333; }
#ca a:visited { color: #333; }
#ca a:hover   { color: #ffc726; }

#navh { margin: 0 auto; padding-left: 47px; padding-top: 2px; text-align: center; background-color: #333; }

#hi { border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999;
	  margin: 0; padding: 0; display: block;
}

#h0 { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/bhome0.jpg) top left no-repeat;
}

#h1 { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/bhome1.jpg) top left no-repeat;
}

#h2 { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/bhome2.jpg) top left no-repeat;
}

#h3 { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/bhome3.jpg) top left no-repeat;
}

#hFire { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/firebladehome.jpg) top left no-repeat;
}

#hSand { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/sandstonehome.jpg) top left no-repeat;
}

#hSol { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/solutionhome.jpg) top left no-repeat;
}

#hSTT { height: 296px; width: 750px; border-bottom: 8px solid #ffc726;
	  border-top: 2px solid #999; margin: 0; padding: 0; display: block;
	  background: url(images/banners/stthome.jpg) top left no-repeat;
}

#movie { float: right; margin: 92px 12px 0 0; }

#ica a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/CA.gif); }
#imr a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/MR.gif); }
#ihb a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/HB.gif); }
#imi a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/MI.gif); }
#ias a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/AS.gif); }
#ico a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/CO.gif); }
#iwo a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/WO.gif); }
#iti a { text-decoration: none; display: block; width: 343px; height: 108px; text-decoration: none; background: url(images/icons/TI.gif); }

#ica a:hover { background-position: 0 -108px; }
#imr a:hover { background-position: 0 -108px; }
#ihb a:hover { background-position: 0 -108px; }
#imi a:hover { background-position: 0 -108px; }
#ias a:hover { background-position: 0 -108px; }
#ico a:hover { background-position: 0 -108px; }
#iwo a:hover { background-position: 0 -108px; }
#iti a:hover { background-position: 0 -108px; }

#susnav { padding-left: 4px; }

#siep a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/sicons/EP.gif); float: left; margin-right: 5px; }
#sifw a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/sicons/FW.gif); float: left; margin-right: 5px; }
#sico a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/sicons/CO.gif); float: left; margin-right: 5px; }
#sipa a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/sicons/PA.gif); float: left; }

#siep a:hover { background-position: 0 -387px; }
#sifw a:hover { background-position: 0 -387px; }
#sico a:hover { background-position: 0 -387px; }
#sipa a:hover { background-position: 0 -387px; }

#ambnav { padding-left: 4px; }

#aipr a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/ambicons/pro.gif); float: left; margin-right: 5px; }
#aial a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/ambicons/alp.gif); float: left; margin-right: 5px; }
#aimr a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/ambicons/mrn.gif); float: left; margin-right: 5px; }
#airg a { text-decoration: none; display: block; width: 176px; height: 387px; text-decoration: none; background: url(images/ambicons/reg.gif); float: left; }

#aipr a:hover { background-position: 0 -387px; }
#aial a:hover { background-position: 0 -387px; }
#aimr a:hover { background-position: 0 -387px; }
#airg a:hover { background-position: 0 -387px; }

#content {
  font-size: 110%;
  padding-top: 15px; padding-left: 11px; padding-right: 15px;
  text-align: left;
}

#contentpd {
  color: #666; background-color: #fff;
  font-size: 110%;
  padding-top: 15px; padding-left: 11px; padding-right: 15px;
  text-align: left;
}
#contentpd h1 { font-size: 105%; color: #555; text-align: left; margin: 0 0 1em 0; padding: 0; }
#contentpd a:link    { color: #900; }
#contentpd a:active  { color: #900; }
#contentpd a:visited { color: #900; }
#contentpd a:hover   { color: #ffc726; }

#contentec {
  color: #666; background-color: #fff;
  font-size: 110%;
  padding: 0;
  text-align: left;
}
#contentec a:link    { color: #900; }
#contentec a:active  { color: #900; }
#contentec a:visited { color: #900; }
#contentec a:hover   { color: #ffc726; }
#contentec h1 { font-size: 105%; color: #555; text-align: left; margin: 0 0 1em 0; padding: 0; }

#homecontent { margin: 0; padding: 0; }

#contentsus {
  color: #666; background: #fff url(images/sbk.gif) top left no-repeat;
  font-size: 110%;
  margin: 0; padding: 0;
  text-align: left;
  border: 1px solid #d1d2d3;
}
#contentsus h1 { font-size: 105%; color: #555; text-align: left; margin: 0 0 1em 0; padding: 0; }
#contentsus a:link    { color: #900; }
#contentsus a:active  { color: #900; }
#contentsus a:visited { color: #900; }
#contentsus a:hover   { color: #ffc726; }

#framesus { margin: 0; padding: 0 10px 10px 10px; }
#blurbsus { margin: 0; padding: 0; height: 205px; }

#vc {
  margin: 0; padding: 0;
  font-size: 110%;
  text-align: left;
}

.via {
  width: 250px;
  margin: 100px 0 0 35px; padding-bottom: 5px;
  font-size: 11px;
  color: #333; background-color: #eee;
  border: 1px solid #000; 
}

.via h1 {
  font-weight: bold;
  text-align: center; text-transform: uppercase;
  color: #333;background-color: #ffc726;
  margin: 0; padding: 2px 0;
}

.via h2 { margin: 5px 10px 0 10px; padding: 0; font-weight: bold; color: #333; }

.via p { margin: 0; padding: 0 10px; color: #333; }

.via a { padding: 1px; background-color: #333; }

#left { float: left; }

#right { float: right; }

.thumb {
  float: left;
  width: 100px; height: 150px;
  text-align: center; font-size: 10px; line-height: 12px;
  background-color: #fff; color: #666;
  margin: 0 5px;
}
#matrix { width: 550px; }

#ftr {
  clear: both; height: 17px; margin-top: 0px; /* was 6px */
  color: #ccc; background-color: #666;
  text-align: right; line-height: 12px;
  font: 10px verdana, sans-serif;
  border-top: 1px solid #666;
}

#ftr a:hover { text-decoration: underline; }

.box {
  height: 50px; width: 98px;
  margin: 6px  6px 7px 0;
  background-color: #000;
  border: 1px solid #666;
}

.pullcon {
  float: left; margin: 0 10px 10px 0; padding-top: 4px;
  width: 200px; font-size: 10px;
  background: #333 url(images/top.gif) top center no-repeat;
}

.pull {
  width: 198px;
  color: #999; background-color: #222;
  border: 1px solid #ffc726; margin: 0; padding: 0;
}

.pull p { margin: 0; padding: 0 5px; }

.pull h1 { 
  font-weight: normal;
  text-transform: uppercase; letter-spacing: .3em; line-height: 1.2em;
  text-align: center;
  color: #222; background-color: #ffc726;
  margin: 0; padding-bottom: 6px;
}

.pull a { text-decoration: underline; }
.pull a:link    { color: #666; }
.pull a:active  { color: #666; }
.pull a:visited { color: #666; }
.pull a:hover   { color: #ffc726; }

.necon {
  float: left; margin: 20px 0 20px 15px; padding-top: 5px;
  width: 230px; font-size: 10px; line-height: 1em;
  background: #a2a2a2 url(images/netop.gif) top center no-repeat;
}

.ne {
  width: 228px;
  color: #ccc; background-color: #464646;
  border: 1px solid #464646; margin: 0; padding: 0;
}

.ne div#nscr { height: 176px; overflow: hidden; }

.ne div#escr { height: 176px; overflow: hidden; }

.ne div#feat { height: 172px; overflow: hidden; padding-top: 4px;}

.ne div { padding-left: 6px }

.ne h1 { 
  font-weight: bold; text-transform: uppercase; letter-spacing: .3em; line-height: 1.0em;
  text-align: left;
  color: #ffc726; background-color: #464646;
  margin: 0; padding: 0 0 0 6px;
}

.ne a { text-decoration: none; }
.ne a:link    { color: #ffc726; }
.ne a:active  { color: #ffc726; }
.ne a:visited { color: #ffc726; }
.ne a:hover   { color: #ccc; }

.ne ul { margin: 0; padding: 0; list-style-type: none; }
.ne ul li { margin: 6px 6px 6px 0; padding: 4px; background-color: #666 }

.l { float: left; margin-right: 15px; margin-bottom: 15px; }
.r { float: right; margin-left: 15px; margin-bottom: 15px; }

.lc { float: left; margin: 15px; clear: both; }
.rc { float: right; margin: 15px; clear: both; }

.rvc {float: right; clear: both; margin: 10px; }
.lvc {float: left;  clear: both; margin-right: 10px; }
.btfont { font-family: "Century Gothic", verdana, sans-serif; margin-right: 15px; }
.faqent { font-size: 90%; margin-left: 25px; margin-right: 25px; }
.spacer { clear: both; }
.attn { color: #f00; }

/*
.pc { float: right; width: 250px; font-size: 10px; text-align: center; text-transform: uppercase; }
.pt { float: right; margin: 5px 5px 0 10px; }
*/

.pt { float: right; width: 250px; margin: 5px 5px 0 10px; font-size: 10px; text-align: center; text-transform: uppercase; }

.indent { margin-left: 35px; }
.splw { color: #fff; }
.splr { color: #f00; }
.eldo { margin: 35px auto; text-align: center; }
.bi { font-style: italic; font-weight: bold; }
.sm { font-size: 10px; }
.smlh { line-height: 10px; }
.hid { text-decoration: line-through; }
.o5 { margin: 5px; }
.bigger { font-size: 120%; }
.lh { line-height: 1.2em; }
.shout { color: #ffc726; }
.ambframe { min-height: 784px; }
.gmd { width: 600px; margin: 35px auto }

.big { font-size: 125%; text-align: center; margin: 20px auto; }
.big a { text-decoration: none; }
.big a:link    { color: #f00; }
.big a:active  { color: #f00; }
.big a:visited { color: #f00; }
.big a:hover   { color: #f00; text-decoration: underline; }

.catblurb { font: 14px arial, helvetica, sans-serif; font-weight: bold; color: #999; }

.mns {
  float: left; height: 20px; width: 500px;
  margin: 2px 4px 0 0; padding: 2px 0 0 0;
  color: #000; background-color: #ccc; /* #f17c0e; */
}
.mnsc { background-color: #ccc; /* #f17c0e; */ color: #000; }

.wms {
  float: left; height: 20px; width: 550px;
  margin: 2px 4px 0 0; padding: 2px 0 0 0;
  color: #000; background-color: #ccc; /* #cddbf4; */
}
.wmsc { background-color: #ccc; /* #f17c0e; */ color: #000; }

.buy { float: left; margin: 2px 0; }

.legal { margin-top: 25px; font-size: 10px; line-height: 10px; text-align: justify; }

ul.nobul { list-style-type: none; }
ul.nobul li { margin: 5px 0; }

#flashcontent { margin: 15px 0; padding: 0; }

#sidebar a:link    { color: #a00; }			/* this is the google maps display sidebar! */
#sidebar a:active  { color: #a00; }
#sidebar a:visited { color: #a00; }
#sidebar a:hover   { color: #ffc726; }

#ambvid { margin: 15px 0 25px 0; }

/* for ecobuilt */
#ecob{  margin: 0 auto; width: 750px; }

#navecob {
 width: 750px;
 height: 530px; /* was 464 */
 background: url(/images/ecoroll.jpg);
 margin: 0; padding: 0;
 position: relative;
}

#navecob li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; }
#navecob a { display: block; }

#fco2 { left: 510px; top: 475px; width: 158px; height: 22px; }
#fco2 a { height: 22px; }
#fco2 a:hover { background: url(/images/ecoroll.jpg) -522px -1005px no-repeat; } /* height of page + top border: 1px solid green; */

#fco2w { left: 510px; top: 500px; width: 158px; height: 22px; }
#fco2w a { height: 22px; }
#fco2w a:hover { background: url(/images/ecoroll.jpg) -522px -1030px no-repeat; } /* height of page + top border: 1px solid green; */

#fco3 { left: 260px; top: 475px; width: 158px; height: 22px; }
#fco3 a { height: 22px; }
#fco3 a:hover { background: url(/images/ecoroll.jpg) -272px -1005px no-repeat; }

#fco3w { left: 260px; top: 500px; width: 158px; height: 22px; }
#fco3w a { height: 22px; }
#fco3w a:hover { background: url(/images/ecoroll.jpg) -272px -1030px no-repeat; }

#fco4 { left: 14px; top: 475px; width: 158px; height: 22px; }
#fco4 a { height: 22px; }
#fco4 a:hover { background: url(/images/ecoroll.jpg) -27px -1005px no-repeat; }