/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
@media screen and (max-width:480px) {
  #content { padding:0 0 0 0px !important; }

  .inner { padding:10px 0px !important; }
}

html,
body,
div,
span,
applet,
object,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border:0;
  font-size:100%;
  vertical-align:baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display:block; }

ol,
ul { list-style:none; }

.clearfix { zoom:1; }

.clearfix:before,
.clearfix:after {
  display:table;
  content:"";
}

.clearfix:after { clear:both; }

body,
input,
textarea,
select {
  font-size:13px;
  font-family:'open-sans',Helvetica,Arial,sans-serif;
  color:#000000;
}

a {
  color:#370A93;
  text-decoration:none;
  -webkit-transition:color .2s linear;
  -moz-transition:color .2s linear;
  -ms-transition:all 0.25s ease-out;
  -o-transition:color .2s linear;
  transition:color .2s linear;
}

a:hover,
a:active { color:#006195; }

h1,
h2,
h3,
h4,
h5,
h6 { color:#404040; }

h1 {
  display:block;
  font-size:32px;
  line-height:1em;
  margin-bottom:1em;
}

.cf:before,
.cf:after,
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}

.cf:after,
.clearfix:after { clear:both; }

.cf,
.clearfix { zoom:1; }

.fr { float:right; }

body { padding-bottom:80px; }

.col2 { width:525px; }

#content {
  max-width:890px;
  width:auto;
  padding:0 18px 0 18px;
  margin:0 auto;
}

.inner,
li.widget {
  padding:15px;
  background:#ffffff;
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.25);
  -moz-box-shadow:0 2px 10px rgba(0,0,0,0.25);
  box-shadow:0 2px 10px rgba(0,0,0,0.25);
  behavior:url(/wp-content/themes/cleanenergy/css/PIE/PIE.htc);
}

.fixed-fluid { position:relative; }

.fixed-fluid>.col2 {
  float:left;
  width:100%;
  margin-right:-365px;
}

body { background:url(bg1.jpg) no-repeat fixed center top; }

#bg {
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  background:url(bg1.jpg) no-repeat center top;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;
  background-size:cover;
}

#header {
  width:100%;
  padding:16px 0 17px 0;
  background:#ffffff;
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.5);
  -moz-box-shadow:0 2px 10px rgba(0,0,0,0.5);
  box-shadow:0 2px 10px rgba(0,0,0,0.5);
  margin-bottom:20px;
  -webkit-transition:all linear 0.4s;
  -moz-transition:all linear 0.4s;
  -ms-transition:all 0.25s ease-out;
  -o-transition:all linear 0.4s;
  transition:all linear 0.4s;
  behavior:url(/wp-content/themes/cleanenergy/css/PIE/PIE.htc);
}

#header .header {
  max-width:890px;
  width:auto;
  padding:0 18px 0 18px;
  margin:0 auto;
  position:relative;
}

#header #site-title {
  float:left;
  margin:0 0 0 -50px;
  -webkit-transition:margin linear 0.4s;
  -moz-transition:margin linear 0.4s;
  -ms-transition:all 0.25s ease-out;
  -o-transition:margin linear 0.4s;
  transition:margin linear 0.4s;
}

#header #site-title a,
#header #site-title img { display:block; }

#header #site-title img {
  height:97px;
  -webkit-transition:all linear 0.4s;
  -moz-transition:all linear 0.4s;
  -ms-transition:all 0.25s ease-out;
  -o-transition:all linear 0.4s;
  transition:all linear 0.4s;
}

#header .main-nav {
  float:left;
  margin-top:56px;
  -webkit-transition:margin linear 0.4s;
  -moz-transition:margin linear 0.4s;
  -ms-transition:all 0.25s ease-out;
  -o-transition:margin linear 0.4s;
  transition:margin linear 0.4s;
}

#header .main-nav li {
  display:inline-block;
  zoom:1;
}

#header .main-nav li a {
  display:block;
  color:#404040;
  font-family:'bebas-neue',sans-serif;
  font-size:16px;
  text-transform:uppercase;
  border-bottom:6px solid #370A93;
  -webkit-transition:color .2s linear;
  -moz-transition:color .2s linear;
  -ms-transition:all 0.25s ease-out;
  -o-transition:color .2s linear;
  transition:color .2s linear;
  padding-bottom:4px;
}

#header .main-nav li a:hover { color:#370A93; }

#header .main-nav li ul.sub-menu {
  display:none;
  float:none;
  margin:0;
  position:absolute;
  left:-12px;
  top:100%;
  z-index:10;
  padding:6px;
  background:#ffffff;
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.25);
  -moz-box-shadow:0 2px 10px rgba(0,0,0,0.25);
  box-shadow:0 2px 10px rgba(0,0,0,0.25);
  behavior:url(/wp-content/themes/cleanenergy/css/PIE/PIE.htc);
}

#header .main-nav li ul.sub-menu li {
  display:block;
  float:none;
}

#header .main-nav li ul.sub-menu li a {
  border:none;
  padding:6px;
  margin:0;
  white-space:nowrap;
}

#header .main-nav li:hover ul.sub-menu { display:block; }

#header .main-nav li.current-menu-item a,
#header .main-nav li.current_page_item a,
#header .main-nav li.active a { color:#370A93; }

#header #mobile-nav { display:none; }

#footer {
  width:100%;
  height:75px;
  background:#ffffff;
  z-index:99;
  position:fixed;
  bottom:0;
  border-bottom:6px solid #370A93;
  -webkit-box-shadow:0 -2px 6px rgba(0,0,0,0.4);
  -moz-box-shadow:0 -2px 6px rgba(0,0,0,0.4);
  box-shadow:0 -2px 6px rgba(0,0,0,0.4);
  behavior:url(/wp-content/themes/cleanenergy/css/PIE/PIE.htc);
}

#footer .footer {
  max-width:890px;
  width:auto;
  padding:0 18px 0 18px;
  margin:0 auto;
}

#footer #footer-nav {
  float:left;
  margin-top:10px;
}

#footer #footer-nav li {
  float:left;
  padding:0 5px;
  border-left:1px solid #696969;
}

#footer #footer-nav li:first-child {
  padding-left:0;
  border:none;
}

#footer #footer-nav li a { display:block; }

#footer #footer-nav li a:hover { color:#696969; }

#footer #footer-nav li,
#footer #footer-nav li a {
  font-size:10px;
  line-height:1em;
  color:#404040;
  text-transform:uppercase;
}

#footer .footer-logo {
  float:right;
  margin-top:12px;
}

@media all and (max-width:1026px) {
  #header #site-title { margin-left:0; }

  #header #site-title img { height:70px; }

  #header .main-nav { margin-top:35px; }

  #header .main-nav li { margin-right:20px; }
}

@media all and (max-width:880px) {
  #header #site-title { margin-left:0; }

  #header #site-title img { height:70px; }

  #header .main-nav { margin-top:35px; }

  #header .main-nav li { margin-right:20px; }

  #content { max-width:700px; }

  .fixed-fluid>.col2 {
    float:none;
    margin:0 0 20px;
  }

  .fixed-fluid>.col2 .inner { margin:0; }
}

@media all and (max-width:540px) {
  body { padding-bottom:0; }

  #header { padding:8px 0 12px 0; }

  #header #site-title {
    float:none;
    display:block;
  }

  #header #site-title img { height:50px; }

  #header #main-nav { display:none; }

  #header #mobile-nav {
    display:block;
    margin-top:14px;
  }

  #header #mobile-nav li { margin-right:12px; }

  #header #mobile-nav li:last-child { margin:0; }

  #header #mobile-nav li a {
    font-size:16px;
    line-height:1.2em;
  }

  #footer {
    height:auto;
    position:static;
  }

  #footer .footer { padding-bottom:10px; }

  #footer .footer-logo,
  #footer #footer-nav {
    display:block;
    float:none;
  }

  #footer #footer-nav { margin-top:12px; }

  #footer .footer-logo img {
    display:block;
    height:18px;
  }
}

@media all and (max-width:360px) {
  #header #mobile-nav li a { font-size:16px; }
}
