@charset "utf-8";
/* CSS Document */

body {
	background-color:#939598;
	margin:0px auto;
	padding:30px 10px;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #414042;
}
a { color: #00aeef; }
a:hover { color: #00aeef; text-decoration:none; }

h1 { color: #003863; font-size:18px; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding:10px 0 5px 0; line-height:21px;}
h2 {  color: #003863; font-size:16px; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding:0 0 5px 0;}

.container { 
	width:915px;
	background:url(images/container-back.gif) repeat-y;
	margin:0px auto;
}

.header { 
	background:url(images/header.gif) no-repeat;
	text-align:right;
	padding:22px 33px 25px 33px;
}
.headerleft { float:left; height:75px; padding-top:15px;}
.headerright { height:90px; font-size:11px; line-height:19px; }
.headerright strong { font-size:13px; }
.headerright img { margin:4px 0px;}
.headerright a {text-decoration:none; color: #414042;}
.headerright a:hover {text-decoration:underline; color: #00aeef; }


.mainnav { background:url(images/mainnav-back.gif) repeat-x; width:899px; margin:0px 0 0 6px;}
.mainnav ul { margin:0px; padding:0px 0 0 5px; }
.mainnav li { margin:0; padding:0px; list-style: none; float: left; text-transform:uppercase; color:#FFF; }
.mainnav li#home a,
.mainnav li#cooling a,
.mainnav li#monitoring a,
.mainnav li#cleaning a,
.mainnav li#equipment a,
.mainnav li#clients a,
.mainnav li#news a,
.mainnav li#about a,
.mainnav li#contact a {
  margin: 0;
  height: 14px;
  display: block;
  color:#b4c1d6;
  font-size:10px;
  text-decoration:none;
  font-weight:bold;
  padding: 8px 8px 11px 8px;
}

.mainnav li#home a:hover,
.mainnav li#cooling a:hover,
.mainnav li#monitoring a:hover,
.mainnav li#cleaning a:hover,
.mainnav li#equipment a:hover,
.mainnav li#clients a:hover,
.mainnav li#news a:hover,
.mainnav li#about a:hover,
.mainnav li#contact a:hover  { color:#ffffff; text-decoration:none; }

body#home .mainnav li#home,
body#cooling .mainnav li#cooling,
body#monitoring .mainnav li#monitoring,
body#cleaning .mainnav li#cleaning,
body#equipment .mainnav li#equipment,
body#clients .mainnav li#clients,
body#news .mainnav li#news,
body#about .mainnav li#about,
body#contact .mainnav li#contact { background:url(images/mainnav-hover.gif) repeat-x; }

body#home .mainnav li#home a,  
body#cooling .mainnav li#cooling a,
body#monitoring .mainnav li#monitoring a,
body#cleaning .mainnav li#cleaning a,
body#equipment .mainnav li#equipment a,
body#clients .mainnav li#clients a,
body#news .mainnav li#news a,
body#about .mainnav li#about a,
body#contact .mainnav li#contact a { color:#003863; }


.dropdown { width:190px; position:absolute; left:50%; top:201px; z-index:99;}
.dropdown ul { list-style:none; margin:0px; padding:0px;}
.dropdown ul li { margin:0px; text-transform:uppercase; font-size:10px; }
.dropdown ul li a { background-color:#003863; width:180px; display:block; padding:2px 4px; color:#FFFFFF; text-decoration:none; border:1px #fff solid; border-top:none;}
.dropdown ul li a:hover { background-color:#00aeef; color:#FFFFFF; text-decoration:none;}

/*dropdownNav widths */

#coolingNav { margin-left: -400px; display:none; }
#monitoringNav { margin-left: -266px; display:none; }
#cleaningNav { margin-left: -94px; display:none; }
#equipmentNav { margin-left: 46px; display:none; }
#clientsNav { margin-left: 187px; display:none; }
#newsNav { margin-left: 245px; display:none; }
#aboutNav { margin-left: 292px; display:none; }

.maincontent { padding: 20px 33px 0 31px }
.breadcrumbs { color:#7e7e7e; padding:10px 30px 0 30px; }
.breadcrumbs a { color:#7e7e7e; }
.breadcrumbs a:hover { color: #00aeef; text-decoration:underline; }

.sidecolumn { width:197px; float:left; padding-bottom:40px;}
.sidecolumn .blueside { background-color:#eef9fe; border-top:1px #9fddf9 solid; padding:11px; margin-bottom:15px;}
.sidecolumn .grayside { background-color:#f1f1f2; border-top:1px #c9cbcc solid; padding:11px; margin-bottom:15px;}
.blueside h2, .grayside h2 { color:#003863l; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px;}
.blueside h2 img, .grayside h2 img {float:left; padding: 0 5px 3px 0; }

.sidecolumn .recycle { background-color:#eef6e7; border:1px #e1edc3 solid; padding:12px 9px; line-height:16px; }
.recycle a { color:#307347; }
.recycle strong { font-size:13px; }
.recycle img { float:right; padding:0px 0 2px 5px;}

.sidecolumn .videoflow { background-color:#eeeeee; border:1px #dddddd solid; padding:12px 9px; line-height:16px; }
.videoflow a { color:#00aeef; }
.videoflow strong { font-size:13px; }
.videoflow img { float:right; padding:0px 0 2px 5px;}

.sidecolumn label { color:#949594; font-size:11px; text-transform:uppercase; display:block; clear:both;}
.sidecolumn input, .sidecolumn textarea { border:1px #f2f2f3 solid; width:173px;}
.sidecolumn .submit input { width:auto;}
.sidecolumn .submit { padding-top:5px;}

.sidecolumn .sidenav { color:#6ecff6; border-bottom:9px solid #d4effc; background: #eef9fe url(images/sidenav-back.gif) repeat-x; margin-bottom:20px;}
.sidecolumn .sidenav ul {margin:0px; padding:0px; list-style:none;}
.sidecolumn .sidenav li {margin:0px; padding:0px; }
.sidecolumn .sidenav a { color:#23ade4; text-decoration:none; padding:5px 0 5px 15px; display:block; width: 180px; border:1px #d4effc solid; border-bottom:none;}

.sidecolumn .sidenav li a:hover {color:#13406b; }
.sidecolumn .sidenav a:hover {color:#fff; }
.sidecolumn .sidenav li#on a { background-color:#fff; color:#13406b; border-left-color:#fff; border-right-color:#fff;}

.middlecolumn { width:415px; float:left; padding:0px 20px 40px 20px;}
.middlecolumn h1 { padding-top:0px; margin-top:0px; font-size:22px; }
.middlecolumn h1 sup { color: #003863; font-size:14px; font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; padding:10px 0 5px 0; line-height:18px; }

.middlecolumn .imgright { float:right; padding:3px 0 5px 10px;}
.middlecolumn .imgleft { float:left; padding:3px 10px 5px 0; }

.middlecolumn sup {
	font: 9px/13px Arial, Helvetica, sans-serif;
	color: #414042;
}

.middlecolumn .videos { background-color:#eeeeee; border:1px #dddddd solid; padding:12px 9px; line-height:16px; }
.videos a { color:#00aeef; }
.videos strong { font-size:13px; }
.videos img { float:right; padding:0px 0 2px 5px;}

.footnote  { font-size:9px; }

.graybutton a { line-height:16px; padding:4px 10px 10px 10px; background:url(images/button-back.gif) repeat-x; color: #414042; text-decoration:none;}
.graybutton a:hover { text-decoration:underline; color: #333333;}

.firstmainrow, .secondmainrow { padding-bottom:20px;}
.firstmainrow .firstrowleft { float:left; width:268px; padding-right:22px;}
.firstmainrow .mainbillboard { float:right; width:561px; }
.firstmainrow .mainbillboard .billboardback {
	position:absolute;
	z-index:50;
	background-color:#01cbff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	width: 550px;
	margin:5px 0 0 5px;
}
.firstmainrow .mainbillboard .billboardtag {
	position:absolute;
	z-index:60;
	width: 550px;
	padding:7px 17px;
	margin:5px 0 0 5px;
	color:#FFFFFF;
	font-size:20px; 
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}
.firstmainrow .mainbillboard .billboardtag a { color:#fff; line-height:20px;}
.firstmainrow .mainbillboard .billboardtag a:hover { text-decoration:none;}
.firstmainrow .mainbillboard img { display:block; }
.firstmainrow .mainbillboard .billboardbox { width:167px; height:33px; float:left; color:#000; font-size:11px; padding:8px 5px 18px 15px; line-height:13px;}
.firstmainrow .mainbillboard .billboardbox a { color:#fff; display:block; text-decoration:none; font-size:11px; text-transform:uppercase; line-height:15px; font-weight:bold;}
.firstmainrow .mainbillboard .billboardbox a:hover { text-decoration:underline; }

.firstmainrow .mainbillboard #bluebillboard { background:url(images/blue-button.gif) no-repeat;}
.firstmainrow .mainbillboard #greenbillboard { background:url(images/green-button.gif) no-repeat;}
.firstmainrow .mainbillboard #graybillboard { background:url(images/gray-button.gif) no-repeat;}

.secondmainrow .bluebox { float:left; border: #d4effc 6px solid; background-color:#ecf8fe; width:520px; padding:14px;}
.secondmainrow .greenbox { float:right; border: #e1edc3 6px solid; background-color:#eef6e7; width:230px; padding:14px;}
.secondmainrow .imgright { float:right; padding-left:8px;}

.thirdmainrow .thirdblock { float:left; width:265px; margin-left:15px; padding-bottom:27px;}
.thirdmainrow .thirdblock p { font-size:12px;}
.thirdmainrow #articlesblock { width:290px; margin-left:0px; }
.thirdmainrow #articlesblock ul { margin:0px 0 0 15px; padding:0px;}
.thirdmainrow #articlesblock ul li { padding:0px; margin:0px;}

.footer { 
	background:url(images/footer-back.gif) repeat-x;
	color:#939598;
	font-size:10px;
	text-align:center;
	padding:10px 0px;
	margin:0px 10px 0px 6px;
}
.footer a { color:#939598; text-decoration:none; }
.footer a:hover { color:#939598; text-decoration:underline;}

.bottomnav { font-size:9px; text-transform:uppercase; color:#d7d7d7; width: 740px; margin:12px auto; text-align:center;}
.bottomnav a { color:#d7d7d7; text-decoration:none; }
.bottomnav a:hover { color:#d7d7d7; text-decoration:underline;}

.colbreak { height:1px; font-size:1px; clear:both; margin:0px; padding:0px;}

.flowlogix_list { float:left; width:200px; margin:0 0 0 15px; padding:0; }
.flowlogix_list2 { float:left; margin:0 0 0 15px; padding:0; }

.cfd_list2 { margin:0 0 0 15px; padding:0; }

.cleaning_list { margin:0 0 0 15px; padding:0; }

.client_logos img { width:75px; padding:0 2px 0 0; }
.client_names h2 { font-size:12px; line-height:14px; }
.client_names td { border-left:1px dashed #999; padding:0 0 0 10px; }
#first_column { border:none; padding:0 10px 0 0; }

#asset_tracking ul { margin:0 0 0 15px; padding:0;  }
#newsletter ul { margin:0 0 0 15px; padding:0;  }