/* Font-Face Stylings  */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 3, 2013 01:18:06 AM America/New_York */



@font-face {

    font-family: 'UbuntuRegular';

    src: url('fonts/Ubuntu-R-webfont.eot');

    src: url('fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-R-webfont.woff') format('woff'),

         url('fonts/Ubuntu-R-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuItalic';

    src: url('fonts/Ubuntu-RI-webfont.eot');

    src: url('fonts/Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-RI-webfont.woff') format('woff'),

         url('fonts/Ubuntu-RI-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuBold';

    src: url('fonts/Ubuntu-B-webfont.eot');

    src: url('fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-B-webfont.woff') format('woff'),

         url('fonts/Ubuntu-B-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuBoldItalic';

    src: url('fonts/Ubuntu-BI-webfont.eot');

    src: url('fonts/Ubuntu-BI-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-BI-webfont.woff') format('woff'),

         url('fonts/Ubuntu-BI-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-BI-webfont.svg#UbuntuBoldItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuLight';

    src: url('fonts/Ubuntu-L-webfont.eot');

    src: url('fonts/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-L-webfont.woff') format('woff'),

         url('fonts/Ubuntu-L-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-L-webfont.svg#UbuntuLight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuLightItalic';

    src: url('fonts/Ubuntu-LI-webfont.eot');

    src: url('fonts/Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-LI-webfont.woff') format('woff'),

         url('fonts/Ubuntu-LI-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-LI-webfont.svg#UbuntuLightItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuMedium';

    src: url('fonts/Ubuntu-M-webfont.eot');

    src: url('fonts/Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-M-webfont.woff') format('woff'),

         url('fonts/Ubuntu-M-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-M-webfont.svg#UbuntuMedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuMediumItalic';

    src: url('fonts/Ubuntu-MI-webfont.eot');

    src: url('fonts/Ubuntu-MI-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-MI-webfont.woff') format('woff'),

         url('fonts/Ubuntu-MI-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-MI-webfont.svg#UbuntuMediumItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'UbuntuCondensedRegular';

    src: url('fonts/Ubuntu-C-webfont.eot');

    src: url('fonts/Ubuntu-C-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Ubuntu-C-webfont.woff') format('woff'),

         url('fonts/Ubuntu-C-webfont.ttf') format('truetype'),

         url('fonts/Ubuntu-C-webfont.svg#UbuntuCondensedRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'Frutiger_Normal';

    src: url('fonts/Frutiger_Normal.eot');

    src: url('fonts/Frutiger_Normal.eot?#iefix') format('embedded-opentype'),

         url('fonts/Frutiger_Normal.woff') format('woff'),

         url('fonts/Frutiger_Normal.ttf') format('truetype'),

         url('fonts/Frutiger_Normal.svg#UbuntuCondensedRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



/* -------------------------------------------------- 

   Table of Contents

-----------------------------------------------------

:: Shared Styles

:: Page Name 1

:: Page Name 2

*/





/* -----------------------------------------

   Shared Styles

----------------------------------------- */

.row {

  width: 100%;

  position: relative;

  z-index: 3;

}



.columns { padding: 0px; }



ul {

  list-style: none;

  padding: 0;

  margin: 0px;

}



a, p, h1, h2, h3, h4, h5, h6 { color: #fff; padding: 0px; margin:0px; font-style: normal; }

aside p {

  font-style: normal;

}



body {

  background: #000;

  /*border-top: 5px solid #80807f;*/

  font-family: 'UbuntuRegular';

  font-size: 12px;

  color: #fff;

}



#header {

  padding: 20px 0px 0px 60px;

  z-index: 15;

  position: relative;

  display: none;

}



#bg {

    display: none;

}



.background, #bg_solar_energy {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index:4;

}



.bg-gallery, #cycle_solar {

    height: 100%;

    width: 100%;

    left: 0;

    position: fixed;

    top: 0;

}



.bg-gallery li, #cycle_solar li {

  width: 100%;

  height: 100%;

}



#bg_solar_energy {

  display: none;

}



.bg-gallery li span, #cycle_solar li span {

    background-attachment: fixed;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

    color: transparent;

    height: 100%;

    width: 100%;

    left: 0;

    position: absolute;

    top: 0;

}



.bg-gallery li span.home {

    background-image: url(../images/bg_home.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_home.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_home.jpg', sizingMethod='scale')";

}



.bg-gallery li span.about {

    background-image: url(../images/bg_about.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_about.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_about.jpg', sizingMethod='scale')";

}



.bg-gallery li span.real_estate01 {

    background-image: url(../images/bg_real_estate01.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_real_estate01.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_real_estate01.jpg', sizingMethod='scale')";

}

.bg-gallery li span.real_estate02 {

    background-image: url(../images/bg_real_estate02.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_real_estate02.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/real_estate02.jpg', sizingMethod='scale')";

}



.bg-gallery li span.real_estate03 {

    background-image: url(../images/bg_real_estate03.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_real_estate03.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_real_estate03.jpg', sizingMethod='scale')";

}

.bg-gallery li span.real_estate04 {

    background-image: url(../images/bg_real_estate04.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_real_estate04.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/real_estate04.jpg', sizingMethod='scale')";

}



.bg-gallery li span.contact {

    background-image: url(../images/bg_contact.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_contact.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_contact.jpg', sizingMethod='scale')";

}



.bg-gallery li span.wind01 {

    background-image: url(../images/bg_wind01.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_wind01.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_wind01.jpg', sizingMethod='scale')";

}



.bg-gallery li span.wind02 {

    background-image: url(../images/bg_wind02.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_wind02.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_wind02.jpg', sizingMethod='scale')";

}



#cycle_solar li span.solar01 {

    background-image: url(../images/bg_solar01.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_solar01.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_solar01.jpg', sizingMethod='scale')";

}



#cycle_solar li span.solar02 {

    background-image: url(../images/bg_solar02.jpg);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_solar02.jpg', sizingMethod='scale');

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_solar02.jpg', sizingMethod='scale')";

}



#logo {

  background: url(../images/logo.png) no-repeat left top;

  width: 211px;

  height: 116px;

  float: left;

  display: block;

  outline: none;

}



/*#bg_header {

  width: 100%;

  height: 134px;

  position: absolute;

  top: 0px;

  left: 0px;

  background: #000;

  -webkit-box-shadow: 0px 0px 8px 2px #000000;

  -moz-box-shadow: 0px 0px 8px 2px #000000;

  box-shadow: 0px 0px 8px 2px #000000;

}*/



.transparent {

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  filter: alpha(opacity=50);

  -moz-opacity:0.5;

  -khtml-opacity: 0.5;

  opacity: 0.5;

}



#loader {

  /*background: url(../images/loader.gif) no-repeat center center;*/

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0px;

  top: 0px;

  display: none;

}



.what_we_do_link {

  background: url(../images/icon_plus.png) no-repeat 12px 39px;

  display: block;

  width: 345px;

  height: 175px;

  position: absolute;

  left: 0px;

  top: -33px;

}



.what_we_do_link.minus { background: url(../images/icon_minus.png) no-repeat 12px 39px; }



.link_energy {

  background: url(../images/icon_plus.png) no-repeat 17px 11px;

  display: block;

  width: 345px;

  height: 135px;

  position: absolute;

  left: -5px;

  top: 0px;

  /*background: red;*/

}



.link_energy.minus {

  background: url(../images/icon_minus.png) no-repeat 17px 11px;

  /*background: red;*/

}



#left_panel {

  width: 600px;

  height: 360px;

  position: fixed;

  top: 40%;

  left: -700px;

  z-index: 11;

}



.colse {

  font-size: 20px;

  position: absolute;

  right: 0px;

  top: 0px;

}



.colse:hover { color: #fff; }



.trans_left {

  background: #000;

  height: 100%;

  width: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

}



.desc_left {

  position: absolute;

  top: 10px;

  left: 20px;

  width: 92%;

}



.desc_left h1 {

  padding-bottom: 10px;

}



.desc_left p {

  font-size: 12px;

  /*padding: 5px 0px;*/

  padding: 2px 0px;

}



#container_right {

  position: relative;

  z-index: 9;

}



#right_content {

  width: 600px;

  float: right;

 /* margin-top: 230px;  */

  height: 100%;

  position: fixed;

  top: 0px;

}



#right_content .trans_bg {

  width: 460px;

  height: 135px;

  position: fixed;

  right: -800px;

  background: #000;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  filter: alpha(opacity=60);

  -moz-opacity:0.6;

  -khtml-opacity: 0.6;

  opacity: 0.6;

  float: right;

}



#right_content .desc {

  width: 420px;

  /*height: 90px;*/

  position: fixed;

  right: -800px;

}



#right_content .desc.home {

  bottom: 70px;

}



#right_content .desc.about {

  width: 345px;

  padding: 0px 25px 0px 40px;

}



#right_content .desc.renewable {

  /*width: 405px;*/

  width: 250px;

  /*padding: 5px 35px 0px 20px;*/

  padding: 5px 35px 0px 40px;

  /*margin-right: -180px;*/

}

#right_content .desc.renewable p {

  display: none;

}





#right_content .desc.active_energy, #right_content .trans_bg.renewable.active_energy { width: 405px; }

#right_content .desc p.active_energy { display: block }



#right_content .desc.contact {

  width: 705px;

  padding: 0px 0px 0px 65px;

}



#right_content .trans_bg.home{

  bottom: 45px;

}



#right_content .trans_bg.about{

  width: 345px;

  height: 175px;

}



#right_content .trans_bg.renewable{

  /*width: 405px;

  height: 135px;*/

  width: 250px;

  height: 135px;

}



#right_content .trans_bg.contact{

  width: 705px;

  height: 355px;

}



#renewable_container {

  float: left;

  height: 325px;

  position: fixed;

}





#right_content p {

  font-size: 12px;

  line-height: 15px;

  padding: 14px 0 0 0;

}



#right_content #renewable_energy_content p { padding-top: 10px; }

#right_content #contact_content p { padding-top: 20px; line-height: 18px; }



#right_content #contact_content p a.direction { color: #fff; text-decoration: underline; }

#right_content #contact_content p a.direction:hover, #right_content #contact_content p a.direction.highlighted { color: #f0ae5e; }



#contact_left {

  float: left;

  width: 320px;

}



#map {

  float: left;

  width: 280px;

  height: 220px;

  margin: 90px 0px 0px 20px;

}



h1, h2, h3, h4, h5, h6 {

  font-family: 'UbuntuMedium';

  font-weight: normal;

}



h1 {

  font-size: 48px;

  line-height: 33px;

}



h1.large {

  font-size: 55px;

  line-height: 40px;

  padding: 2px 0 0 0;

}



h2 {

  font-size: 36px;

  line-height: 25px;

  margin: 5px 0 0 0;

}



.color {

  color: #f0ae5e;

}



#home_content h2.color { margin-left: 56px; }

h1.margin_top { margin-top: 3px; }



#menu {

  float: right;

  width: 645px;

  margin: 31px 0 0 0;

}



#menu li {

  float: left;

  margin: 2px 16px 0px 40px;

  font-size: 20px;

  /*font-size: 18px;*/

  /*font-family: 'UbuntuMedium';*/

    font-family: 'Frutiger_Normal';

  /*font-family: Helvetica;*/

  position: relative;

}



#menu li a { color: #fff; }

#menu li a:hover, #menu li a.active { color: #f0ae5e; }



#menu li ul {

  float: left;

  position: absolute;

  left: -18px;

  top: 27px;

  display: none;

  width: 160px;

}

#menu li ul li {

  background: url(../images/seperator.png) repeat-x left bottom;

  margin: 0px;

  font-size: 14px;

  padding:8px 0px 11px 0px;

  width: 100%;

}

#menu li ul li.last {

  background: none;

}



.map {

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 3;

}



.high-zindex { z-index: 5; }









/* -----------------------------------------

   Page Name 1

----------------------------------------- */









/* -----------------------------------------

   Page Name 2

----------------------------------------- */





#circleG{

    width:64.16666666666667px;

position:fixed;

top: 48%;

left: 48%;

}



.circleG{

background-color:#FFFFFF;

float:left;

height:14px;

margin-left:7px;

width:14px;

-moz-animation-name:bounce_circleG;

-moz-animation-duration:1.0499999999999998s;

-moz-animation-iteration-count:infinite;

-moz-animation-direction:linear;

-moz-border-radius:9px;

-webkit-animation-name:bounce_circleG;

-webkit-animation-duration:1.0499999999999998s;

-webkit-animation-iteration-count:infinite;

-webkit-animation-direction:linear;

-webkit-border-radius:9px;

-ms-animation-name:bounce_circleG;

-ms-animation-duration:1.0499999999999998s;

-ms-animation-iteration-count:infinite;

-ms-animation-direction:linear;

-ms-border-radius:9px;

-o-animation-name:bounce_circleG;

-o-animation-duration:1.0499999999999998s;

-o-animation-iteration-count:infinite;

-o-animation-direction:linear;

-o-border-radius:9px;

animation-name:bounce_circleG;

animation-duration:1.0499999999999998s;

animation-iteration-count:infinite;

animation-direction:linear;

border-radius:9px;

}



#circleG_1{

-moz-animation-delay:0.20999999999999996s;

-webkit-animation-delay:0.20999999999999996s;

-ms-animation-delay:0.20999999999999996s;

-o-animation-delay:0.20999999999999996s;

animation-delay:0.20999999999999996s;

}



#circleG_2{

-moz-animation-delay:0.48999999999999994s;

-webkit-animation-delay:0.48999999999999994s;

-ms-animation-delay:0.48999999999999994s;

-o-animation-delay:0.48999999999999994s;

animation-delay:0.48999999999999994s;

}



#circleG_3{

-moz-animation-delay:0.63s;

-webkit-animation-delay:0.63s;

-ms-animation-delay:0.63s;

-o-animation-delay:0.63s;

animation-delay:0.63s;

}



@-moz-keyframes bounce_circleG{

0%{

}



50%{

background-color:#000000}



100%{

}



}



@-webkit-keyframes bounce_circleG{

0%{

}



50%{

background-color:#000000}



100%{

}



}



@-ms-keyframes bounce_circleG{

0%{

}



50%{

background-color:#000000}



100%{

}



}



@-o-keyframes bounce_circleG{

0%{

}



50%{

background-color:#000000}



100%{

}



}



@keyframes bounce_circleG{

0%{

}



50%{

background-color:#000000}



100%{

}



}