@import url('mambo.css');
@import url('sifr.css');
@import url('menu.css');
/* CSS Document */
body, html {
	/*	background-color: #fff; */
	background: url(../images/bg.jpg) top repeat-x #7BB0D8;
	margin: 0px;
	padding: 0px;
	color: #222;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%;
}

#outer {
	/*height:100%;
	min-height:100%; for mozilla*/
	text-align: center;
	background: url(../images/bg.jpg) top repeat-x #7BB0D8;
	text-align: center;
}
html>body #outer {height:auto}
#header {
	width: 727px;
	height: 286px;
	background-image: url(../images/header.jpg);
	margin: 0 auto;
}
#main {
	width: 100%;
	margin:  0px auto 0 auto;
	text-align: left;
	background: #fff;
	border-top: 4px solid #F2F2F2;
	height: 254px !important;
	max-height: 254px;
	border-bottom: 4px solid #F2F2F2;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	overflow: visible;
	height/**/: 258px;
}

#content {
	width: 727px;
	margin: 0 auto;
}
#leftcol {
	float: left;
	width: 435px;
	margin: 5px 0 0 0;
	text-align: left;
	
}
#rightcol {
	float: left;
	text-align: left;	width: 264px;
	margin: -119px 0 0 0px;
	position: relative;
	margin:/**/: -111px 0  -130px 0;
	
}
#truck {
	background: url(../images/truck.gif) no-repeat;
	width: 419px;
	height: 139px;
	margin-top: -170px !important;
	position: relative;
	margin:/**/ -125px 300px -194px 0;
}

a { 
outline: none;
}




#plumbing {
	width: 264px;
	height: 58px;
	background: url(../images/plumbing-over.gif) no-repeat;

}
#plumbing a {
	display: block;	width: 264px;
	height: 58px;
	background: url(../images/plumbing.gif) no-repeat;
}
#plumbing a:hover {
	display: block;	width: 264px;
	height: 58px;
	background-image: none;
}
#heating {	
	width: 264px;
	height: 37px;
	background: url(../images/heating-over.gif) center no-repeat;

}
#heating a {	
	width: 264px;
	height: 37px;
	display: block;
	background: url(../images/heating.gif) center no-repeat;
}
#heating a:hover {	
	width: 264px;
	height: 37px;
	display: block;
	background: none;
}
#ac{	width: 264px;
	height: 37px;
	background: url(../images/ac-over.gif) center no-repeat;

}

#ac a {	width: 264px;
	height: 37px;
	display: block;
	background: url(../images/ac.gif) center no-repeat;

}
#ac a:hover {	width: 264px;
	height: 36px;
	display: block;
	background: none;
}
#water{	width: 264px;
	height: 36px;
	background: url(../images/water-over.gif) center no-repeat;

}
#water a {	width: 264px;
	height: 36px;
	display: block;
	background-image: url(../images/water.gif);


}
#water a:hover  {	
	background: none;


}
#heating-oil {	
	width: 264px;
	height: 40px;
	background-image: url(../images/heating-oil-over.gif);

}
#heating-oil a {	
	width: 264px;
	height: 40px;
	display: block;
	background: url(../images/heating-oil.gif);
}
#heating-oil a:hover {	
	width: 264px;
	height: 40px;
	background-image: none;

}
#duct {	
	width: 264px;
	height: 36px;
	background: url(../images/duct-over.gif) center no-repeat;

}
#duct a {	width: 264px;
	height: 36px;
	display: block;
		background: url(../images/duct.gif) center no-repeat;
}
#duct a:hover  {	width: 264px;
	height: 36px;
	display: block;
	background: none;
}
#electrical {	width: 264px;
	height: 36px;
	background: url(../images/electrical-over.gif) center no-repeat;

}
#electrical a {	width: 264px;
	height: 36px;
	display: block;
		background: url(../images/electrical.gif) center no-repeat;
}
#electrical a:hover  {	width: 264px;
	height: 36px;
	display: block;
	background: none;
}


#contact {	width: 264px;
	height: 146px;
	background-image: url(../images/contact-over.gif);
}
#contact a {	width: 264px;
	height: 146px;
 	display: block;
	background-image: url(../images/contact.gif);
}
#contact a:hover {	width: 264px;
	height: 146px;
 	display: block;
	background: none;
}
#logos {	width: 264px;
	height: 45px;
	background: url(../images/logos.gif) no-repeat;
}

#installations {	
	width: 264px;
	height: 46px;
	background: url(../images/installations-over.gif) center no-repeat;

}
#installations a {	
	width: 264px;
	height: 46px;
	display: block;
		background: url(../images/installations.gif) center no-repeat;
}
#installations a:hover  {	
	width: 264px;
	height: 46px;
	display: block;
	background: none;
}
#contact-top {
	background: url(../images/contact-top.gif) no-repeat;	
	width: 264px;
	height: 47px;
}
#talk {
	background: url(../images/talk-over.gif);	width: 264px;
	height: 35px;
} 
#talk a {
	background: url(../images/talk.gif);	width: 264px;
	height: 35px;
	display: block;
} 
#talk a:hover {
	background: none;

} 


#email {
	background: url(../images/email-over.gif);	width: 264px;
	height: 45px;
}

#email a{
	background: url(../images/email.gif);	width: 264px;
	display: block;
	height: 45px;
}

#email a:hover {
	background: none;

}
#request {
	background: url(../images/request-over.gif);		width: 264px;
	height: 52px;	
}

#request a {
	background: url(../images/request.gif);	
	width: 264px;
	height: 52px;	
	display: block;
}

#request a:hover {
	background: none;
		height: 52px;	
}







/**************Interior Callouts*************/



#plumbing-int {
	width: 219px;
	height: 32px;
	background: url(../images/plumbing-over-int.gif) center no-repeat;

}
#plumbing-int a, #plumbing-int a:link, #plumbing-int a:visited {
	display: block;
	width: 219px;
	height: 32px;
	background: url(../images/plumbing-int.gif) center no-repeat;
}
#plumbing-int a:hover {
	background-image: none;
}



#heating-int {
	width: 219px;
	height: 32px;
	background: url(../images/heating-over-int.gif) center no-repeat;

}
#heating-int a, #heating-int a:link, #heating-int a:visited {
	display: block;
	width: 219px;
	height: 32px;
	background: url(../images/heating-int.gif) center no-repeat;
}
#heating-int a:hover {
	background-image: none;
}


#ac-int {
	width: 219px;
	height: 32px;
	background: url(../images/ac-over-int.gif) center no-repeat;

}
#ac-int a, #ac-int a:link, #ac-int a:visited {
	display: block;
	width: 219px;
	height: 32px;
	background: url(../images/ac-int.gif) center no-repeat;
}
#ac-int a:hover {
	background-image: none;
}







/*
#ac-int {		
	width: 219px;	
	height: 37px;
	background: url(../images/ac-over-int.gif)center no-repeat;

}

#ac-int a, #ac-int a:link, #ac-int a:visited {	
	width: 219px;	
	height: 37px;
	display: block;
	background: url(../images/ac-int.gif) center no-repeat;

}
#ac-int a:hover {	
	background: none;
}
*/









#water-int{	
	width: 219px;	
	height: 39px;
	background: url(../images/water-over-int.gif) center no-repeat;

}
#water-int a, #water-int a:link, #water-int a:visited {	
	width: 219px;	
	height: 39px;
	display: block;
	background: url(../images/water-int.gif) center no-repeat;

}
#water-int a:hover {	
	background: none;

}
#heating-oil-int {	
	width: 219px;		
	height: 37px;
	background: url(../images/heating-oil-over-int.gif) center no-repeat;

}
#heating-oil-int a, #heating-oil-int a:link, #heating-oil-int a:visited {	
	width: 219px;
	height: 37px;
	display: block;
	background: url(../images/heating-oil-int.gif) center no-repeat;

}
#heating-oil-int a:hover {
	background: none;

}



#duct-int {
	width: 219px;
	height: 32px;
	background: url(../images/duct-over-int.gif) center no-repeat;

}
#duct-int a, #duct-int a:link, #duct-int a:visited {
	display: block;
	width: 219px;
	height: 32px;
	background: url(../images/duct-int.gif) center no-repeat;
}
#duct-int a:hover {
	background-image: none;
}



















#electrical-int {	
	width: 219px;
	height: 36px;
	background: url(../images/electrical-over-int.gif) center no-repeat;

}
#electrical-int a {		
	width: 219px;	
	height: 36px;
	display: block;
		background: url(../images/electrical-int.gif) center no-repeat;
}
#electrical-int a:hover  {	

	background: none;
}


#installations-int {	
	width: 219px;	
	height: 40px;
	background: url(../images/installations-over-int.gif) center no-repeat;

}
#installations-int a {	
	width: 219px;	
	height: 40px;
	display: block;
		background: url(../images/installations-int.gif) center no-repeat;
}
#installations-int a:hover  {	
	width: 219px;	
	height: 40px;
	display: block;
	background: none;
}
#contact-top-int {
	background: url(../images/contact-top-int.gif) center no-repeat;		
	width: 219px;	
	height: 47px;
}
#talk-int {
	background: url(../images/talk-over-int.gif) center no-repeat;		
	width: 219px;	
	height: 35px;
} 
#talk-int a {
	background: url(../images/talk-int.gif) center no-repeat;		
	width: 219px;	
	height: 35px;
	display: block;
} 
#talk-int a:hover {
	background: none;

} 

#email-int {
	background: url(../images/email-over-int.gif) center no-repeat;		width: 219px;	
	height: 45px;
}

#email-int a{
	background: url(../images/email-int.gif) center no-repeat;		width: 219px;	
	display: block;
	height: 45px;
}

#email-int a:hover {
	background: none;

}
#request-int {
	background: url(../images/request-over-int.gif) center no-repeat;		width: 219px;	
	height: 48px;	
}

#request-int a {
	background: url(../images/request-int.gif) center no-repeat;		width: 219px;	
	height: 48px;	
	display: block;
}

#request-int a:hover {
	background: none;

}





#header-int {
	width: 750px;
	height: 194px;
	background-image:url(../images/header-int.jpg);
	margin: 0 auto;
  position: relative;
}
#logo {
	width: 200px;
	float: right;
	height: 140px;
	margin: 10px 60px 0 0 ;

}
#logo a {
	width: 100%;
	height: 100px;
	display: block;
}
#content-int {
	width: 100%;
	border-bottom: 3px solid #F2F2F2;
	background: #fff;
}
/* New link added 09-07-2010 for financing energy savings on interior pages only */
#financing-energy {
  width:207px;
  height:134px;
  position: absolute;
  top:30px;
  left:265px;

}

#financing-energy a{
  display: block;
  width:207px;
  height:134px;
  text-indent: -9999em;
  overflow: hidden;
}


#maincol {
	width: 750px;
	margin: 0 auto;
}
#leftcol-int {
	float: left;
	width: 490px;
	text-align: left;
	margin: 10px 10px 0 10px;
	
}
#rightcol-int {
	float: left;	width: 218px;
	margin: 10px 0px 0 10px;
}
#nav {
	background-image: url(../images/nav-bg.gif);
	height: 41px;
	padding-top: 1px;
}
.cleaner
{
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
	visibility: hidden;
}
.footer {

	margin: 0 auto;
	text-align: center;
	font: Georgia, "Times New Roman", Times, serif;
	color: #DFEAF0;
	font-size: 9px;
	padding-top: 4px;
	clear: both;
	padding-bottom: 4px;
	margin-top: auto !important;

	
}
.footer a:link, .footer a:visited {

	text-align: right;
	font: Arial, Helvetica, sans-serif;
	color:#DFEAF0;
	font-size: 9px;

}
.footer a:hover {
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;

}
/**************CALLOUTS***********************/


/**********************/

.inputbox {

	border: 1px solid #8FBCDD;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	
	background: url(../images/inputbg.gif) top repeat-x #FEFEFE;
}

.regcells {
	border: 1px solid #ccc;
	background: #eee;
}
.regcells td {
	padding: 10px;
	background: #fff;
	
}

.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { zoom: 1; display: block; }

.contentheading h1{line-height: 1.1em; margin:0 5px 0 0;}
