body {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: .75em;
	background: #fff url(../images/header_left.gif) repeat-x top left;
}

h2 {
	font-size: 1.2em;
}
h2, h3, h4 {
	margin-bottom: 10px;
	font-weight: bold;
}
h3 {
	font-size: 1.2em;
}

#pageBg1 {
	overflow: hidden;
	width: 100%;
	position: absolute;
	z-index: -1;
}
#pageBg2 {
	margin-left: 50%;
	width: 100%;
	height: 171px;
	background: transparent url(../images/header_right.gif) repeat-x top left;
}
#page {
	margin: 0 auto;
	width: 830px;
	background: #fff url(../images/header_bg.jpg) no-repeat top left;
}


/* HEADER ////////////////////////////////////////////////////////// */


#header {
	height: 77px;
}
#header h1 {
	padding: 19px 0 0 20px;
}
#header h1 a, #header h2 {
	text-indent: -5000px;
}
#header h1 a {
	display: block;
	width: 357px;
	height: 44px;
	background: transparent url(../images/logo.gif) no-repeat 0 0;
}


/* GLOBAL MENU ///////////////////////////////////////////////////// */


#globalMenu {
	position: absolute;
	z-index: 0;
	margin-left: 400px;
	margin-top: -59px;
	font-size: .85em;
	width: 415px;
}
#globalMenu .wrapper {
	float: right;
}
#globalMenu li {
	float: left;
	padding: 5px 5px 8px 5px;
	white-space: nowrap;
}
#globalMenu .menuTop li {
	padding-right: 35px;
	border-bottom: 1px solid #fff;
}
#globalMenu .menuTop li.last {
	width: 18em;
padding: 2px 5px 1px;
}
#globalMenu .menuBottom li {
	padding-top: 6px;
}
#globalMenu .menuBottom .first {
	clear: left;
}
#globalMenu .menuBottom .last {
}
#globalMenu li a {
	text-decoration: none;
	color: #fff;
}
#globalMenu li a:hover {
	text-decoration: underline;
}
#globalMenu li.email {
	background: transparent url(../images/icon_envelope.gif) no-repeat 83% 50%;
}
#globalMenu li.print {
	background: transparent url(../images/icon_printer.gif) no-repeat 83% 50%;
	border-left: 1px solid #fff;
}
#globalMenu li.search {
	padding-left: 5px;
	border-left: 1px solid #fff;
}
#globalMenu li.search a {
	margin-right: 5px;
	color: #fff;
}
#search {
	position: absolute;
	margin-top: -3px;
	width: 147px;
	height: 14px;
	border: none;
}

#ajaxSearch_input {
	margin-top: -3px;
	width: 147px;
	height: 14px;
	border: none;
}
#globalMenu li.first {
	padding-left: 0;
}
#globalMenu li.last {
	padding-right: 0;
}


/* MAIN MENU /////////////////////////////////////////////////////// */


#mainMenu {
	height: 94px;
	background-image: url(../images/main_menu_bg.jpg);
}
#mainMenu ul {
	padding: 26px 0 0 24px;
}
#mainMenu li {
	margin-right: 5px;
	float: left;
}
#mainMenu li a {
	display: block;
	text-decoration: none;
	font-size: .9em;
	font-weight: bold;
	color: #fff;
	padding: .2em 1em .8em 1em;
}
#mainMenu a:hover, #mainMenu li.active a {
	background: transparent  url(../images/main_menu_arrow.gif) no-repeat bottom left;
}


/* CONTENT ///////////////////////////////////////////////////////// */


#content {
	padding: 45px 5px 5px 5px;
}
#contentCopy
{
	padding: 20px 20px;
	min-height: 280px;
	background-color: #e0dedf;
	line-height: 1.8em;
}
#contentCopy p {
	font-size: .9em;
	margin-bottom: 1.3em;
}

#contentCopy p.line-height {
        line-height: 1.3em;
}

#contentCopy ul {
	margin: 0 0 15px 15px;
}
#contentCopy li {
	/*margin-left: 15px;*/
	list-style-image: url(../images/blackplus.gif);
       font-size: 0.9em;
}

/* BREADCRUMB ////////////////////////////////////////////////////// */


#breadcrumb {
	/*position: absolute;*/
	z-index: -1;
	margin: -40px 0 20px -188px;
	padding: 8px 0 0 220px;
	width: 710px;
	/*height: 93px;*/
	background: transparent url(../images/content_top.gif) no-repeat  0px 25px;
	color: #fff;
}
#breadcrumb li {
	display: inline;
	margin-left: 2px;
}
#breadcrumb li.first {
	margin-left: 0;
}
#breadcrumb li a {
	padding-right: 8px;
	color: #fff;
	text-decoration: none;
	font-size: .9em;
	font-style: italic;
	background: transparent url(../images/breadcrumb_arrow.gif) no-repeat right 60%;
}
#breadcrumb li a:hover {
	text-decoration: underline;
}
#breadcrumb li.last a {
	padding-right: 0;
	background: none;
}

#breadcrumb a, #breadcrumb .B_currentCrumb {
	color: #fff;
	text-decoration: none;
	font-size: .9em;
	font-style: italic;
}

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

/*
<div id="breadcrumb">
	<span class="B_crumbBox">
		<span class="B_firstCrumb"><a class="B_homeCrumb" href="/peerless_dev/index.php?id=1" title="Peerless Mfg. Co.">Home</a></span> &raquo;
		<a class="B_crumb" href="/peerless_dev/index.php?id=3" title="Environmental Systems">Environmental Systems</a> &raquo;
		<span class="B_lastCrumb"><span class="B_currentCrumb">Industries</span></span>
	</span>
</div>
*/

/* FOOTER ////////////////////////////////////////////////////////// */


#footer {
	clear: left;
	padding: 15px;
	font-size: .9em;
	color: #333;
}
#footer li {
	padding-right: 10px;
	display: inline;
}
#footer li a {
	text-decoration: none;
	color: #000;
}
#footer li a:hover {
	text-decoration: underline;
}