/*------------------------------------------------------
	BOOTSTRAP
------------------------------------------------------*/
/* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  line-height: 1;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* ------------------------------------------------------------
	Variables & Mix-ins
------------------------------------------------------------ */
.wrapper {
  padding: 0 20px;
  min-width: 960px;
  clear: both;
  *zoom: 1;
}
.wrapper:after {
  clear: both;
  content: "";
  display: table;
}
.container {
  width: 960px;
  margin: 0 auto;
  *zoom: 1;
}
.container:after {
  clear: both;
  content: "";
  display: table;
}
.row {
  position: relative;
  *zoom: 1;
}
.row:after {
  clear: both;
  content: "";
  display: table;
}
.basic-transition {
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}
/* ------------------------------------------------------------
	Color
------------------------------------------------------------ */
/* ------------------------------------------------------------
	Typography
------------------------------------------------------------ */
a,
a.active,
a:hover,
a:focus {
  outline: none;
}
em {
  font-style: italic;
}
.tagline {
  color: white;
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
  font-size: 2.65em;
  font-weight: normal;
  letter-spacing: .35em;
  line-height: .9em;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  text-transform: uppercase;
}
.paragraph {
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}
.text-only h1,
#content h1 {
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
  font-size: 2.65em;
  font-weight: normal;
  letter-spacing: .35em;
  line-height: .9em;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  text-transform: uppercase;
}
.text-only h2,
#content h2 {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.text-only h3,
#content h3 {
  font-size: 30px;
  margin: 1.5em 0 .5em 0;
}
.text-only h4,
#content h4 {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.5em;
  margin: .5em 0;
}
.text-only p,
#content p,
.text-only ol,
#content ol,
.text-only ul,
#content ul,
.text-only li,
#content li {
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
}
.text-only ul,
#content ul {
  list-style: none !important;
}
.text-only ul li,
#content ul li {
  background: url(../images/ui/bullet.png) left 0.65em no-repeat;
  list-style-position: outside;
  margin-left: 35px;
  padding-left: 20px;
}
.text-only ol,
#content ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  margin-bottom: 18px;
}
.text-only em,
#content em,
.text-only i,
#content i {
  font-style: italic;
}
.text-only strong,
#content strong,
.text-only bold,
#content bold {
  font-weight: bold;
}
.text-only blockquote,
#content blockquote {
  background: #f6f6f6;
  display: block;
  margin: 2em 1em;
  padding: 2em;
}
.text-only blockquote p,
#content blockquote p {
  font-style: italic;
}
/* ------------------------------------------------------------
	General Layout
------------------------------------------------------------ */
body {
  background: #ede3ac;
  color: #464646;
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
}
.silhouette {
  background: url(../images/ui/pv_silhouette.png) center bottom;
  margin: 0;
  padding: 0;
}
#main.interior {
  background: url(../images/ui/content-bg.png) center top repeat-y;
}
#content {
  width: 790px;
  margin: 0 auto;
  padding: 80px 0;
}
footer {
  background: #ede3ac;
  margin: 0 auto;
  position: relative;
  top: -1px;
  width: 960px;
}
/* ------------------------------------------------------------
	Header
------------------------------------------------------------ */
header {
  background: #ede3ac url(../images/ui/header-bg.png) left top repeat-x;
  border-bottom: 8px solid white;
  height: 56px;
}
header nav {
  margin: 0 auto;
  position: relative;
  width: 960px;
}
header nav #logo a {
  background: #ffffff url(../images/ui/pv-logo.png) left top no-repeat;
  border-bottom: 4px solid white;
  border-left: 4px solid white;
  border-right: 4px solid white;
  position: absolute;
  left: 10px;
  top: 0;
  text-indent: -5000px;
  width: 272px;
  height: 96px;
  z-index: 100;
  box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.2);
}
header nav #mainNav {
  border-right: 1px inset #d9cf9d;
  padding-right: 1px;
  position: absolute;
  right: 0;
  text-align: right;
}
header nav #mainNav li {
  border-left: 1px outset #d9cf9d;
  display: inline;
  float: left;
  font-size: 16px;
  height: 56px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
header nav #mainNav li a {
  color: #827d00;
  display: block;
  height: 32px;
  padding: 24px 15px 0 15px;
  text-decoration: none;
}
header nav #mainNav li a:hover {
  background: #ede3ac;
}
header nav #mainNav li a.active {
  background: #ede3ac;
}
header nav #mainNav li ul {
  background: #fff;
  left: -999em;
  position: absolute;
  width: 10em;
  z-index: 9999;
  box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.2);
}
header nav #mainNav li ul li {
  border-bottom: 1px solid #ddd;
  border-left: none;
  height: inherit;
  text-align: left;
  width: 10em;
}
header nav #mainNav li ul li a {
  height: inherit;
  padding: 10px;
}
header nav #mainNav li ul li a:hover {
  background: #ede3ac;
  color: #b06110;
}
header nav #mainNav li:hover ul,
header nav #mainNav li.sfhover ul {
  left: auto;
}
/* ------------------------------------------------------------
	Content
------------------------------------------------------------ */
.interior #main img {
  padding: 15px;
}
.interior #main img.hardleft {
  padding-left: 0;
}
.interior #main .tagline {
  background: #b06110;
  padding: 40px 0;
}
.interior #main .tagline h3 {
  line-height: .9em;
}
.interior #main .tagline span {
  color: #ede3ac;
  display: block;
  font-size: .4em;
  letter-spacing: 4px;
}
.interior.partners #content article {
  clear: both;
  margin-bottom: 60px;
}
.interior.partners #content li {
  background: none;
}
.interior.partners #content li a {
  border-bottom: 1px solid #ddd;
  color: #464646;
  display: block;
  font-size: 21px;
  padding: 1em .5em;
  text-decoration: none;
}
.interior.partners #content li a strong {
  font-size: 70%;
  letter-spacing: 1px;
  margin-right: .75em;
  text-transform: uppercase;
}
.interior.partners #content li a:hover {
  background: #ede3ac;
}
.interior.partners #content a.partner {
  border-bottom: 1px solid #ddd;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 33px;
  color: #464646;
  text-decoration: none;
  width: 100%;
}
.interior.partners #content a.partner img {
  float: left;
  padding: 35px 45px 25px 0;
  position: relative;
  width: 390px;
}
.interior.partners #content a.partner div {
  margin-bottom: 20px;
}
.interior.partners #content a.partner h3 {
  font-size: 30px;
  font-weight: normal;
  line-height: 1.35em;
}
.interior.partners #content a.partner h3 strong {
  display: block;
  font-size: 50%;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin-bottom: 15px;
  text-transform: uppercase;
}
/* ------------------------------------------------------------
	Content, Layouts
------------------------------------------------------------ */
.interior section {
  margin-bottom: 40px;
}
.interior section h2 {
  border-top: 1px solid #ddd;
  padding-top: 60px;
}
.interior section h2:first-of-type {
  border: none;
  padding-top: 20px;
}
.interior article {
  padding: 20px 0;
}
.layout-a {
  float: left;
  width: 790px;
}
.layout-a .words {
  float: right;
  width: 340px;
}
.layout-a img {
  float: left;
  position: relative;
  top: 5px;
}
.layout-b {
  float: left;
  width: 790px;
}
.layout-b .words {
  float: left;
  width: 340px;
}
.layout-b img {
  float: right;
  position: relative;
  top: 5px;
}
.layout-c {
  float: left;
  padding-bottom: 270px;
  width: 790px;
}
.layout-c img {
  bottom: 0;
  margin-top: 1em;
}
.layout-d {
  float: left;
  margin-right: 50px;
  margin-bottom: 10px;
  width: 330px;
}
.layout-d img {
  float: left;
  margin: 10px 20px 10px 0;
  width: 160px;
}
.layout-e {
  float: left;
  width: 790px;
}
/* ------------------------------------------------------------
	Home Page
------------------------------------------------------------ */
.index #main {
  background: #b06110;
}
.index #main .marquee {
  border-bottom: 4px solid white;
  display: block;
  position: relative;
  z-index: 1;
}
.index #main .royalSlider {
  width: 100% !important;
  height: 100%;
}
.index #main .rsBullets {
  background: none !important;
  line-height: 38px !important;
}
.index #main h1 {
  color: white;
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
  font-size: 2.65em;
  font-weight: normal;
  letter-spacing: .35em;
  line-height: .9em;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  text-transform: uppercase;
}
.index #main h1 span {
  color: #ede3ac;
  display: block;
  font-size: .4em;
  letter-spacing: 4px;
}
/* ------------------------------------------------------------
	Form
------------------------------------------------------------ */
form label {
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  color: #464646;
  display: block;
  margin: 1em 0 .25em 0;
}
form input[type=text],
form textarea {
  background: white;
  border: 1px solid #ddd;
  font-size: 18px;
  padding: 8px;
  width: 500px;
}
form input[type=text]:focus,
form textarea:focus {
  border: 1px solid #b06110;
  outline: none;
}
form input[type=submit] {
  background: #b06110;
  border: 1px solid #9f570e;
  color: white;
  border-radius: 3px;
  display: block;
  font-family: "futura-pt", "Futura", "Arial", Arial, sans-serif;
  letter-spacing: 1px;
  margin: 1em 0 1em 0;
  padding: 12px 30px;
  text-transform: uppercase;
}
form input[type=submit]:hover {
  background: #9f570e;
}
form .error label {
  color: red;
}
form .error input {
  border-color: red;
}
/* ------------------------------------------------------------
	Buttons, Extras, etc.
------------------------------------------------------------ */
/* ------------------------------------------------------------
	Footer
------------------------------------------------------------ */
footer {
  color: #b06110;
  letter-spacing: .15em;
  text-transform: uppercase;
}
footer a {
  color: #b06110;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}
footer li {
  display: inline;
}
footer #footNav {
  margin: 0 auto 80px auto;
  text-align: center;
  width: 800px;
}
footer #footNav li {
  padding: 17px 40px 17px 80px;
}
footer #footNav li.email {
  background: url(../images/ui/contact-email.png) 40px 14px no-repeat;
  border-left: 1px outset #d9cf9d;
}
footer #footNav li.tel {
  background: url(../images/ui/contact-phone.png) 40px 14px no-repeat;
}
footer #footPartners {
  border-top: 1px outset #d9cf9d;
  margin: 0 auto 80px auto;
  padding: 40px 0;
  text-align: center;
  width: 800px;
}
footer #footPartners li {
  border-left: 1px outset #d9cf9d;
  float: left;
  padding: 0 37px;
  position: relative;
}
footer #footPartners li:first-child {
  border: none;
}
footer #footPartners a {
  float: left;
  text-indent: -5000px;
  width: 191px;
  height: 56px;
}
footer #footPartners .ecoclad a {
  background: url(../images/ui/footer-ecoclad.png) left top no-repeat;
}
footer #footPartners .kinetico a {
  background: url(../images/ui/footer-kinetico.png) left top no-repeat;
}
footer #footPartners .mechoshade a {
  background: url(../images/ui/footer-mechoshade.png) left top no-repeat;
}
footer #copyright {
  font-size: 75%;
  text-align: center;
}
/* ------------------------------------------------------------
	Utility Styles
------------------------------------------------------------ */
#accessibility {
  display: none;
}
.no-gutter {
  margin-right: 0;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.float-left-margin {
  float: left;
  margin: 0 20px 20px 0;
}
.float-right-margin {
  float: right;
  margin: 0 0 20px 20px;
}
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.no-border {
  border: none;
}
.hide {
  display: none;
}
.cf {
  *zoom: 1;
}
.cf:after {
  clear: both;
  content: "";
  display: table;
}