@charset "UTF-8";



a{
overflow:hidden;
}

ul#first{
width:960px;
height:160px;
display:block;
list-style:none;
margin:0;
padding:0;
}

ul#first li{
width:240px;
height:160px;
float:left;
margin:0;
padding:0;
list-style:none;
text-indent:-9999px;
}

ul#first li a{
width:240px;
height:160px;
display:block;
margin:0;
padding:0;
}

ul#first li a.menu01{
background:url(../images/menu_products/hotwater.jpg) no-repeat 0 0;
}
ul#first li a.menu02{
background:url(../images/menu_products/renewables.jpg) no-repeat 0 0;
}
ul#first li a.menu03{
background:url(../images/menu_products/airconditioning.jpg) no-repeat 0 0;
}
ul#first li a.menu04{
background:url(../images/menu_products/heating.jpg) no-repeat 0 0;
}


ul#first li a.menu01:hover{
background:url(../images/menu_products/hotwater.jpg) no-repeat 0 -160px;
}
ul#first li a.menu02:hover{
background:url(../images/menu_products/renewables.jpg) no-repeat 0 -160px;
}
ul#first li a.menu03:hover{
background:url(../images/menu_products/airconditioning.jpg) no-repeat 0 -160px;
}
ul#first li a.menu04:hover{
background:url(../images/menu_products/heating.jpg) no-repeat 0 -160px;
}

/*********************Products 2nd***************************/

ul#second{
width:960px;
height:25px;
display:block;
list-style:none;
margin:0;
padding:0;
}

ul#second li{
width:240px;
height:25px;
float:left;
margin:0;
padding:0;
list-style:none;
text-indent:-9999px;
}

ul#second li a{
width:240px;
height:25px;
display:block;
margin:0;
padding:0;
}

ul#second li a.menu01{
background:url(../images/menu_products/hotwater.gif) no-repeat 0 0;
}
ul#second li a.menu02{
background:url(../images/menu_products/renewables.gif) no-repeat 0 0;
}
ul#second li a.menu03{
background:url(../images/menu_products/airconditioning.gif) no-repeat 0 0;
}
ul#second li a.menu04{
background:url(../images/menu_products/heating.gif) no-repeat 0 0;
}

ul#second li a.menu01:hover,
ul#second li a.menu01_on{
background:url(../images/menu_products/hotwater.gif) no-repeat 0 -25px;
}
ul#second li a.menu02:hover,
ul#second li a.menu02_on{
background:url(../images/menu_products/renewables.gif) no-repeat 0 -25px;
}
ul#second li a.menu03:hover,
ul#second li a.menu03_on{
background:url(../images/menu_products/airconditioning.gif) no-repeat 0 -25px;
}
ul#second li a.menu04:hover,
ul#second li a.menu04_on{
background:url(../images/menu_products/heating.gif) no-repeat 0 -25px;
}