header {
    height: 92px;
    background: url(../images/logo.jpg) no-repeat; 100% 0px;
    background-color: #275884;

}



.home-page{
    background: url(../images/home-image_medium.jpg)  no-repeat  center 0px;

}


h1 { 
    font-size: 4em; 
    margin: .5em 0 .5em 0;

}





/* ----------------------SOCIAL LINKS------------------------ */

a.mail {
    float: left;
    width: 8%;
    padding: 0px 0px 40px 0px;
    
}

a.tel {
    float: left;
    width: 8%;
    padding: 0px 0px 40px 0px;
    
}

a.home_back {
    float: left;
    width: 8%;
    padding: 0px 0px 40px 0px;
    
}

a.face {
    float: left;
    width: 8%;
    padding: 0px 0px 40px 0px;
    
}

a.twitter {
    float: left;
    width: 8%;
    padding: 0px 0px 40px 0px;
    
}


a.linkin {
    float: left;
    width: 8%;
    padding: 0px 0px 40px 0px;
    
}

.blank {
    float: left;
    width: 23%;
    padding: 0px 0px 40px 0px;
    
}

.blank2 {
    float: left;
    width: 8%;
    padding: 0px 0px 40px 0px;
    
}

.blankside {
    float: left;
    width: 3%;
    padding: 0px 0px 40px 0px;
    
}

/* ----------------------------------index------------------------------------ */



.index_container {
    background-repeat: no-repeat;
    background-color: transparent;
    height: 305px;
    width: 100%;
    padding: 290px 0px 50px 0px;


}

.index_wind {
    float: left;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 300px;
    width: 33%;
    padding: 0px 0px 0px 0px;

}

.index_water {
        float: left;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 300px;
    width: 33%;
    padding: 0px 0px 0px 0px;

}

.index_solar {
        float: left;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 300px;
    width: 33%;
    padding: 0px 0px 0px 0px;

}



.wind_icon {
    background: url(../images/index_wind.png) no-repeat center 0px; 
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;
}

.wind_details {
    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;

}

.wind_text {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    padding: 0px 20px 0px 20px;

}

.water_icon {
    background: url(../images/index_water.png) no-repeat center 0px; 
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;

}

.water_details {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;


}


.water_text {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    padding: 0px 20px 0px 20px;

}

.solar_icon {
    background: url(../images/index_solar.png) no-repeat center 0px; 
    background-color: transparent;
    width: 100%;
    height: 154px;
    padding: 0px 0px 0px 0px;
}

.solar_details {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    width: 100%;
}

.solar_text {

    background-color: #fff;
    text-align:center;
    font-size: 1em;
    font-weight: 100;
    padding: 0px 20px 0px 20px;


}

/* ----------------------------------Product Headings------------------------------------ */

.solar_power_heading
{
    background-repeat: no-repeat;
    background: url(../images/solar_power_heading_MEDIUM.png) no-repeat  0px;
    width: 100%;
    height: 100px;
}


.transparent_hydro {

    width: 90%;
    background: url(../images/hydro_power_heading_MEDIUM.png) no-repeat  0px;
    height: 100px; 
    float: left; 
    background-color: transparent;
}

.transparent_wind {

    width: 90%;
    background: url(../images/wind_energy_heading_MEDIUM.png) no-repeat  0px;
    height: 100px; 
    float: left; 
    background-color: transparent;
}

.transparent_heat {

    width: 90%;
    background: url(../images/heatpumps_headings_MEDIUMS.png) no-repeat  0px;
    height: 100px; 
    float: left; 
    background-color: transparent;
}



.top{
    
    width: 10%; 
    height: 100px; 
    float: left;  
    background: url(../images/top_MEDIUM.png) no-repeat 0px;


}

/* ----------------------------------Product details------------------------------------ */

.solar_thermal{

    width: 100%;
}

.solar_thermal_model{

    width: 100%;
    
}

.hydro_power{

    width: 100%;
}

.hydro_power_controls{

width: 100%;
    
}

.heat_controls{ 
width: 100%;

    
}



/* ---------------------------------SOLAR THERMAL------------------------------------ */

.solar_thermal_text {

    background-repeat: no-repeat;
    width: 100%;
    height: auto;

}

.solar_thermal_text p { 
    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.solar_thermal_text h { 
    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;
}

.solar_thermal_img {
    background-color: #ff0000;
    background: url(../images/solar_thermal_installation.jpg) no-repeat center  0px;
    background-repeat: no-repeat;
    width: 100%;
        margin: 0em 0em 0em 0em;



}

.solar_thermal_text h2 { 
    text-align:center;
    color: #3d88c8 ;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------SOLAR PV------------------------------------ */


.solar_pv_text {
    background-repeat: no-repeat;
    width: 100%;
        height: 100%;
}

.solar_pv_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.solar_pv_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.solar_pv_img {

    background: url(../images/solar_pv_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
            margin: 0em 0em 0em 0em;


}




.solar_pv_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------SOLAR PV------------------------------------ */


.wind_energy_text {
    background-repeat: no-repeat;
    width: 100%;
}

.wind_energy_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.wind_energy_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.wind_energy_img {

    background: url(../images/wind_energy_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
            margin: 0em 0em 0em 0em;


}




.wind_energy_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------------Hydro Power------------------------------ */
.hydro_power_text {

    background-repeat: no-repeat;
    width: 100%;


}

.hydro_power_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.hydro_power_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.hydro_power_img {
    background: url(../images/hydro_power_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
                margin: 0em 0em 0em 0em;


}

.hydro_power_controls_text {


    background-repeat: no-repeat;
    width: 100%;


}

.hydro_power_controls_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.hydro_power_controls_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.hydro_power_controls_img {
    background: url(../images/hydro_power_controls.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;


}

.hydro_power_text h2 { 
    text-align:center;
    color: #3d88c8 ;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

.hydro_power_controls_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

/* ---------------------------------------Hydro Power------------------------------ */
.heat_text {

    background-repeat: no-repeat;
    width: 100%;


}

.heat_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.heat_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.heat_img {
    background: url(../images/heat_installation.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 270px;
                margin: 0em 0em 0em 0em;


}

.heat_controls_text {


    background-repeat: no-repeat;
    width: 100%;


}

.heat_controls_text p { 

    text-align: left;
    font-size: 1em;
    font-weight: lighter;
    margin: 0em 2em .75em 2em;

}

.heat_controls_text h { 

    text-align: left;
    font-size: 1.5em;
    font-weight: lighter;


}

.heat_controls_img {
    background: url(../images/heat_control_installation2.jpg) no-repeat center 0px;
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;


}

.heat_text h2 { 
    text-align:center;
    color: #3d88c8 ;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}

.heat_controls_text h2 { 
    text-align:center;
    color: #3d88c8;
    font-size: 2em; 
    letter-spacing: 0px; 
    font-weight: lighter; 
     line-height: 50px;
}