/* Homepage styles */
#homepage-intro {
  margin: 0;
  padding: 0;
  width: 768px;
  height: 135px;
  background: url(/images/homepage-intro-bg.jpg) top left no-repeat;
  overflow: hidden;
  display: inline-block;
}
#homepage-intro {
  display: block;
}

#my-calor-gas{
display:block;
float:right;
padding-right:20px;
width:180px;
}

#homepage-intro #intro-text {
  float: right;
  margin: 0;
  padding: 15px 10px 10px 10px;
  width: 385px;
  color: #fff;
  line-height: 1.5em;
}
#homepage-content {
  margin: 0;
  padding: 0 0 20px 0;
  width: 768px;
  background: url(/images/content-bg.gif) top left repeat-y;
  overflow: hidden;
  display: inline-block;
}
#homepage-content {
  display: block;
}

/* start panel top */
#homepage-content #panels-top {
  float: left;
  margin: 0;
  padding: 32px 0 0 0;
  width: 592px;
  background: url(/images/content-top.gif) top left no-repeat;
  overflow: hidden;
  display: inline-block;
}
#homepage-content #panels-top {
  display: block;
}
#homepage-content #panels-top #panels-top-left,
#homepage-content #panels-top #panels-top-right {
  float: left;
  margin: 0 0 0 15px;
  padding: 0 0 0 15px;
  width: 258px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
}
/* end top */

/* start panel content */
#homepage-content #panels-top #panels-content {
  float: left;
  margin: 8px 0 0 0px;
  padding: 0px 0 0 15px;
  width: 562px;
  overflow: hidden;
  display: inline-block;
}
#homepage-content #panels-top #panels-content {
  display: block;
}
#homepage-content #panels-top #panels-content img {
  display: block;
}
#homepage-content #panels-top #panels-content #panels-content-left {
  float: left;
  margin: 0;
  padding: 0;
  width: 273px;
}
#homepage-content #panels-top #panels-content #panels-content-right {
  float: left;
  margin: 0 0 0 15px;
  padding: 0;
  width: 273px;
}
/* end content */

/* start panel bottom */
#homepage-content #panels-bottom {
  float: left;
  margin: 0px 0 0 0px;
  padding: 0px 0 0 15px;
  width: 562px;
}
#homepage-content #panels-bottom {
  display: block;
}
#homepage-content #panels-top #panels-bottom #panels-bottom-left {
  float: left;
  margin: 0;
  padding: 15px 0 0 15px;
  width: 258px;
  height: 49px;
  color: #7b1112;
  font-weight: normal;
  background: #CACDD1 url(/images/panel-bottom-bg.gif) top left repeat-x;
}
#homepage-content #panels-top #panels-bottom #panels-bottom-right {
  float: left;
  margin: 0 0 0 15px;
  padding: 15px 0 0 15px;
  width: 258px;
  height: 49px;
  color: #7b1112;
  font-weight: normal;
  background: #CACDD1 url(/images/panel-bottom-bg.gif) top left repeat-x;
}
#homepage-content #panels-bottom a {
  text-decoration: none;
}
/* end bottom */

/* heroes */
#homepage-content #heroes {
  float: left;
  margin: 15px 0 0 0;
  padding: 0;
}
#homepage-content #heroes img {
  display: block;
  margin: 0;
  padding: 0;
}


div#calor-links{
float:right;
width:268px;
}

div#calor-links ul{
margin:0;
padding:0;
list-style:none;
}

div#calor-links ul li{
background:url(/images/calor_landing_option.gif) #e64e39 no-repeat;
min-height:131px;
_height:131px;
margin-bottom:23px;
}

div#calor-links ul li div.image{
float:right;
width:93px;

height:131px;
}

div#calor-links ul li h2{
color:#fff;
text-align:center;
padding:15px 0 0 0;
margin:0;
border:none !important;
font-size:1.4em;
}

div#calor-links ul li h2 a{
color:#fff;
display: block;
text-decoration:none;
font-weight:normal;
}

div#calor-links ul li h2 a span.large{
font-size:1.3em;
font-weight:bold;
}


div#calor-links ul li #ni{
background:url(/images/calor-landing-ni.jpg);
}

div#calor-links ul li #roi{
background:url(/images/calor-landing-roi.jpg);
}



/**
*
* NEW Calor landing page
*
**/


div#calor-landing-links ul{
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
  clear:both;
}

div#calor-landing-links ul li{
  float:left;
  margin:8px;
  width:349px;
  height:161px;
}

div#calor-landing-links ul li a{
  width:349px;
  height:161px;
  display:block;
}

div#calor-landing-links ul li h2 {
  border:none;
}

div#calor-landing-links ul li h2 span{
  margin-left:-5000px;
}


div#calor-landing-links ul li#lini{
background:url(/images/calor-landing-ni2.jpg) no-repeat;
}

div#calor-landing-links ul li#liroi{
background:url(/images/calor-landing-roi2.jpg) no-repeat;
}

#footer div.left {
  float: left;
  padding: 2px 0px 2px 10px;
  width: 300px;
}
#footer div.footer-images {
  float: left;
  width: 150px;
}

#footer div.footer-images a.rural {
  float: left;
}

#footer div.footer-images a.exceptional {
  float: right;
}

#footer div.footer-images img {
 display: block;
  float: left;
}

#footer div.right {
  float: left;
  width: 300px;
}