/* ===============================
HomePage CSS 

  =============================*/

#hp_content {
width: 933px;
//background-image: url(../images/homepage/cloudscape.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
/* Headline */
#hp_content .homeheadline {
width:500px;
margin: 0px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
}
#hp_content .homeheadline h5 {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:40px;
font-weight:lighter;
margin:5px 0 10px;
}
#hp_content .homeheadline p {
color: #fff;
font-size:14px;
font weight: lighter;
line-height:20px;
}

/* Content panel */
#hp_panelBox {
width: 915px;
padding-left: 10px;
padding-right: 5px;
}
#hp_panelBox .countrypanel_trans {
background-image:url(/images/homepage/transback.png);
border:1px solid #8C8D8E;
float:left;
height:470px;
line-height:16px;
margin-left:0;
margin-right:10px;
margin-top:12px;
padding:10px;
width:251px;
}
#hp_panelBox .countrypanel_trans h2 {
color:#222222;
font-family:Arial,Helvetica,sans-serif;
font-size:24px;
font-weight:lighter;
letter-spacing:0;
line-height:26px;
margin:0 0 2px;
word-spacing:0;
z-index:0;
}
#hp_panelBox .countrypanel_trans h4 {
//color:#FF6418;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bolder;
line-height:16px;
margin:5px 0 0;
}
#hp_panelBox .countrypanel_trans .mapBox {
padding-top: 20px;
padding-bottom: 20px;
}
#hp_panelBox .countrypanel_trans .dropbox {
color:#000000;
font-family:Arial,Helvetica,Sans-Serif;
font-size:13px;
margin-top:0;
width:225px;
}

#hp_panelBox .residentialpanelcloud {
//background-image:url(../images/homepage/comres_background.jpg);
background-position:left top;
background-repeat:no-repeat;
border:1px solid #8C8D8E;
float:left;
height:490px;
line-height:16px;
margin-left:0;
margin-right:10px;
margin-top:12px;
width:308px;
}

#hp_panelBox .commercialpanelcloud {
//background-image:url(../images/homepage/comres_background.jpg);
background-position:-315px top;
background-repeat:no-repeat;
border:1px solid #8C8D8E;
float:left;
//height:490px;
line-height:16px;
margin-left:0;
margin-right:0;
margin-top:12px;
width:308px;
}

#hp_panelBox .blankBoxtop {
width:308px;
height:155px;
}
#hp_panelBox .blankBoxbottom {
width:308px;
height:205px;
}


/* new Panel */
#hp_panelBox .panelLinkBox {
cursor:pointer;
height: 70px;
width:308px;
}
#hp_panelBox .panelLinkBox div.residential  {
background-image:url(/images/homepage/panel_residential_off.png);
background-position:0 0;
background-repeat:no-repeat;
height: 70px;
width:308px; 
}
#hp_panelBox .panelLinkBox div.residential:hover {
background-image:url(/images/homepage/panel_residential_on.png);
background-position:0 0;
background-repeat:no-repeat;
height: 70px;
width:308px; 
}
#hp_panelBox .panelLinkBox div.commercial  {
background-image:url(/images/homepage/panel_commercial_off.png);
background-position:0 0;
background-repeat:no-repeat;
height: 70px;
width:308px; 
}
#hp_panelBox .panelLinkBox div.commercial:hover {
background-image:url(/images/homepage/panel_commercial_on.png);
background-position:0 0;
background-repeat:no-repeat;
height: 70px;
width:308px; 
}

#hp_panelBox .panelLinkBox h2 {
color: #000000;
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: none;
}
#hp_panelBox .panelLinkBox h2 a {
text-decoration: none;
cursor:pointer;
}
#hp_panelBox .panelLinkBox h2 a:hover {
text-decoration: none;
cursor:pointer;
}

#hp_panelBox h3 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
line-height:15px;
margin:0px;
/*padding-bottom: 5px;*/
}
#hp_panelBox .panelLinktext p {
color:#FF6418;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
line-height:16px;
margin-top: -2px;
padding: 0;
text-decoration: none;
}
#hp_panelBox .panelLinktext p a {
text-decoration: none;
}
#hp_panelBox .panelLinktext p a:hover {
text-decoration: none;
}
#hp_panelBox .paneltext {
padding-left: 6px;
padding-right: 6px;
}
#hp_panelBox .paneltext p {
color:#222;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:15px;
margin:0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}