Vulcanise pushing

index.htm

<script type='text/javascript' src="bower_components/platform/platform.js"></script>
<script type='text/javascript' src="bower_components/polymer/polymer.js"></script>


<!-- Place your HTML imports here -->
<link rel="import" href="elements/templates/app.html">



<polymer-app>
    Content on home page injected into the templates content element.
</polymer-app>

vulcanized.html

<polymer-element name="polymer-header" attributes="" assetpath="elements/">
    <template>
        <style>
            /* styles for the custom element itself - lowest specificity */
            :host {  }
            /* 
            style if an ancestor has the different class
            :host(.different) { } 
            */
        </style>
        <div id="header" class="wrapper">
            <h1><a href="/" title=""><strong>Algae Systems</strong></a></h1>
            <ul id="social">
                <li id="social_facebook"><a href="http://www.facebook.com/pages/Algae-Systems-LLC/125194464168881" title=""><strong>Follow us on Facebook</strong></a></li>
                <li id="social_twitter"><a href="http://twitter.com/AlgaeSystems" title=""><strong>Follow us on Twitter</strong></a></li>
                <li id="social_share"><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250" title=""><strong>Share with your friends</strong></a></li>
            </ul>
        </div>
    </template>
    <script>
        Polymer('polymer-header', {

        });
    </script>
</polymer-element>



<polymer-element name="polymer-nav" attributes="" assetpath="elements/">
    <template>
        <style>
            /* styles for the custom element itself - lowest specificity */
            :host {  }
            /* 
            style if an ancestor has the different class
            :host(.different) { } 
            */
        </style>
<div id="navwrapper">
    <ul id="nav">
        <li><a href="/" title=""><cufon class="cufon cufon-canvas" alt="Home" style="width: 45px; height: 17px;"><canvas width="54" height="18" style="width: 54px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext>Home</cufontext></cufon></a></li>
        <li class="page_item page-item-3 first_item"><a href="http://algaesystems.com/company/"><cufon class="cufon cufon-canvas" alt="Company" style="width: 70px; height: 17px;"><canvas width="80" height="18" style="width: 80px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext>Company</cufontext></cufon></a><cufon class="cufon cufon-canvas" alt=" " style="width: 5px; height: 17px;"><canvas width="19" height="18" style="width: 19px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext> </cufontext></cufon><ul class="children">
            <li class="page_item page-item-8 first_item"><a href="http://algaesystems.com/company/about/"><cufon class="cufon cufon-canvas" alt="About " style="width: 41px; height: 14px;"><canvas width="53" height="15" style="width: 53px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>About </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Us" style="width: 17px; height: 14px;"><canvas width="25" height="15" style="width: 25px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Us</cufontext></cufon></a></li>
            <li class="page_item page-item-9"><a href="http://algaesystems.com/company/team/"><cufon class="cufon cufon-canvas" alt="Management " style="width: 87px; height: 14px;"><canvas width="99" height="15" style="width: 99px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Management </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Team" style="width: 35px; height: 14px;"><canvas width="38" height="15" style="width: 38px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Team</cufontext></cufon></a></li>
            <li class="page_item page-item-11"><a href="http://algaesystems.com/company/partners/"><cufon class="cufon cufon-canvas" alt="Strategic " style="width: 59px; height: 14px;"><canvas width="71" height="15" style="width: 71px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Strategic </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Partners" style="width: 55px; height: 14px;"><canvas width="63" height="15" style="width: 63px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Partners</cufontext></cufon></a></li>
            <li class="page_item page-item-10"><a href="http://algaesystems.com/company/advisors/"><cufon class="cufon cufon-canvas" alt="Advisors" style="width: 54px; height: 14px;"><canvas width="62" height="15" style="width: 62px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Advisors</cufontext></cufon></a></li>
            <li class="page_item page-item-13 last_item"><a href="http://algaesystems.com/company/careers/"><cufon class="cufon cufon-canvas" alt="Careers" style="width: 48px; height: 14px;"><canvas width="56" height="15" style="width: 56px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Careers</cufontext></cufon></a></li>
            </ul></li>
        <li class="page_item page-item-4"><a href="http://algaesystems.com/technology/"><cufon class="cufon cufon-canvas" alt="Technology" style="width: 85px; height: 17px;"><canvas width="94" height="18" style="width: 94px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext>Technology</cufontext></cufon></a><cufon class="cufon cufon-canvas" alt=" " style="width: 5px; height: 17px;"><canvas width="19" height="18" style="width: 19px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext> </cufontext></cufon><ul class="children">
            <li class="page_item page-item-461 first_item"><a href="http://algaesystems.com/technology/integrated-platform/"><cufon class="cufon cufon-canvas" alt="Our " style="width: 26px; height: 14px;"><canvas width="38" height="15" style="width: 38px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Our </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Platform" style="width: 55px; height: 14px;"><canvas width="58" height="15" style="width: 58px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Platform</cufontext></cufon></a></li>
            <li class="page_item page-item-14"><a href="http://algaesystems.com/technology/process/"><cufon class="cufon cufon-canvas" alt="Process" style="width: 50px; height: 14px;"><canvas width="58" height="15" style="width: 58px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Process</cufontext></cufon></a></li>
            <li class="page_item page-item-15"><a href="http://algaesystems.com/technology/omega/"><cufon class="cufon cufon-canvas" alt="OMEGA" style="width: 48px; height: 14px;"><canvas width="54" height="15" style="width: 54px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>OMEGA</cufontext></cufon></a></li>
            <li class="page_item page-item-16"><a href="http://algaesystems.com/technology/biorefinery/"><cufon class="cufon cufon-canvas" alt="Integrated " style="width: 69px; height: 14px;"><canvas width="80" height="15" style="width: 80px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Integrated </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Biorefinery" style="width: 69px; height: 14px;"><canvas width="77" height="15" style="width: 77px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Biorefinery</cufontext></cufon></a></li>
            <li class="page_item page-item-17 last_item"><a href="http://algaesystems.com/technology/carbon_negative/"><cufon class="cufon cufon-canvas" alt="Carbon " style="width: 48px; height: 14px;"><canvas width="59" height="15" style="width: 59px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Carbon </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Negative" style="width: 56px; height: 14px;"><canvas width="63" height="15" style="width: 63px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Negative</cufontext></cufon></a></li>
            </ul></li>
        <li class="page_item page-item-5"><a href="http://algaesystems.com/systemics/"><cufon class="cufon cufon-canvas" alt="Systemics" style="width: 76px; height: 17px;"><canvas width="86" height="18" style="width: 86px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext>Systemics</cufontext></cufon></a><cufon class="cufon cufon-canvas" alt=" " style="width: 5px; height: 17px;"><canvas width="19" height="18" style="width: 19px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext> </cufontext></cufon><ul class="children">
            <li class="page_item page-item-19 first_item"><a href="http://algaesystems.com/systemics/carbon_lifecycle/"><cufon class="cufon cufon-canvas" alt="Closing " style="width: 49px; height: 14px;"><canvas width="60" height="15" style="width: 60px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Closing </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Loops" style="width: 38px; height: 14px;"><canvas width="46" height="15" style="width: 46px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Loops</cufontext></cufon></a></li>
            <li class="page_item page-item-20"><a href="http://algaesystems.com/systemics/scalability/"><cufon class="cufon cufon-canvas" alt="Scalability" style="width: 63px; height: 14px;"><canvas width="71" height="15" style="width: 71px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Scalability</cufontext></cufon></a></li>
            <li class="page_item page-item-21"><a href="http://algaesystems.com/systemics/economics/"><cufon class="cufon cufon-canvas" alt="Economics" style="width: 67px; height: 14px;"><canvas width="75" height="15" style="width: 75px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Economics</cufontext></cufon></a></li>
            <li class="page_item page-item-22 last_item"><a href="http://algaesystems.com/systemics/why/"><cufon class="cufon cufon-canvas" alt="Why " style="width: 32px; height: 14px;"><canvas width="44" height="15" style="width: 44px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Why </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Algae " style="width: 38px; height: 14px;"><canvas width="50" height="15" style="width: 50px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Algae </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Systems?" style="width: 60px; height: 14px;"><canvas width="69" height="15" style="width: 69px; height: 15px; top: -1px; left: 0px;"></canvas><cufontext>Systems?</cufontext></cufon></a></li>
            </ul></li>
        <li class="page_item page-item-7 last_item"><a href="http://algaesystems.com/contact/"><cufon class="cufon cufon-canvas" alt="Contact" style="width: 58px; height: 17px;"><canvas width="69" height="18" style="width: 69px; height: 18px; top: -1px; left: 0px;"></canvas><cufontext>Contact</cufontext></cufon></a></li>
    </ul>
</div>
    </template>
    <script>
        Polymer('polymer-nav', {

        });
    </script>
</polymer-element>




<polymer-element name="polymer-footer" attributes="" assetpath="elements/">
    <template>
        <style>
            /* styles for the custom element itself - lowest specificity */
            @host {             

                /* no width and height set */
                /* you wonder why? */
                /* Keep on reading. ;) */

            }


        </style>
        
        <div id="footer">
            <div id="footer_content" class="wrapper">
                FOOTER
                <ul>
                    <li style="padding-left: 0;"><a href="elements/index.html" title="">Home</a></li>
                    <li><a href="elements/company/careers/index.html" title="">Careers</a></li>
                    <li style="border: none;"><a href="elements/contact.html" title="">Contact</a></li>
                </ul>

                <p>&copy; 2011 Algae Systems LLC. All rights reserved.<br><small><a href="elements/wp-admin.html" title="">Login</a></small></p>

                <p id="print">Printed from http://algaesystems.com/feature/scale-and-sustainability/<br>Thursday 20th of February 2014 01:30:32 PM</p>

                <p id="credit"><a href="http://freerange.com/" title=""><strong>Site design by Free Range Graphics</strong></a></p>
            </div>
            <!-- End footer content -->
        </div>
    </template>
    <script>
        Polymer('polymer-footer', {

        });
    </script>
</polymer-element>
<!-- Place your HTML imports here -->




<polymer-element name="polymer-app" attributes="" assetpath="elements/templates/">
    <template>
        <style>
            /* styles for the custom element itself - lowest specificity */
            :host() { 
	font: 9pt "Trebuchet", "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;

            }


        </style>
        <!doctype html>
        <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
        <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
        <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
        <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <title>HempBuild - Sustainalble construction</title>
            <meta name="description" content="Sustainable building system">
            <meta name="viewport" content="width=device-width, initial-scale=1">

            <link rel="publisher" href="http://www.biomimicrygermany.de/">
            <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
            <style>/* @override 
	http://algae.vernalpond.com/wp-content/themes/algaesystems/style.css
	http://algae.vernalpond.com/wp-content/themes/algaesystems/print.css
	http://algaesystems.com/wp-content/themes/algaesystems/style.css
*/

/* @group Misc HTML and Resets */

* {
	margin: 0;
	padding: 0;
}

a {
	color: #528e25;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #84dc15;
}
 
 a:active, a:focus {
	outline: 0;
	color: #333;
      }
      

body {

}

a img {
	border: none;
}

h1, h2, h3, h4 {
	margin-bottom: 5px;
	font-weight: normal;
}

p, ul, ol {
	margin: 0;
	margin-bottom: 20px;
}

.action {
	text-transform: uppercase;
	background: url(styles/images/icon_action.html) center left no-repeat;	padding-left: 22px;	
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.alignleft {
	float: left;
	margin: 0 25px 7px 0;
}

.alignnone {
	text-align: center;
}

.alignright {
	float: right;
	margin: 0 0 7px 7px;
}

.clear {
	clear: both;
}

.hide {display: none;}

.edit {
	float: right;
	color: red;
}

.edit a {
	color: red;
}

.excerpt img {
	display: none;
}

.img_thumb {
	float: left !important;
}
 
.more {
	display: inline;
}

.more a {
	padding-right: 15px;
	background: url(styles/images/more_right.html) center right no-repeat;
	text-transform: uppercase;
	text-decoration: none;
	color: #17557d;
	font: bold 95% Arial, Helvetica, Geneva, sans-serif;
}

.more a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}
a.read_more {
	background: url(styles/images/arrow.gif) center left no-repeat;
	padding-left: 20px;
	display: block;
}

a.read_more:hover {
	background-color: #4475d6;
}

.fee-suggest-over:hover, div.fee-field:hover {
	background-color: #fbfbf2 !important;
}

div.fee-form,textarea.fee-form-content {
	clear: none !important;
}

body.page-id-7 div.fee-form, body.page-id-7 textarea.fee-form-content {
	width: 160px !important;
	clear: none !important;
	float: right;
}

.fee-field:hover, .fee-field:hover * {background-color: transparent !important}

.thumb {
	margin: 0;
	padding: 0;
}

.wrapper {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

div.wp-caption {
}

p.wp-caption-text {
	font-size: 85%;
	text-align: center;
	color: #3a6d64;
	margin-bottom: 0;
}

img.aligncenter {
	margin-bottom: 25px;
}

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */


/* @end */

/* @group Header */

#header {
	margin-top: 20px;
}

#header h1 {
	width: 350px;
	float: left;
	margin-left: 20px;
}

#header h1 strong {
	display: none;
}

#header h1 a {
	display: block;
	width: 300px;
	height: 48px;
	background: url(styles/images/logo.gif) top left no-repeat;
	margin-bottom: 20px;
	margin-top: 20px;

}

/* @group Social Media */

#header ul {
	text-align: right;
	float: right;
}

#header ul li {
	list-style: none;
	display: inline;
}

#header ul li a {
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 6px;

}

#header ul li a strong {
	display: none;
}

#header ul li#social_facebook a {
	background: url(styles/images/social_facebook.gif);
}

#header ul li#social_twitter a {
	background: url(styles/images/social_twitter.gif);
}


#header ul li#social_share a {
	background: url(styles/images/social_share.gif);
	margin-right: 0;
}

#header ul li a:hover {
	background-position: 0 -25px !important;
}

/* @end */

/* @end */




/* @group Subnav */

.subnav {
	clear: both;
}

.subnav li {
	list-style: none;
	display: inline;
	
}

.subnav a {
	color: #528e25;
	border-right: 1px solid #333;
	padding: 0px 12px;
}

.subnav a:hover {
	color: #84dc15;
}

.subnav li.current_page_item a {
	color: #333;
}

.subnav li.last_item a {
	border: none;
}

ul#section3.subnav {
	margin-left: -380px;	
}

ul#section4.subnav {
	margin-left: -200px;	
}

/* @end */

/* @end */

/* @group Utilities */

#util {
	width: 16px;
	float: right;
	border-left: 1px solid #333;
	padding-left: 10px;
}

#util li {
	list-style: none;
	margin-bottom: 10px;
}

#util li a strong {
	display: none;
}

#util li a {
	display: block;
	width: 16px;
	height: 16px;
}

#util li#util_share a {
	background: url(styles/images/util_share.gif);
}

#util li#util_email a {
	background: url(styles/images/util_email.gif);
}

#util li#util_print a {
	background: url(styles/images/util_print.gif);
	height: 13px;
}

#util li#util_share a:hover {
	background-position: -16px 0;
}

#util li#util_print a:hover {
	background-position: -16px 0;
}

#util li#util_email a:hover {
	background-position: -16px 0;
}

/* @end */

/* @group Middle Area */

#content {
	width: 610px;
	margin-right: 20px;
	float: right;
	padding-bottom: 200px;
	position: relative;
	top: -5px;
}

#content p.next {
	background: url(styles/images/arrow.gif) center left no-repeat;
	padding-left: 20px; 
	margin-top: 25px;
}

/* @group Styles */

#content h1 {
	font-size: 230%;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#content h2 {
	text-transform: uppercase;
	font-size: 165%;
	margin-bottom: 5px;
}

#content h2 a {
	color: #333 !important;
	text-transform: none;
	font-size: 125%;
	font-weight: normal;
}

#content p {
	line-height: 150%;
}

#content ul, #content ol {
	margin-left: 45px;
}

#news p.post_date {
	margin: 0;
	color: #2f4a7f;
}

/* @end */

/* @group Post listings */

.post {
	border-left: 1px solid #ccc;
	margin: 0 0 30px 0;
	padding-left: 15px;
	padding-bottom: 1px;
}

.post p {
	margin: 0;
}

.post p.offsite {
	background: url(styles/images/icon_offsite.gif) center left no-repeat;
	padding-left: 20px; 	
	margin-bottom: 20px;
	margin-top: 10px;
}

.post p.attachment {
	background: url(styles/images/icon_pdf.gif) center left no-repeat;
	padding-left: 20px; 	
	margin-bottom: 20px;
	margin-top: 10px;
}

/* @end */

/* @group Contact Form */

form#cformsform {
	width: 285px;
	margin: 0;
	float: left;
	margin-right: 25px;
	padding-right: 25px;
	border-right: 1px solid #ccc;
}

#cformsform label {
	display: block;
	text-align: left;
	text-transform: uppercase;
}

#cformsform li {
	margin-bottom: 10px !important;
}

#cformsform span {
	display: block;
}

#cformsform input,#cformsform select,#cformsform textarea {
	width: 275px;
	padding: 5px;
	border: 1px solid #ccc;
}

.linklove {
	display: none !important;
}

#cformsform li#li--1 span {
	width: 285px;
}

#cformsform input#sendbutton {
	width: 155px;
	height: 25px;
	margin: 0 auto;
	background: #65a52a;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #333 !important;
	font-weight: bold;
	font-size: 110%;
	padding: 0 10px 1px 10px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#cformsform p.cf-sb {
	text-align: center;
}

#usermessagea {
	background: yellow;
	margin: 0 0 15px 0;
}

/* @end */

/* @group Flash page */

#process {

}


body.page-id-14 #left, body.page-id-14 #util {
	display: none;
}

/* @end */

/* @end */

/* @group Left Sidebar */

#left {
	width: 255px;
}

#left h3 {
	width: 239px;
	height: 20px;
	color: #fff;
	background: url(styles/images/left_h3.gif) top left no-repeat;
	padding: 4px 7px 5px 7px;
	border-left: 1px solid #333;
	font-size: 150%;
	margin: 0;
	padding-bottom: 15px;
}

#left ul {
	border-left: 1px solid #333;
	margin: 0;
	padding: 0;
	padding-bottom: 30px;
	margin-bottom: 30px;
}


#left li {
	list-style-image: url(styles/images/arrow.gif);
	margin-left: 35px;
	padding-bottom: 8px;
}

#feature_image {
	margin-bottom: 15px;
	overflow: hidden;
	width: 250px;
	height: 250px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
}

#content img {
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	border-top: 6px solid #919191;
	background-color: #f1f1f1;
	padding-top: 30px;
	position: relative;
	margin-top: -160px; /* negative value of footer height */
	height: 124px;
	clear:both;
}

#footer_content {
	border-left: 1px solid #919191;
	padding-left: 10px;
	height: 124px;
}

#footer_content ul {
	margin-bottom: 5px;
	}

#footer_content li { 
	list-style: none;
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #333;  
}

#credit {
	float: right;
}

#credit a {
	display: block;
	width: 233px;
	height: 17px;
	background: url(styles/images/credit.gif);
}

#credit a strong {
	display: none;
}

#print {
	display: none;
}

/* @end */

/* @group Homepage */

/* @group Carousel */

#carousel {
	width: 930px;
	height: 270px;
	position: relative;
}

#carousel div.featured_content_info img {
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	overflow: hidden;

}

#carousel div.featured_excerpt {
	width: 395px;
	height: 155px;
	background-color: #223b68;
	color: #fff;
	padding: 10px 20px;
	position: absolute;
	top: 40px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	overflow: hidden;
	opacity: 0.95;
}

#carousel div.featured_excerpt h3 {
	opacity: 1.5;
	font-size: 260%;
	line-height: 98%;
	margin: 0;
	margin-bottom: 10px;
	font-weight: normal;
}

#carousel p.learnmore a {
	display: block;
	background: url(styles/images/learnmore.gif);
	width: 152px;
	height: 22px;
	margin-top: 15px;
}

#carousel p.learnmore a strong {
	display: none;
}

#featured_nav  {
	position: absolute;
	bottom: -12px;
	width: 210px;
	right: 10px;
	text-align: right;
	
}

#featured_nav li {
	list-style: none;
	float: left;
	margin-right: 3px;
}

#featured_nav li a {
	display: block;
	width: 26px;
	height: 25px;
	background: url(styles/images/dots.png) top center no-repeat;
	float: left;
}

#featured_nav li a strong {
	display: none;
}

#featured_nav li a.featured_link.active, #featured_nav li a:hover {
	background-position: 0 -31px;
}

/* @end */

/* @group Left */

#home_left {
	width: 730px;
	float: left;
	padding-bottom: 120px;
}

#home_left p#about {
	line-height: 170%;
	padding-bottom: 15px;
	margin-bottom: 10px;
	width: 650px;
	font-size: 150%;
}

#home_left p#about a.learnmore {
	padding-right: 20px;
	font-weight: normal;
	background: url(styles/images/arrow.gif) center right no-repeat;
}

#home_left_news, #home_left_process {
	width: 325px;
	float: left;
	background: url(styles/images/home_box_bg.gif) top left no-repeat;
	margin-right: 30px;

}

#home_left div h2 {
	color: #fff;
	padding: 5px 8px;
}

#home_left div h2 a {
	display: block;
	color: #fff;
	width: 325px;
	height: 20px;
}

#home_left_news ul {
	padding: 10px 35px;
	overflow: hidden;
}

#home_left_news ul li {
	list-style-image: url(styles/images/bullet.gif);
	margin-bottom: 15px;
}

#home_left_news small {
	display: block;
}

#home_left_news strong {
	font-weight: normal;
}

#home_left_process p a {
	background: url(styles/images/process2.gif) center bottom no-repeat;
	padding: 10px 10px 230px 10px;
	display: block;
	color: #333;
	font-weight: normal;
}

/* @end */

/* @group Right */

#home_right {
	width: 222px;
	margin-left: 710px;
	padding-top: 30px;

}

#home_right h3 {
	color: #fff;
	padding: 5px 10px;
	background-color: #5c5c5c;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	font-size: 140%;
	margin: 0;
}

#home_right h3 a {
	color: #fff;
	display: block;
	width: 200px;
	height: 20px;
}

#home_right ul {
	border-right: 1px solid #999;
	padding-top: 7px;
}

#home_right ul li {
	list-style: none;
	height: 28px;
	padding: 15px 0 10px 59px;
	text-transform: uppercase;
}

#home_right ul li a {
	display: block;
	width: 146px;
	height: 14px;
	background: url(styles/images/benefits_li.gif) no-repeat;
	color: #333;

	font-size: 80%;
	padding: 3px 8px;
}

#benefits_environmental {
	background: url(styles/images/icon_benefits_environmental.gif) center left no-repeat;
}

#benefits_social {
	background: url(styles/images/icon_benefits_social.gif) center left no-repeat;
}

#benefits_technological {
	background: url(styles/images/icon_benefits_technological.gif) center left no-repeat;
}

#benefits_economic {
	background: url(styles/images/icon_benefits_financial.gif) center left no-repeat;
}

#home_right #benefits_vs {
	background: url(styles/images/icon_benefits_business.gif) center left no-repeat;
	text-transform: none;
}

/* @end */

/* @end */

#partners {
	margin-bottom: 25px;
}

#partners div.post {
	border: none;
	clear: left;
	border-bottom: 1px solid #ddd;
	min-height: 120px;
	padding-bottom: 55px;
}

#partners div.post p, #partners h4 {
	margin-left: 150px;
}

#partners h4 {
	font-size: 120%;
}

#partners div.post img {
	float: left;
	border: none;

}

/* @group Crazy Nav */

#nav {
    margin: 0 auto;
	display: block;
	width: 640px;
	padding-left: 50px;
	float: none !important;
}

#nav, #nav ul {
    float:left;
    list-style:none;
    line-height:20px;
    padding:0;
    }
#nav li a {
    display:block;
    color:#fff;
    text-decoration:none;
	padding: 6px 20px 10px 20px;
	margin-bottom: 5px;

    }
#nav li {
    float:left;
    padding:0 !important;
	font-size: 145%;
	margin-bottom: 0 !important;
    }
#nav ul {
    position:absolute;
    height:auto;
    left:-999em;
    margin:0;
    line-height:1;
    background: #fff;
	width: 900px;
	margin-top: -25px;
	    }
#nav li li {
	font-size: 80%;

    }

#nav li.current_page_ancestor ul {
	display: block;
	left: auto;
	margin-left: -170px;
}    

#nav li li a {
	color: #528e25;
	border-right: 1px solid #333;
	padding: 0px 12px;

    margin-bottom: 0;
    }
#nav li ul ul {
    margin:-20px 0 0 130px;
    }
#nav li li:hover {

    }

#nav li.last_item a {
	border: none;
}

#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a {
	color: #84dc15;
    }
#nav li:hover a, #nav li.sfhover a, #nav li.current_page_item a, #nav li.current_page_ancestor a {
	background: #fff;
	color: #528e25;
    }
    
#nav li ul li.current_page_item a {
	color: #333;
}

#nav li.page-item-3 ul {
	z-index: 6;
}

#nav li.page-item-4 ul {
	z-index: 5;
}

#nav li.page-item-5 ul {
	z-index: 4;
}

#nav li.page-item-6 ul {
	z-index: 3;
}

#nav li.page-item-7 ul {
	z-index: 2;
}

#nav li.page-item-4:hover ul {
	z-index: 7;
}
#nav li.page-item-5:hover ul {
	z-index: 7;
}
#nav li.page-item-6:hover ul {
	z-index: 7;
}
#nav li.page-item-7:hover ul {
	z-index: 7;
}

/* @end */

#navwrapper {
	clear: both;
	background: url(styles/images/nav_bg.jpg) no-repeat top center;
	text-align: center;
	height: 75px;
	position: relative;
}

#welcome {
	background: #000;
	padding: 8px 20px;
	text-align: left;
	color: #fff;
	font: 90% "Lucida Grande", Lucida, Verdana, sans-serif;
}

#welcome small {
	float: right;
}

#welcome small a {
	color: #fff;
	text-decoration: underline;
}

#related-posts h4 {
	display: none;
}

abbr {
	display: none;
}

#parent_page_content {
	display: none;
}
</style>
            
        </head>

        <body style="margin:0px; padding:0px">    
            <div id="wrap">

                <body>
                    <polymer-header></polymer-header>
                    <polymer-nav></polymer-nav>
                    <content>static content</content>
                    <polymer-footer></polymer-footer>
                </body>

            </div>
        </body>

        </html>
    </template>
    <script>
        Polymer('polymer-app', {

        });
    </script>
</polymer-element>

<script type="text/javascript">
    document.addEventListener('WebComponentsReady', function() {
        console.log('WebComponentsReady');
    });

    document.addEventListener('polymer-ready', function() {
        console.log('polymer-ready');
    });
</script>







<script type="text/javascript" src="bower_components/platform/platform.js"></script>
<script type="text/javascript" src="bower_components/polymer/polymer.js"></script>


<!-- Place your HTML imports here -->






<polymer-app></polymer-app>