html { margin: 0px; padding: 0px; }
body {	color: #000000;
	background: #000000 url(../images/Backgrnd.jpg) repeat-y center top;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	 width:1076px;
	height:983px;
    margin-top:auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding: 0px;
    border-style:none;  
 }

 .textwhite
 {
	color:#fff;
	font: .7em  Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
 }

 .textblack
 {
	color:#000000;
	font: .7em  Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	
 }
    
  /* basic selectors */
a:link { color: #004080; text-decoration:none}
a:visited { color: #004080;  text-decoration:none}
a:active, a:hover { color: #000099;  text-decoration:underline}
th{  vertical-align:top;}

h1 {	color: #3645B6;	font: bold 130% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;}
h2 {	color: #3645B6;	font: bold 120% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;}
h3 {	color: #3645B6;	font: bold 110% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;margin-bottom:-10px;}
h4 {	color: #3645B6;	font: bold 100% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;margin-bottom:-10px;}
h5 {	color: #3645B6;	font: bold 100% Myriad Pro, Verdana, Arial, Helvetica, sans-serif;}
h5.center {	text-align:center;	font-style:oblique;	font-size:125%;	color:#414161;}
h6 {	color: #000;	font: bold italic 100% Verdana, Arial, Helvetica, sans-serif;}
p{font: 1.1em Verdana, Arial, Helvetica, sans-serif;}


img { border: 0px; }
hr { color: #ccc; height: 1px; }
table { font-size: 100%; 	border-spacing:0px;	border-collapse:collapse;	}
code { color: #6c0; font: 100% "Courier New", Courier, monospace }
form { margin: 0px; padding: 0px; }

/* layout styles */
#header {	height: 70px;	z-index:100;}

#Logo {  position: absolute;  left: 184px;  top: 8px;  width: 239px;  height: 99px;  z-index: 2;}
	

	/****************New Menu************************/
.preload2 {background: url(../images/Top-Button-Slice.jpg);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:30px; background:#fff url(../images/Top-Button-Slice.jpg) repeat-x; position:absolute; font-family:arial, verdana, sans-serif; 
 top: 85px; left:190px; width:665px;z-order: 102; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:33px; color:#EDEFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:30px;}
.menu2 li a.top_link:hover {color:#fff; background: url(../images/Top-Button-Slice.jpg) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../images/Top-Button-Slice.jpg) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#fff; background: url(../images/Top-Button-Slice.jpg) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../images/Top-Button-Slice.jpg) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/*  Hack for top level menu items that don't link to a page */
.menu2 li span.top_link {display:block; float:left; height:30px; line-height:33px; color:#EDEFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px;}
.menu2 li span.top_link span {float:left; display:block; padding:0 24px 0 12px; height:30px;}
.menu2 li span.top_link:hover {color:#fff; background: url(../images/Top-Button-Slice.jpg) no-repeat;}
.menu2 li span.top_link:hover span {background:url(../images/Top-Button-Slice.jpg) no-repeat right top;}
.menu2 li:hover > span.top_link {color:#fff; background: url(../images/Top-Button-Slice.jpg) no-repeat;}
.menu2 li:hover > span.top_link span {background:url(../images/Top-Button-Slice.jpg) no-repeat right top;}

/* Style the list OR link hover. Depends on which browser is used 
.menu2 a:hover {position:relative;visibility:visible; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}*/

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;  z-index:200;}

.menu2 :hover ul.sub {left:0px; top:35px; background: #000; list-style-type:none;white-space:nowrap; width:98px; height:auto; 
filter:alpha(opacity=82);-moz-opacity:.82;opacity:.82;  z-index:200;}
.menu2 :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:96px;  z-index:200;}
.menu2 :hover ul.sub li a {display:block;height:25px; position:relative; float:left; width:96px; padding-top:5px;
 font-size:12px;   color:#fff; text-decoration:none;  font-family:Arial; text-indent:8px;  z-index:200;}

.menu2 :hover ul.sub li a:hover {color:#fff; }
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:12px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:900; height:auto;position:relative  }	
	/**************end new menu ********************/

#footer{	clear: both;
 /*	 width: 792px; */
   background  : #000000;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 1px;
    color: #fff;
}

.smalltext{    font-size: 8pt;    color: #666666;    font-family: verdana;}
.tenpixspacer{  height:10px;}
.twentypixspacer{   height:20px;}
/* shows a visual separation */
.dashedline{
    border-bottom: 1px solid #4a4a6b;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
    /*width: 792px; */
    margin-right: auto;
    margin-left: auto;
}
/************************************************************************
* Image functionality
************************************************************************/
.image{	float:left;	padding-right: 1em;	}
.imageleft {	float:left;	padding-right: .7em;	}
.imageright {	float:right ;	padding-left: .6em;	}
.imagealign {	position:absolute  ;	padding: 0px 0px 0px 0px;	}
.imagecenter {	margin-left: 55px;    margin-right: auto;	}
.textcenter {	margin-left: 25px;    margin-right: 25px;}
.frontDiv{ font:14px ;
	width:335px;
	text-align:left;
	position:absolute;
	top:205px;
	left:90px;
	color:#000 ;	
	display:block ;
	font-family:Verdana; 
	z-index:100;
 }
 .frontPara {	font:14px ;
	width:335px;
	text-align:left;
	position:absolute;
	top:97px;
	left:170px;
	color:#000 ;	
	display:none ;
	font-family:Verdana; 
	z-index:100;
 }

/************************************************************************
* List type pages
************************************************************************/
/* represents each item in a vertical list */
  .listitem{  margin:2px 2px 2px 2px;  width:140px;	}

 /*Used by the page number control */
.PageNumbers{     display:inline;}
.PageNumbers span{    padding-left: 3px;}
.alert{	color:Red;	font-weight:bold;	font-size:larger;}
	.shortDesc {position:absolute ;
		left:240px;
		top:275px;
		width:230px;
		background:transparent;
		z-index:100;
		display:inline-block;
		}
		
	img { behavior: url(iepngfix.htc) }
		
		.AgentDesc {position:absolute ;
		left:40px;
		top:235px;
		width:480px;
		height: 335px;
		background:transparent;
		z-index:100;
		display:inline-block;
		}
		.quickstart
		{
			font-family:Verdana;
			font-size:14px;
			text-align:center;
		}

/*  Other Services' */
#mainButton6{
  position: absolute;
  left: 160px;
  top: 575px;
  width: 246px;
  height: 32px;
  z-index: 3;
}

/*Green house gases */
#mainButton5 {
  position: absolute;
  left: 160px;
  top: 545px;
  width: 246px;
  height: 32px;
  z-index: 4;
}

/* LDAR */
#mainButton4 {
  position: absolute;
  left: 160px;
  top: 513px;
  width: 246px;
  height: 32px;
  z-index: 5;
}

/* periodic testing */
#mainButton3 {
  position: absolute;
  left: 160px;
  top: 481px;
  width: 246px;
  height: 32px;
  z-index: 6;
}

/* CEMS Services */
#mainButton2 {
  position: absolute;
  left: 160px;
  top: 449px;
  width: 246px;
  height: 32px;
  z-index: 7;
}

/* stack emissions */
#mainButton1 {
  position: absolute;
  left: 160px;
  top: 417px;
  width: 246px;
  height: 32px;
  z-index: 8;
  
}

/* Airtech services */
#mainSideTop{
  position: absolute;
  left: 160px;
  top: 365px;
  width: 246px;
  height: 55px;
  z-index: 9;
}

/* You named this layer Layer 19 '_jpg' */
#LowerBar {
  position: absolute;
  left: 406px;
  top: 368px;
  width: 8px;
  height: 238px;
  z-index: 10;
}

/* You named this layer Layer 4 */
#TextBG{
  position: absolute;
  left: 160px;
  top:115px;
  width: 755px;
  height: 247px;
  z-index: 11;
}

/* Building picture */
#Mainpic {
  position: absolute;
  left: 419px;
  top: 0px;
  width: 336px;
  height: 247px;
  z-index: 12;
}

/* You named this layer Layer 6 '_jpg' */
#Mainpic6 {
  position: absolute;
  left: 756px;
  top: 484px;
  width: 160px;
  height: 122px;
  z-index: 13;
}

/* You named this layer Layer 5 '_jpg' */
#Mainpic5 {
  position: absolute;
  left: 589px;
  top: 484px;
  width: 163px;
  height: 122px;
  z-index: 14;
}

/* You named this layer Image 4 '_jpg' */
#Mainpic4 {
  position: absolute;
  left: 414px;
  top: 484px;
  width: 171px;
  height: 122px;
  z-index: 15;
}

/* You named this layer Image 3 '_jpg' */
#Mainpic3 {
  position: absolute;
  left: 756px;
  top: 368px;
  width: 160px;
  height: 112px;
  z-index: 16;
}

/* You named this layer Image 2 '_jpg' */
#Mainpic2 {
  position: absolute;
  left: 589px;
  top: 368px;
  width: 163px;
  height: 112px;
  z-index: 17;
}

/* You named this layer Image 1 '_jpg' */
#Mainpic1{
  position: absolute;
  left: 414px;
  top: 368px;
  width: 171px;
  height: 112px;
  z-index: 18;
}

/* You named this layer Top Button Bar */
#MenuBar {
  position: absolute;
  left: 70px;
  top: 146px;
  width: 1064px;
  height: 41px;
  z-index: 19;
}

/* You named this layer Button Divider */
#MenuDiv {
  position: absolute;
  left: 209px;
  top: 5px;
  width: 2px;
  height: 31px;
  z-index: 20;
}

/* You named this layer Upper Divider '_jpg' */
#UpperBar{
  position: absolute;
  left: 412px;
  top: 0px;
  width: 9px;
  height: 348px;
  z-index: 21;
}



/*  Other Services' */
#Button6{
  position: absolute;
  left: 0px;
  top: 110px;
  width: 246px;
  height: 32px;
  z-index: 3;
}

/*Green house gases */
#Button5 {
  position: absolute;
  left: 0px;
  top: 88px;
  width: 246px;
  height: 32px;
  z-index: 4;
}

/* LDAR */
#Button4 {
  position: absolute;
  left: 0px;
  top: 66px;
  z-index: 5;
}

/* periodic testing */
#Button3 {
  position: absolute;
  left: 0px;
  top: 44px;
  z-index: 6;
}

/* CEMS Services */
#Button2 {
  position: absolute;
  left: 0px;
  top: 22px;
  z-index: 7;
}

/* stack emissions */
#Button1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 8;
  
}


ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom: 0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }


ul li{ list-style:disc; margin-bottom: 6px;}

em{font-style:italic;}

.scroll{
	position:absolute;
	display:block;
	height:700px;
	overflow:scroll;
	padding: 0px 60px 15px 20px;
	border:1px ;
	border-right:0;
	margin:10px 0;
	background:#E5E5E4;
	left:0;
	top:0;
	width: 500px;
	/* fixes has-layout-bug in IE6*/
	zoom:1;
	
}

#box1{
	position: absolute;
	left:202px;
	top:0;
	padding: 0px 45px 15px 10px;
	margin:10px 0;
}