body { margin: 0; padding: 0; border: 0; color: #000; background-color: #FFFFCC;  }

body, td, th, p, li { font-family: verdana, sans-serif; font-size: 14px; line-height:1.3em; }

h1, h2, h3, h4, h5 { font-family: Verdana, sans-serif;  font-weight:bold; padding:0;line-height:1.4em; }
h1, h2, h3, h4     { font-weight:bold; text-align: center; }

/*/*/a{}
body,
body td,
body th,
body li,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body td,
html>body th,
html>body li,
html>body p {
  font-size: small;
}
/* */

a, a:link, a:visited  { color: #000; text-decoration: none; }
a:hover, a:active     { color: red;  text-decoration: none; }

h1  { font-size: 26px; margin: 8px 0 ; }
h2  { font-size: 20px; margin: 8px 0 ; }
h3  { font-size: 14px; margin: 15px 0 5px 0; padding: 5px 10px; }
h4  { font-size: 15px; margin: 3px 0;        padding: 5px; }
h5  { font-size: 13px; margin: 0 7px;        font-weight: normal; }

.left  { float: left; }

ul li    {  list-style-type: square; list-style-image: url("images/bullets/arrow_ffcc00.10.gif");  }
ul li li {  list-style-type: circle; list-style-image: url("images/bullets/ok.gif");  }

/* this is an IE5 fix. */
#center_for_ie { width: 100%; text-align: center; padding: 0; margin: 0; border: none; }

#wrapper      { width: 770px; text-align: center; padding: 0; margin: 0 auto; border: none;
               /* background: transparent url(images/gpilogo.100.gif) top left no-repeat;  */
                display:inline-block;  }
#wrapperhp    { width: 730px; text-align: center; padding: 0; margin: 0 auto; border: none;
               /* background: transparent url(images/gpilogo.100.gif) top left no-repeat; */
               /* display:inline-block; */ }
                /* Absolutely NO display: inline-block; here because Opera hiccups absolute pos. afterwards  */

#logo { position: relative; top: 0; left: 0; margin: 0 0 20px 0; padding: 0 0 0 0; width: 100%; }

#logo h2, h3 { font-family:Verdana, sans-serif; font-weight:bold; text-align:right;}

#logo h2 { font-size : 36px;  margin: 0 0 2px 0; padding: 8px 5px 0 90px; }
#logo h3 { font-size : 14px;  margin: 0 0 2px 0; padding: 0   5px 0 100px; line-height: 20px;  }

#wrapperhp #logo h2 { font-size : 34px; }

/*#logo { background-color: cyan;}*/

#logo img { margin: 0; padding: 0; border: none; }
#logoimg  { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
.green { color: green;  }


 * html .offer {
     width: 252px; /* for IE5 and IE6 in quirks mode */
     w\idth: 226px; /* for IE6 in standards mode */
   }

.dropcap:first-letter {
    font-size: 28px; font-weight: bold; color: green;
    float: left; margin: 0 7px 0 0;  padding: 0;
}

.bigcap:first-letter { font-size: x-large; font-weight: bold; color: green; margin: 0;  padding: 0; }

#yellowbox { margin: 0; padding: 10px 15px; text-align: left; width: auto; border: 3px solid yellow;
             background-color: white;   }
/*#mainText  { margin: 0; padding: 0; text-align: left; width: 100%; }*/

/*#leftcolumn {
    float: left;
    width: 160px;
    height:auto;
    margin: 0;
    color: #3179ac;
    background-color: white;
    text-align: left;
    border-left: 3px solid yellow;
    }*/


#mainText, #hp-mainText  { margin: 0;  padding: 0; height: auto; border: none; text-align: justify;
                           color: black; background-color: white;  display: inline-block;}
                            /* display: inline-block; needed here for IE bug with float */

#mainText                { width: 734px;   }
#hp-mainText             { width: 694px;   }

#mainText h1, #hp-mainText h1,
#mainText h2, #hp-mainText h2 { font-family: Verdana, "Bitstream Vera Sans", sans-serif;
                                 font-weight: bold; text-align: left;    }

#mainText h1, #hp-mainText h1 { font-size: 30px; margin : 8px 0;    }
#mainText h2, #hp-mainText h2 { font-size: 14px; margin : 3px 0;    }

#mainText strong, #hp-mainText strong { color: green; }

#mainText h1.withh2   { margin : 8px 0 0 0;    }
#mainText h2.subofh1  { margin : 0 0 8px 0; font-size: 24px;    }

#theimagemap { position: relative; clear: both; margin: 0 0 0 5px; padding: 0; height: 570px; width: 100%; }

#theimagemap h1{
    position: absolute;
    padding: 10px 8px;
    border: 3px solid yellow;
    background-color: white;
    text-align: center;
    }

#theimagemap img { position: absolute; border: 1px solid black; padding: 0;   }

#theimagemap h1  {
    /*margin: 0; padding: 0;*/
    font-size: 15px; font-weight: bold;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    }

#theimagemap a       { text-decoration: none; }
#theimagemap a:hover { text-decoration: none; font-style: normal; color: red; }

#SolarHeating h1               { left:    0px; top:  149px; }
#SolarHeating img            { left:   45px; top:   54px; }
#SolarPowerGrid h1             { left:   32px; top:   24px; }
#SolarPowerGrid img          { left:   60px; top:   53px; }
#SolarLighting h1              { left:  387px; top:    0px; }
#SolarLighting img           { left:   -25px; top:   34px; }
#Wind h1                       { left:  202px; top:    0px; }
#Wind img                    { left:   50px; top:   34px; }
#FormAndFunction h1            { left:  563px; top:   22px; }
#FormAndFunction img         { left:  -92px; top:   52px; }
/*#MultipipeSystems h1           { left:   34px; top:  422px; }
#MultipipeSystems img        { left:   65px; top: -110px; }*/
#MultipipeSystems h1           { left:  544px; top:  425px; }
#MultipipeSystems img        { left:  -80px; top: -112px; }
#WavinSystems h1           { left:  544px; top:  412px; }
#WavinSystems img          { left:  -80px; top: -100px; }
/*#SolarPumpSystems h1           { left:  395px; top:  455px; }
#SolarPumpSystems img        { left:  -46px; top: -122px; }*/
#LED h1                      { left:  395px; top:  455px; }
#LED img                     { left:  -46px; top: -125px; }
#SolarCooling h1               { left:  620px; top:  150px; }
#SolarCooling img            { left: -138px; top:   53px; }
#MobileSolarPowerSystems h1    { left:  194px; top:  454px; }
#MobileSolarPowerSystems img { left:   45px; top: -123px; }
/* #NaturalWaterSystems h1        { left:   39px; top:   417px; }
#NaturalWaterSystems img     { left:   77px; top:   -105px; } */
#EnergyConsulting h1        { left:   24px; top:   425px; }
#EnergyConsulting img       { left:   60px; top:   -114px; }

div #centerlogo     {  background-color: transparent; padding: 0; border: 0;
                       position: absolute; left: 215px; top: 135px;}
#centerlogo img {  border: none; }

/*** Nav bar styles ***/

#bottomnavbar   { width: 100%; margin: 10px 0;  }

#bottomnavbar,
#bottomnavbar a { font-size : 14px; font-family : verdana, sans-serif; font-style: normal; }

#bottomnavbar a
#bottomnavbar a:link,
#bottomnavbar a:visited { color: #000; text-decoration: none; }
#bottomnavbar a:hover,
#bottomnavbar a:active  { color: red;  text-decoration: none; }

.center { text-align: center; }

.germanflagruler  { margin: 0; padding: 0; background-color: transparent; }

.shr, .rhr , .yhr { height: 3px; font-size: 3px; margin: 0; padding: 0; float: right; clear: both;}

.shr { color: black;  background-color: black;  width: 33%;  }
.rhr { color: red;    background-color: red;    width: 66%;  }
.yhr { color: yellow; background-color: yellow; width: 100%; }

.contactusnow { color: green; font-weight: bold; text-align: center; clear: both; }
.contactusnow a:link,  .contactusnow a:visited      {  color: blue;  }
.contactusnow a:hover, .contactusnow a:active       {  color: red;  }


.quote {
     margin: 0 auto;  padding: 0;  width: 770px;
     color: green;  font-weight: bold; font-style: italic; text-align: center;
}

.leftspacer {
    float: left;
    width: 124px;
    height:105px;
    color: #3179ac;
    background-color: transparent;
    background-image: url(images/gpilogo.100.gif);
    background-repeat: no-repeat;
    text-align: left;
    border-left: 3px solid transparent;
    clear: left;
    margin: 15px; padding: 1px;
    }

.leftpadding { padding-left: 160px; }

#downloads   {  padding-left: 160px; }
#address     {  padding-left: 160px; background: transparent url(images/gpilogo.272.275.gif) top right no-repeat; }

#downloads ul li, .downloadlist li {
      /*list-style-position: inside;*/
      list-style-image: url(images/icon_pdf.gif);
      padding-left: 0; margin-left: 0;
}

.downloads{  padding-left: 30px; }

.w3c { border:0;width:88px;height:31px; }


img.right { float: right; border: 1px solid black; margin: 0 0 15px 15px; clear: right; }
img.left  { float: left;  border: 1px solid black; margin: 0 15px 15px 0; clear: left ; }

img.logoleft  { float: left;  border: none; margin: 0 15px 15px 0 ; clear: left;  }
img.logoright { float: right; border: none; margin: 0 0 15px 15px ; clear: right; }

.img-shadow-right {
   float: right;
   background: url(images/shadowAlpha.png) no-repeat bottom right !important;
   background: url(images/shadow.gif) no-repeat bottom right;
   margin: 10px 0 0 15px !important;
   margin: 10px 0 0 10px;
   clear: right;
   }

 .img-shadow-right img {
   display: block;
   position: relative;
   margin: -6px 6px 6px -6px;
   border: 1px solid black;
   /*background-color: #fff;
   border: 1px solid #a9a9a9;
   padding: 4px;*/
   }

/* columnright contains either an img or a class offer */
.columnright { margin: 0;  padding: 0 0 0 15px; border: none; float: right; width:252px; clear: right;
              /* display: inline;*/  /* to cure IE float margin bug */
             }

.columnright img           { margin: 4px 0; }
.columnright img.right     { border: 1px solid black; float: none;}
.columnright img.logoright { border: none; float: none;}

.columnright p { margin: 4px 0; }

/* living in columnright only */
.offer  {
    background-color: #ffc; border: 3px solid yellow; display: block;
    width: 226px ; margin: 8px 0; padding: 10px; text-align: left;
   }

.offer li, .offer ol  {  margin-left: 8px;  padding-left: 8px; }
.offer p              {  margin: 0 0 6px 0; padding: 0;  }

.offer a:link,  .offer a:visited      {  color: blue;  }
.offer a:hover, .offer a:active       {  color: red;  }




#leftnavbar {
    background-color: yellow;
    clear: left;
    width: auto; height: auto;
    margin: 15px; padding: 1px;
    float: left;
    display: inline;  /* to cure IE float margin bug */
   }

.ln-shadow {
   float:left;
   display: inline;  /* to cure IE float margin bug */
   background: transparent url(images/shadow.14.gif) no-repeat bottom right;
   margin: 0 1px 1px 0 ;  padding: 0; border: none;

   }

.ln-shadow-topright {
   background: url(images/shadow.ur.14.gif) no-repeat right top;
   padding: 0 17px 17px 0;  margin: 0; border: none;
   }

.ln-shadow-bottomleft {
   background: url(images/shadow.dl.14.gif) no-repeat bottom left;
   padding: 0 0 0 0;  margin: 0; border: none;
   }


#leftnavbarshadow { background-color: yellow; width: auto; height: auto; padding: 1px;  }

#leftnavbarshadow a,
#leftnavbarshadow a:link,
#leftnavbarshadow a:visited,
#leftnavbarshadow .chosen,
a.nav, a.nav:link, a.nav:visited, .chosen {
    display: block;
    width: 141px; height: 25px;
    color: #000;
    border: 1px solid yellow;
    background-color: #ffc;
    margin: 1px;
    text-align: center; text-decoration: none;
    font-family:verdana, sans-serif; font-size: 13px;
    line-height: 25px; overflow: hidden;
    }

#leftnavbarshadow a:hover,
a.nav:hover                 { color:#f00; background:#ff4;        text-decoration: none;}
#leftnavbarshadow a:active,
#leftnavbarshadow .chosen,
a.nav:active, .chosen       { color:#000; background:transparent; text-decoration: none;
                              border: 1px solid yellow;}


#foot { text-align: center; clear: both; margin-top: 30px; color: #666 }

.ucosys img { border: none; }

.mpipe {  color: #666699; font-weight: bold;  font-style: italic;  }

.centerit {   text-align: center !important; }
.bo       {   border: 1px solid black; float: none;  }

.nw { white-space: nowrap;}
h2.big { font-size: 20px !important; }
h1.smaller { font-size: 26px !important; }

.links a, .links a:link, .links a:visited { color: #0000FF; text-decoration: underline; }
.links a:hover { color: #FF0000; text-decoration: none; }

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }

a.dunno:hover,a.dunno:active,a.dunno:visited  { color:#000; text-decoration:none; }

.wavin li { margin-bottom:1em;}