/* DESIGN BY: ALLAN CATADMAN */

/* =====================
    CSS Reset:
    DO NOT EDIT HERE
====================== */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}
/* END OF CSS RESET */


/* =====================
    MAIN BODY STYLE
===================== */
body {
    background: #FFFFFF;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
}

a {
    color: #00467f;
    text-decoration: none;
}

a:hover {
    color: #57a116;
    text-decoration: underline;
}


.clr {
    clear: both;
}

.main h3 {
color: black;
font-size: 16px;
margin: 10px 0 3px 0;
font-weight: 600;
}
h4{margin:3px 0 3px 0;}
/*p {
  font-smooth: always;
}*/

#main-wrapper {
    margin: 0 auto;
    width: 960px;
    background: #f9f8f6;
}

/* HEADER */
#main-wrapper .header {
    background: #FFFFFF;
}


#main-wrapper .header .logo {
    float: left;
}

#main-wrapper .header ul {
    float: right;
    margin-top: 50px;
}

#main-wrapper .header li {
    display: inline;
}

#main-wrapper .header li.ewp a {
    width: 170px;
    height: 40px;
    display:block;
    float: left;
	font-size:18px;

}

#main-wrapper .header li.ewp a:hover {
    color:7dc545;
}


#main-wrapper .header li.ewp-up a {
    background: url(images/menu-electronic-water-purification-up.jpg) no-repeat;
    text-indent: -9999px;
    width: 170px;
    height: 40px;
    display:block;
    float: left;

}


#main-wrapper .header li.rpg a {
    background: url(images/menu-renewable-power-generation.jpg) no-repeat;
    text-indent: -9999px;
    width: 185px;
    height: 40px;
    display:block;
    float: left;

}

#main-wrapper .header li.rpg a:hover {
    background: url(images/menu-renewable-power-generation-up.jpg) no-repeat;
    text-indent: -9999px;
}

#main-wrapper .header li.rpg-up a {
    background: url(images/menu-renewable-power-generation-up.jpg) no-repeat;
    text-indent: -9999px;
    width: 185px;
    height: 40px;
    display:block;
    float: left;

}


#main-wrapper .header li.cu a {
    background: url(images/menu-contact-us.jpg) no-repeat;
    text-indent: -9999px;
    width: 121px;
    height: 40px;
    display:block;
    float: left;
}

#main-wrapper .header li.cu a:hover {
    background: url(images/menu-contact-us-up.jpg) no-repeat;
    text-indent: -9999px;
}

#main-wrapper .header li.cu-up a {
    background: url(images/menu-contact-us-up.jpg) no-repeat;
    text-indent: -9999px;
    width: 121px;
    height: 40px;
    display:block;
    float: left;
}

/* SUBHEADER */
#main-wrapper .subhead {
    background: url(images/subhead-bg.jpg) top center no-repeat;
    clear: both;
}





/* main front style */
#main-wrapper .main {
    width: 960px;
    background: #f9f8f6;
    padding-bottom:10px;
}

#main-wrapper .main a {
    background: url(images/link-arrow.jpg) 0px 3px no-repeat;
    padding-left: 16px;
    color: #00467f;
    text-decoration: none;
    display: block;
    margin-top: 20px;
}

#main-wrapper .main a:hover {
    text-decoration: underline;
    color: #57a116;
}

#main-wrapper .main .main-whg, #main-wrapper .main .main-psg {
    height: 290px;
}

#main-wrapper .main .main-ewp h2, #main-wrapper .main .main-whg h2, #main-wrapper .main .main-psg h2 {
    font-size: 22px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #004376;
}

#main-wrapper .main .main-ewp h2 {
    background: none;
    display: block;
    width: 240px;
    height:auto;
    margin-bottom: 20px;
}
#main-wrapper .main .main-ewp h2 a {
    background: none;
    display: block;
}

#main-wrapper .main .main-ewp h2 a:hover {
    color:7dc545;
}

#main-wrapper .main .main-whg h2 {
    background: url(images/header-whg.jpg) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 161px;
    height: 42px;
    margin-bottom: 20px;
}

#main-wrapper .main .main-whg h2 a {
    background: none;
    display: block;
    text-indent: -9999px;
    width: 161px;
    height: 42px;
    margin-bottom: 20px;
}

#main-wrapper .main .main-whg h2 a:hover {
    background: url(images/header-whg-up.jpg) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 161px;
    height: 42px;
    margin-bottom: 20px;
}


#main-wrapper .main .main-psg h2 {
    background: url(images/header-psg.jpg) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 222px;
    height: 95px;
    margin-bottom: 20px;
}

#main-wrapper .main .main-psg h2 a {
    background: none;
    display: block;
    text-indent: -9999px;
    width: 222px;
    height: 95px;
    margin-bottom: 20px;
}

#main-wrapper .main .main-psg h2 a:hover {
    background: url(images/header-psg-up.jpg) no-repeat;
    display: block;
    text-indent: -9999px;
    width: 222px;
    height: 95px;
    margin-bottom: 20px;
}

#main-wrapper .main .main-ewp {
    width: 270px;
    float: left;
    padding: 0px 20px 0px 20px;
    margin-right: 10px;
}

#main-wrapper .main .main-whg {
    width: 280px;
    float: left;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 0px 20px 0px 20px;
}

#main-wrapper .main .main-psg {
    width: 270px;
    float: left;
    padding: 0px 20px 0px 20px;
}



/* subpages */

/*#main-wrapper .sub-main {
    width: 720px;
    padding:0px 220px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-water.jpg) 800px 360px no-repeat;
    padding-bottom: 40px;
}*/

ul.rightlink {
    float: left;
    width:200px;
    margin-left:20px;
}

ul.rightlink li {
    margin-bottom: 10px;
}


.subewp {
    width: 720px;
    padding:0px 220px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-water.jpg) 766px 690px no-repeat;
    padding-bottom: 40px;
}

.subrpg {
    /*width: 720px;*/
    padding:0px 0px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-bulb.jpg) 735px 715px no-repeat;
    padding-bottom: 40px;
    clear: both;
}

.subrepg {
    /*width: 720px;*/
    padding:0px 0px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-bulb.jpg) 720px 690px no-repeat;
    padding-bottom: 40px;
    clear: both;
}

.subhowitwork {
    /*width: 720px;*/
    padding:0px 0px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-bulb.jpg) 720px 520px no-repeat;
    padding-bottom: 40px;
    clear: both;
}

.subapppg {
    /*width: 720px;*/
    padding:0px 0px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-bulb.jpg) 720px 2270px no-repeat;
    padding-bottom: 40px;
    clear: both;
}

.subpsg {
    width: 720px;
    padding:0px 220px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-bulb.jpg) 720px 1450px no-repeat;
    padding-bottom: 40px;
    clear: both;
}
.subbsg {
    width: 720px;
    padding:0px 220px 0px 20px;
    background: #f9f8f6 url(images/kangaroo-bulb.jpg) 720px 670px no-repeat;
    padding-bottom: 40px;
    clear: both;
}
.contactus {
    padding:41px 20px 40px 60px;
    background: #f9f8f6 url(images/contact-bg.jpg) center top no-repeat;
}


#main-wrapper .sub-main ul li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 2px;
}


#main-wrapper .sub-main p {
    line-height: 18px;
    margin-bottom: 12px;
}

#main-wrapper .sub-main h2, h2 {
    font-size: 20px;
    color: #00467f;
}

#main-wrapper .contactus h3 {
    font-size: 24px;
    color: #00467f;
    float: left;
}

#main-wrapper .sub-main h3 {
    font-size: 24px;
    color: #00467f;
    text-shadow: 1px 1px #C0C0C0;
    margin-bottom: 10px;
}

#main-wrapper .sub-main h4 {
    font-size: 20px;
    color: #00467f;
    margin-bottom: 10px;
}

#main-wrapper .sub-main .ewp-left, #main-wrapper .sub-main .psg-left {
    float: left;
}

#main-wrapper .sub-main .ewp-right, #main-wrapper .sub-main .psg-right {
    float: left;
    width: 400px;
}

.psg-right-wasteheat {
    float: left;
    width: 700px;
}

#main-wrapper .sub-main .ewp-left img, #main-wrapper .sub-main .psg-left img {
    float: left;
    margin-right: 10px;
}

#main-wrapper .sub-main .psgbox .rpg-desc {
    clear: both;
}

#main-wrapper .sub-main .psgbox .rpg-desc h4 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

#main-wrapper .sub-main .psgbox .rpg-desc ul li {
    list-style: none;
    margin-left: -0px;
}


.ewpbox {
    margin-top: 20px;
    background: #f2f2f2;
    padding: 10px;
}
.ewpbox img {
    border: 6px solid #d7e6c5;
    padding:1px;
}

.psgbox {
    margin-top: 20px;
    margin-left: 20px;
}
.psgbox img {
    border: 6px solid #d7e6c5;
    padding:1px;
    margin-bottom: 10px;
}


ul.ewp-right-b {
    margin-bottom: 10px;
}

/*ul.ewp-right-b li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 2px;
}

ul.ewp-right-cr li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 2px;
}*/




/* footer style */
#main-wrapper .footer {
    background: #f3f1eb;
    padding: 20px;
    margin-bottom: 20px;
}

#main-wrapper .footer .footer-copyright {
    float: left;
    margin-right: 370px;
    padding-top: 48px;
}

#main-wrapper .footer .footer-address {
    float: left;
    margin-right: 20px;
}

#main-wrapper .footer .footer-phone {
    float: left;
}




/* footer contact style */
#main-wrapper .sub-main .contactus-footer {
    padding-top: 420px;
    color: #FFFFFF;
}

#main-wrapper .sub-main .contactus-footer a {
    color: #FFFFFF;
}


#main-wrapper .sub-main .contactus-footer .c-footer-copyright {
    float: left;
    margin-right: 320px;
    padding-top: 48px;
}

#main-wrapper .sub-main .contactus-footer .c-footer-address {
    float: left;
    margin-right: 20px;
}

#main-wrapper .sub-main .contactus-footer .c-footer-phone {
    float: left;
}

#main-wrapper .sub-main .contactus-footer .c-footer-phone p {
    margin: 0px;
}


/* contact form */

.myform {
    margin-left: 280px;
}

.myform input, .myform textarea {
    padding: 4px;
    border: none;
    width: 362px;
    background: none;
}


.myform .your-name {
    margin-bottom: 22px;
    padding-top: 6px;
}

.myform .your-email {
    margin-bottom: 23px;
}

.myform .your-company {
    margin-bottom: 23px;
}

.myform .your-phone {
    margin-bottom: 43px;
}

.myform .your-subject {
    margin-bottom: 23px;
}

.myform .your-message {
    margin-bottom: 24px;
    height: 50px;
}

.myform .your-message textarea {
    height: 90px;
}


.myform  .btn-submit {
    width: 130px;
    height: 40px;
    float: right;
    background: transparent url(images/btn-submit.jpg) no-repeat;
    cursor: pointer;
    text-indent: -9999px;
    margin-right: 85px;
    margin-top: -10px;
}