@font-face {
 font-family: Museo Slab 500;
 src: url(Museo_Slab_500.otf) format("opentype");
}
body {
  background-color: #fff;
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  color:#333333;
}
p, li, strong, em, blockquote {
  font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
p {
  margin-bottom: 1.5em;
  margin-top: 0;
  color: #465459;
  line-height: 1.3em;
}
li {
  color: #465459;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul {
  margin: 0px;
  padding: 0px;
}
a:link img, a:visited img {
  border: none;
}
a {
  color: #708801;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
}
#nav a:active {
  outline:none;
}
.clearfix:after {
	content:" ";
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0px;
}

div.clearFloat {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0px;
}
li.clearFloat {
  clear: both;
}
ul.symbolList {
  display: inline;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#wrapper {
  margin: 0 auto;
  width: 960px;
  margin-bottom:5px;
}
#logo {
  margin-left: 10px;
  margin-top: 0px;
  overflow: hidden;
  display: inline;
  float: left;
  height: 93px;
  margin-bottom: 0;
  width: 283px;
}
#header-center {
  margin-left: 0px;
  margin-top: 0px;
  background-image: url(images/header-center.png);
  overflow: hidden;
  display: inline;
  float: left;
  height: 93px;
  margin-bottom: 0;
  width: 463px;
  background-repeat: repeat-x;
}
#header-right {
  margin-left: 0px;
  margin-top: 0px;
  background-image: url(images/header-right.png);
  overflow: hidden;
  display: inline;
  float: left;
  height: 93px;
  margin-bottom: 0;
  width: 194px;
}
#nav {
  margin-left: 10px;
  margin-top: 0px;
  overflow: hidden;
  display: inline;
  float: left;
  height: 235px;
  margin-bottom: 0;
  width: 318px;
  padding-top: 4px;
}
#nav ul {
  margin-top: 0px;
}
#nav ul li {
  margin-right: 0px;
}
/* preload images for nav */
div#preload { display: none; }
#preload span {
  background-image:url(images/icons/1home-roll.gif) no-repeat;
	display:none;
}
#preload samp  {
  background-image:url(images/icons/circle-roll.gif) no-repeat;
	display:none;
}
#preload abbr {
  background-image:url(images/icons/5contact-roll.gif) no-repeat;
	display:none;
}
/* end preload section */
#nav a {
  background-color:#FFFFFF;
  line-height: 2em;
  font-size: 22px;
  padding-left: 51px;
  color: #3A4B4A;
  font-family: "Museo Slab 500", "Arial Black", "Times New Roman", serif;
  white-space:nowrap;
  padding-top:7px;
  background-image:url(images/icons/circle.gif);
  background-repeat: no-repeat;
  background-position:left center;
}
#nav .nav-1home a:link, #nav .nav-1home a:visited {
  background-image:url(images/icons/1home.gif);
  background-position:left center;
  background-repeat:no-repeat;
}
#nav .nav-1home a:focus, #nav .nav-1home a:hover, #nav .nav-1home a:active {
  background-image:url(images/icons/1home-roll.gif);

}
#nav .nav-2iaq a:link, #nav .nav-2iaq a:visited {
  background-image:url(images/icons/circle.gif);
  background-repeat: no-repeat;
  background-position:left center;
}
#nav .nav-2iaq a:focus, #nav .nav-2iaq a:hover, #nav .nav-2iaq a:active {
  background-image:url(images/icons/circle-roll.gif);

}
#nav .nav-3thermal a:link, #nav .nav-3thermal a:visited {
  background-image:url(images/icons/circle.gif);
  background-repeat: no-repeat;
  background-position:left center;
  background-repeat:no-repeat;
}
#nav .nav-3thermal a:hover, #nav .nav-3thermal a:hover, #nav .nav-3thermal a:active {
  background-image:url(images/icons/circle-roll.gif);

}
#nav .nav-4services a:link, #nav .nav-4services a:visited {
  background-image:url(images/icons/circle.gif);
  background-repeat: no-repeat;
  background-position:left center;
  background-repeat:no-repeat;
}
#nav .nav-4services a:hover, #nav .nav-4services a:hover, #nav .nav-4services a:active {
  background-image:url(images/icons/circle-roll.gif);

}
#nav .nav-5contact a:link, #nav .nav-5contact a:visited {
  background-image:url(images/icons/5contact.gif);
  background-repeat: no-repeat;
  background-position:left center;
  background-repeat:no-repeat;
}
#nav .nav-5contact a:hover, #nav .nav-5contact a:hover, #nav .nav-5contact a:active {
  background-image:url(images/icons/5contact-roll.gif);

}
#banner {
  margin-left: 0px;
  margin-top: 0px;
  background-image: url(images/banner.jpg);
  overflow: hidden;
  display: inline;
  float: left;
  height: 235px;
  margin-bottom: 0;
  width: 620px;
  border: 1px solid #CCC;
  margin-right: 0px;
}
#main {
  margin-left: 10px;
  margin-top: 0px;
  float: left;
  margin-bottom: 0;
  width: 940px;
  padding-top: 10px;
}
.format1 #main img {
  border: 1px solid #D6D8D7;
}
#main .innerdiv {
  padding: 10px;
  float:left;
  position:relative;
}
#main div h2 {
  display: block;
  color: #F8F8F8;
  background-color: #252525;
  height: 23px;
  text-indent: 20px;
  font-family: "Museo Slab 500", "Arial Black", "Times New Roman", serif;
  margin: 0;
  padding-bottom: 10px;
  padding-top:7px;
  background-image: url(images/icons/globe.png);
  background-repeat: no-repeat;
  background-position: 10px 1px;
  padding-left: 30px;
  font-size:20px;
}
/*  -----------------------------------------------------------------------------------------------------------------------   */
/*  ----------------------------------------------  FORMAT1 (page1 - 3 even columns - homepage)  -------------------------------------------------------------   */


.format1 .col1 {
  float: left;
  width: 310px;
  margin-right:10px;
  background-color:#eee;
}
.format1 .col1 a {
  display:block;
  text-align:right;
  text-decoration:underline;
}
.format1 .col1 a:hover {
  text-decoration:none;
}
.format1 .col1 h3, .format3 .col1 h3 {
  font-size:10px;
  font-weight:bold;
  font-family:Verdana, Geneva, sans-serif;
  color: #708801;
  line-height: 1em;
  letter-spacing:1px;
  padding:0;
  margin:0;
  margin-bottom:1em;
}
.format1 .col1 .sectioned {
  border-bottom-color:#999999;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  float:left;
  margin-bottom:10px;
  margin-right:0px;
  margin-top:10px;
  width:290px;
}

.format1 .col1 blockquote, .format3 .col1 blockquote {
  display:block;
  margin:0;
  font-size:13px;
  color:#666666;
}
.format1 .col2 {
  float: left;
  width: 310px;
  margin-right:10px;
}
.format1 .col2 img {
  margin-right:10px;
  margin-bottom:10px;
  float:left;
}
.format1 .col2 p {
}
.format1 .col3 {
  float: left;
  width: 300px;
  background-color: #eee;
}
.format1 #main .col3 img {
  float:left;
  margin-right:10px;
  margin-bottom:45px;
}
.format1 .col3 .innerdiv {
  margin-left:-10px;
}
.format1 .col3 p {
  font-size:13px;
  line-height:1.3em;
}
.format1 .col3 a {
  display:block;
  text-align:right;
  text-decoration:underline;
}
.format1 .col3 a:hover {
  text-decoration:none;
}
/*  -----------------------------------------------------------------------------------------------------------------------   */
/*  ----------------------------------------------  FORMAT2 (page2 - 1col 2/3 wide - indoor-air)  ------------------------------------------   */

.format5 .col1 {
  float: left;
  width: 610px;
  min-height:300px;
  margin-right:10px;
  background-color:#eee;
}
.format5 .col1 h3 {
  font-size:14px;
  font-weight:bold;
  color: #708801;
  line-height: 1em;
  letter-spacing:1px;
  padding:0;
  margin:1em 0 6px;
}
.format5 .col1 ul li {
  list-style: disc inside;
  line-height: 1.3em;
}
.format5 .col2 {
  float: left;
  width: 320px;
  min-height:300px;
}
.format5 .col2 h3 {
  font-size:10px;
  font-weight:bold;
  font-family:Verdana, Geneva, sans-serif;
  color: #708801;
  line-height: 1em;
  letter-spacing:1px;
  padding:0;
  margin:0;
  margin-bottom:1em;
}
.format5 .col2 .sectioned {
  border-bottom-color:#999999;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  float:left;
  margin-bottom:34px;
  margin-right:10px;
  margin-top:14px;
  padding-bottom:43px;
  width:290px;
}
.format5 .col2 blockquote {
  display:block;
  margin:0;
  font-size:13px;
  color:#666666;
}
/*  -----------------------------------------------------------------------------------------------------------------------   */
/*  ----------------------------------------------  FORMAT3 (page3 - 1col 1/3 wide - thermal-imaging)  -------------------------------------------------------------   */

.format3 .col1 .sectioned {
  border-bottom-color:#999999;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  float:left;
  margin-bottom:34px;
  margin-right:10px;
  margin-top:14px;
  padding-bottom:43px;
  width:290px;
}
.format3 .col1 {
  float: left;
  width: 310px;
  margin-right:10px;
  background-color:#eee;
}
/*see format1 for more col1*/

.format3 .col2 {
  float: left;
  width: 620px;
}
.format3 .col2 h3 {
  color:#666666;
  font-family:Verdana, Geneva, sans-serif;
  font-size:17px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.format3 .col2 ul li {
  list-style-type:none;
  color: #465459;
  float:left;
  margin-bottom:10px;
  margin-top:10px;
}
.format3 .col2 ul.thermal-pics li {
width:193px;
height:193px;
margin:10px;
}
.format3 .col2 strong {
  display:inline;
  font-size:16px;
  color: #444;
}
.format3 .col2 ul.thermal-pics {
	float:left;
	margin-top:10px;
}
.thermal-2pics {
		float:left;
	margin-top:10px;
}
/*  -----------------------------------------------------------------------------------------------------------------------   */
/*  ----------------------------------------------  FORMAT4 (page4 - 3 even columns /w contact - contact)  -------------------------------------------------------------   */


.format4 .col1 {
  float: left;
  width: 310px;
  margin-right:10px;
  background-color:#fff;
}
.format4 .col2 {
  float: left;
  width: 310px;
  margin-right:10px;
}
.format4 .col3 {
  float: left;
  width: 300px;
  background-color: #fff;
}
.format4 .col3 .innerdiv {
  width:auto;
}
/*  -----------------------------------------------------------------------------------------------------------------------   */
/*  ----------------------------------------------  FORMAT5 (page5 - 1col full wide - services)  -------------------------------------------------------------   */

.format2 .col1 {
  float: left;
  width: 940px;
  margin-right:0;
  background-color:#fff;
}
.format2 .col1 h3 {
  text-transform:capitalize;
}

/*  -----------------------------------------------------------------------------------------------------------------------   */
/*  ----------------------------------------------  END page formats  ------------------------------------------   */

#footer {
  background-color:#333333;
  margin-left: 10px;
  margin-top: 20px;
  overflow: hidden;
  display: inline;
  float: left;
  margin-bottom: 0;
  width: 938px;
  text-align: center;
  border: 1px solid #999;
  padding-top:10px;
}
#footer ul {
  display:block;
  float:left;
  margin-left:30px;
  margin-top:10px;
  text-align:left;
}
#footer ul li {
}
#footer ul li a {
  color:#EEEEEE;
  font-size:11px;
  line-height:1.7em;
}
#footer ul li a:hover {
  color: #708801;
}
#footer h1 {
  color:#EEEEEE;
  font-size:11px;
  font-weight:normal;
  line-height:2.3em;
  margin: 0;
}
#footer .affliated {
  background-color:#FFFFFF;
  height:92px;
  margin-left:160px;
  margin-right:10px;
  padding:10px;
  border: solid 1px #aaaaaa;
}
#footer .affliated img {
  margin-right:14px;
}
/*  ----------------------------------------------  START page specific formating  ------------------------------------------   */
.contact .col1 p {
  margin-bottom:10px;
}
.contact .col1 ul li {
  margin-top:0.5em;
  font-weight:normal;
  white-space:nowrap;
  font-family:Verdana, Geneva, sans-serif;
  font-size:15px;
  outline:solid 1px #EEE;
  padding-bottom:3px;
  padding-left:5px;
  padding-right:5px;
  padding-top:3px;
  margin-right:0;
  margin-left:-9px;
}
.contact .col1 ul li a:link, .contact .col1 ul li a:visited {
  display:block;
  font-weight:normal;
  font-family:Helvetica, Arial, sans-serif;
  font-size:13px;
  background-image:url(images/icons/mail.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:20px;
  padding-top:3px;
  line-height:1.3em;
}
.contact .col2 .links li {
  list-style-type:circle;
  list-style-position:inside;
}
.contact .col3 form {
}
.contact .col3 form ul li {
  line-height:2em;
}
.contact .col3 .innerdiv {
}
.contact .col3 form #message {
  margin-left:0;
  width:262px;
  float:none;
  clear:both;
}
.contact #contact-form label {
  width:188px;
}
.contact #contact-form input, .contact #contact-form label, .contact #contact-form textarea {
  margin-left:0;
  width:200px;
  margin-bottom:0px;
}
.contact #contact-form input, .contact #contact-form textarea {
  margin-left:-139px;
}
.contact #contact-form #submit {
  width:50px;
  margin:15px;
  float:right;
}
.contact .col3 .innerdiv {
  padding-left:0;
  padding-right:0;
  overflow:visible;
}
.indoor-air #main .innerdiv {
  background-color:#FAFAFA;
}
.indoor-air #main h1 {
  color:#555555;
  font-size:21px;
  margin:0;
  padding:0;
  text-align:right;
  text-shadow:1px -1px 0 #FFFFFF;
}
.indoor-air #main h3 {
  color:#666;
  font-family:Verdana, Geneva, sans-serif;
  font-size:24px;
  letter-spacing:1px;
  display: block;
  background-color: #EDF0F3;
  padding-left: 30px;
  text-shadow:1px -1px 0 rgba(255, 255, 255, 0.7);
  background: -moz-linear-gradient(left top, #EDF0F3, rgba(250, 250, 250, 0));
  background: -webkit-gradient(linear, left top, right bottom, from(#EDF0F3), to(rgba(250, 250, 250, 0)));
}
.indoor-air #main h4 {
  color:#444;
  font-family:Verdana, Geneva, sans-serif;
  font-size:16px;
  letter-spacing:1px;
  text-transform: capitalize;
}
.indoor-air p {
  line-height:1.5em;
  color:#555555;
}
.indoor-air #main ul {
  padding:10px;
}
.indoor-air #main ul p {
  line-height:0.9em;
  margin-bottom:6px;
  font-size:20px;
}
.indoor-air #main ul li, .indoor-air #main ol li {
  font-size:14px;
  color:#333;
  line-height:1.6em;
}
.indoor-air #main ul li {
  list-style-type:square;
  list-style-position:inside;
}
/* get part of list to sit horizontally */
.indoor-air #main ul span {
  display:block;
  float:left;
  width:50%;
  height:10em;
}
.indoor-air #main ol li {
  list-style-type:decimal;
  list-style-position:outside;
  margin-left:10px;
  padding-bottom:0.3em;
}
.services .col1 img {
  float: right;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
  margin-top:10px;
  padding: 5px;
  background-color: #eee;
  border: 1px solid #CCC;
}
.indoor-air #main em {
  font-size: 18px;
  font-style: normal;
  text-transform: uppercase;
  color: #666;
  background-color:#FEFEFE;
  margin-bottom: 10px;
  display: block;
  line-height: 1.4em;
  margin-top: 20px;
  padding-left: 20px;
  border: 1px solid #aaa;
}
.thermal .col2 img {
  background-color:#EEEEEE;
  float:left;
  margin-bottom:30px;
  margin-top:10px;
  padding:5px;
}
.thermal .col2 .thermal-pics img {
  background-color:#EEEEEE;
  float:left;
  margin-bottom:10px;
  margin-top:10px;
  padding:5px;
}
.thermal .col2 ul.thermal-2pics li, .thermal .col2 ul.thermal-pics li {
	margin:0;
}
.thermal .col2 .thermal-pics strong {
color:#444444;
display:block;
float:left;
font-size:16px;
width:152px;
}
.thermal .col2 .thermal-2pics strong {
color:#444444;
display:block;
float:left;
font-size:16px;
height:51px;
width:291px;
}
.thermal .col2 img.camera {
  background-color:#fff;
  float:right;
}
/* image holder of consistant width */
.thermal .col2 span {
  display:block;
  border:solid 1px #fff;
  float:left;
  width:187px;
}
.thermal .mold-list li {
list-style:disc inside none;
margin-left:14px;
text-indent:-14px;
margin-bottom:4px;
}
.thermal .col1 .mold-list2 li {
list-style-type:decimal;
list-style:decimal;
}
.thermal .col1 .mold-list2 li span {
text-decoration:underline;
}
.services .col2 span {
  text-decoration:underline;
}
.services .img-holder {
}
.services .col1 ul {
  float:left;
}
.services .col1 ul li {
  width:186px;
	text-indent:-14px;
	margin-left:14px;
	white-space:nowrap;
}
.services .col1 ul.mold li {
  width:300px;
}
.services .col1 h3 {
  clear:both;
}
.services .col1 .sectioned {
	margin-bottom:60px;
}
.services .innerdiv > div:after {
  display: block;
  clear: both;
  content: " ";
  height: 0;
  overflow: hidden;
}

/* super basic modal window */
.modal {
  height:200px;
  position:fixed;
  width:250px;
  z-index:10;
  background-color:rgba(250, 250, 250, 0.9);
  left:50%;
  top:50%;
  padding:50px;
  background-image:url(images/icons/close-32.png);
  background-repeat:no-repeat;
  background-position:90% 5%;
  -moz-border-radius:10px;
   -webkit-border-radius:10px;
  border:solid 6px #CCC;
  cursor:pointer;
}
/* hide the spam catcher */
.form-special {
  display:none;
}