html {position:relative; width:100%; background:transparent url(../images/html-bgd.jpg) repeat-x left 0; }

.left  { float:left; }
.right { float:right; }
.clear { clear:both; }

h1{
	font:"Lucida Grande", Arial, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	margin:0px;
}
h2{
	font:"Lucida Grande", Arial, sans-serif;
	font-size:28px;
	font-weight:bolder;
	color:#045171;
	padding:20px 0 5px 25px;
	margin:0px;
}
h3{
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#114532;
	margin:0px;
}
h4{
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#114532;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:0px;
}

.background{
	margin:0px;
	padding:0px;
	}
.copy{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#045171;
	padding:0 0 0 25px;
	margin:0px;
}
.copy a{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#045171;
	
}
.copy a:hover{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0d714e;
	text-decoration:underline;
	
}
.leftbox{
	width:294px;
	margin:0 17px 0 24px;
	padding:0px;
	float:left;
}
.centerbox{
	width:295px;
	margin:0px;
	padding:0px;
	float:left;
}
.rightbox{
	width:294px;
	margin:0 20px 0 10px;
	padding:0px;
	float:right;
}
.footer{
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#114532;
}
.footer a{
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#114532;
}
.footer a:hover{
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#045171;
	text-align:center;
}
.sec-text{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#045171;
	width:573px;
	margin:0px;
}
.lennox-left{
	margin:0 20px 40px 0;
	padding:0px;
	float:left;
}
.system-left{
	margin:0 10px 80px 0;
	padding:0px;
	float:left;
}
.info{
	margin:7px 0 15px 0;
}
.contactform{
	width:500px;
	margin:0px 20px 20px 20px;
	float:left;
	padding:0px;
}
.form{
	margin:5px 0 0 0;
	padding:0px;
	font:Arial, Helvetica, sans-serif;
	color:#045171;
}

/* Nav */

.nav-left {
	background-image: url(../images/mpe-nav-left.jpg);
	height: 36px;
	background-repeat: no-repeat;
	float: left;
	width: 300px;
}
.nav-right{
	vertical-align:top;
	width:650px;
	height:36px;
	float:right;
}

.home h1 {
	background: url(../images/mpe-home-nav.jpg);
	float:left;
	width: 72px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	font:"Lucida Grande", Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.home h1:hover {
	background: url(../images/mpe-home-nav-on.jpg);
	cursor:pointer;
}
.about h1 {
	background: url(../images/mpe-about-nav.jpg);
	float:left;
	width: 97px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	font:"Lucida Grande", Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.about h1:hover {
	background: url(../images/mpe-about-nav-on.jpg);
	cursor:pointer;
}
.products h1 {
	background: url(../images/mpe-product-nav.jpg);
	float:left;
	width: 181px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	font:"Lucida Grande", Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.products h1:hover {
	background: url(../images/mpe-product-nav-on.jpg);
	cursor:pointer;
}

.solutions h1 {
	background: url(../images/nav-solutions.jpg);
	float:left;
	width: 139px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	font:"Lucida Grande", Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.solutions h1:hover {
	background: url(../images/nav-solutions-on.jpg);
	cursor:pointer;
}

.contact h1 {
	background: url(../images/mpe-contact-nav.jpg);
	float:left;
	width: 125px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	font:"Lucida Grande", Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.contact h1:hover {
	background: url(../images/mpe-contact-nav-on.jpg);
	cursor:pointer;
}

.alt {
	display: none;
}

.nav-spacer{
	width:3px;
	height:36px;
	float:left;
	margin:0px;
	padding:0px;
}

/* end nav */




#maincontainer{
	width:960px;
	vertical-align:top;
	margin:0px auto;
	padding:0px;
	
}
#header{
	width:960px;
	background-image: url(../images/mpe-header.jpg);
	background-repeat: no-repeat;
	height: 131px;
	position:relative;
}
#nav{
	width:960px;
	height:36px;
	margin:0px;
	padding:0px;
}
#home-copy{
	background:url(../images/mpe-main.jpg);
	background-repeat:no-repeat;
	width:916px;
	height:265px;
	margin:27px 20px 0 24px;
}
#box-container{
	width:960px;
	height:198px;
	margin:0 0 23px 0;
	padding:0px;
}
#lower-ad{
	width:916px;
	margin:0 20px 23px 24px;
	padding:0;
}
#yellow-bar{
	width:916px;
	margin:0 20px 23px 24px;
	padding:0px;
}
#footer{
	width:960px;
	margin:0px;
	padding:0px;
}
#logos{
	width:960px;
}
#sec-top{
	width:916px;
	height:25px;
	margin:27px 20px 0 24px;
	padding:0px;
	}
#sec-copy{
	background:url(../images/mpe-sec-background.jpg);
	background-repeat:repeat-y;
	width:886px;
	min-height:420px;
	max-height:1000px;
	margin:0 20px 0 24px;
	padding:0 30px 0 0;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#045171;
	}
#sec-copy a {
	color: #114733;
	text-decoration: underline;
}
#sec-bottom{
	vertical-align:bottom;
	width:916px;
	height:25px;
	margin:-15px 20px 23px 24px;
	padding:0px;
	}
#left-image{
	width:270px;
	margin:0 20px 10px 20px;
	padding:0px;
	float:left;
}

#lennox {
	background-color: #124633;
	float: left;
	width: 350px;
	color: #FFFFFF;
	background-image: url(../images/bg-lennox.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 15px;
	padding-right: 205px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#lennox a {
	color: #F3E69C;
	text-decoration: underline;
}
#lennox a:hover {
	color: #CFDADE;
	text-decoration: none;
}


#gallery { margin: 25px 0 25px 90px; }
#gallery li { display: inline; padding: 1px; background: #F3E69B; } 
blockquote { border-bottom: #F3E69B solid 5px; padding: 0 0 15px 0 ; margin: 0 0 15px 0; }
blockquote:last-child { border: none; }

#facebook {position:absolute; top:0; right:0; z-index:99;  width:138; height:135; display:block;}
a#facebook {outline:none; border:none; }
#facebook img {border:none; outline:none; }