/*
Theme Name: Make Your Buildings Work
Theme URI: http://makeyourbuildingswork.com
Description: Custom WordPress theme for MakeYourBuildingsWork.com
Author: McDill Design, www.mcdilldesign.com
Version: 2011
License: Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.
License URI: http://creativecommons.org/licenses/by-nc-nd/3.0/
Tags: custom-theme
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, 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,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* Layout -------------------------------------- */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.4em;
color:#4D4D4D;
text-align:center;
background:#FFF;	
}

img {
border:0;
}

p {
margin:0 0 10px 0;
}

a:link, a:visited {
color:#00549D;
text-decoration:underline;
}

a:hover {
color:#33c8e8;
text-decoration:underline;
}

sup {
font-size:0.8em;
line-height:0.8em;
vertical-align:super;
*font-size:13px;
*line-height:1.4em;
*vertical-align:baseline;
}

#wrapper {
margin:0 auto;
padding:0 10px;
width:1000px;
text-align:left;
}


/* Header --------------- */

#header {
margin:0;
padding:20px 0 0 0;
height:85px;
text-align:right;
}

#logo {
float:left;
margin:10px 15px 20px 15px;
}

#searchbar {
margin:0;
padding:0;
}

#searchbar p {
margin:0;
}

.input-search {
margin:0;
padding:3px 5px;
width:190px;
font-size:11px;
color:#333;
background:#FFF url(images/template/bg-searchbar.png) repeat-x;
border:1px solid #CCC;
outline:none;
}

.input-search:focus {
background:#FFF url(images/template/bg-searchbar-focus.png) repeat-x;
}

.search-btn {
margin:0 0 0 2px;
padding:0;
width:26px;
height:22px;
font-size:11px;
color:#FFF;
background-color:#999;
border:1px solid #CCC;
outline:none;
cursor:pointer;
}

.search-btn:hover {
color:#FFF;
background-color:#33c8e8;
border:1px solid #CCC;
cursor:pointer;
}

#top-links {
margin:5px 5px 0 0;
padding:0;
font-size:11px;
color:#333;
}

#top-links li {
display:inline;
margin:0 0 0 10px;
padding:0;
}

#top-links a:link, #top-links a:visited {
color:#333;
text-decoration:underline;
}

#top-links a:hover {
color:#33c8e8;
text-decoration:underline;
}

p.phone-number {
margin:15px 5px 0 0;
*margin-top:10px;
font-size:17px;
font-weight:bold;
color:#F15D22;
}

p.phone-number span {
font-size:17px;
font-weight:bold;
color:#F15D22;
}



/* Slide Down Navigation by Javier Centeno, www.javiercenteno.com */

#nav {
clear:both;
width:100%;
position:relative;
}

#nav, #nav ul {
margin:0;
padding:0;
z-index:100;
height:22px;
list-style:none;
}

#nav li {
float:left;
margin:0;
padding:0;
position:relative;
}

#nav a {
display:block;
margin:0;
padding:0 5px;
line-height:22px;
text-decoration:none;
}

/* Drop Down */

#nav ul {
position:absolute;
top:21px;
left:0;
z-index:98;
display:none;
height:auto; /* Needed to display shadows correctly */
}

#nav ul.right {
left:auto;
right:0;
}

#nav li:hover ul {
display:block;
}

#nav ul a {
margin:0;
padding:5px 10px;
width:170px;
line-height:1.4em;
}

/* SKIN */

#nav {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.4em;
color:#FFF;
background-color:#00549e;
text-align:center;
}

#nav li {
border-right:1px solid #FFF;
}

#nav li li {
border-right:none;
}

#nav a {
color:#FFF;
background-color:#00549e;
}

#nav a:hover, #nav li:hover > a {
color:#FFF;
background-color:#00BBE3;
}

#nav a.drop {
padding-right:18px;
background:#00549e url(images/template/bg-nav-drop.png) no-repeat right;	
}

#nav a.drop:hover, #nav li:hover > a.drop {
background:#00BBE3 url(images/template/bg-nav-drop-over.png) no-repeat right;	
}


/* Drop Downs */

#nav ul {
box-shadow:0px 3px 5px rgba(0,0,0,.4);
-webkit-box-shadow:0px 3px 5px rgba(0,0,0,.4);
-moz-box-shadow:0px 3px 5px rgba(0,0,0,.4);
}

#nav ul a {
text-align:left;
color:#FFF;
background-color:#00BBE3;
}

#nav ul a:hover, #nav ul li:hover > a {
color:#FFF;
background-color:#33c8e8;
}

/* Fixed Sizes */
#nav #nav1 a {
width:120px;
overflow:hidden;
}

#nav #nav1 ul a {
width:175px;
}

#nav #nav2 a {
width:125px;
overflow:hidden;
}
#nav #nav3 a {
width:120px;
overflow:hidden;
}

#nav #nav4 a {
width:120px;
overflow:hidden;
}

#nav #nav5 a {
width:165px;
overflow:hidden;
}

#nav #nav6 a {
width:90px;
overflow:hidden;
}

#nav #nav7 a {
width:80px;
overflow:hidden;
}

#nav #nav8 a {
width:65px;
overflow:hidden;
}

#nav #nav8 ul a {
width:175px;
}


/* Home --------------- */

#feature-slider {
clear:left;
margin:3px 0 10px 0;
padding:0;
width:998px;
height:300px;
background:#FFF url(images/template/bg-feature-slider.png) no-repeat top right;
border:1px solid #CCC;
position:relative;
overflow:hidden;
}

.feature-photo {
float:left;
margin:0;
padding:0;
width:580px;
height:300px;
overflow:hidden;
}

.feature-description {
margin:0 0 0 580px;
padding:30px 20px;
}

#feature-slider h1 {
margin:0 0 10px 0;
font-size:20px;
line-height:1.2em;
font-weight:normal;
color:#333;
}

.panel a {
white-space:nowrap;
}

#home-calculator {
float:left;
margin:0;
padding:0;
width:495px;
height:235px;
background:#eeefef url(images/template/bg-home-calculator.png) no-repeat bottom;
border:1px solid #CCC;
position:relative;
}

#home-calculator h2 {
margin:0 0 15px 0;
padding:0 15px;
height:25px;
line-height:25px;
overflow:hidden;
font-size:13px;
font-weight:bold;
color:#FFF;
background:#8CC63F url(images/template/bg-green-bar.png) repeat-x;
}

/* GWO Test 2 - Recipe B */
#home-calculator.gwo2b {
background:#eeefef url(images/template/bg-home-calculator-green.png) no-repeat bottom; 
}

/* GWO Test 2 - Recipe C */
#home-calculator.gwo2c h2 {
background:#FAA519 url(images/template/bg-orange-bar.png) repeat-x;
}

/* GWO Test 2 - Recipe D */
#home-calculator.gwo2d {
background:#eeefef url(images/template/bg-home-calculator-blue.png) no-repeat bottom;
}

#home-calculator.gwo2d h2 {
background:#00549D url(images/template/bg-cyan-bar.gif) repeat-x;
}

/* GWO Test 2 - Recipe E */
#home-calculator.gwo2e {
background:#eeefef url(images/template/bg-home-calculator-teal.png) no-repeat bottom;
}

#home-calculator.gwo2e h2 {
background:#00C4B5 url(images/template/bg-teal-bar.png) repeat-x;
}


#home-calculator p.intro {
float:left;
margin:0 0 0 15px;
*margin-left:7px; /* IE bug */
width:200px;
}

p.calculator-image {
position:absolute;
top:115px;
left:10px;
}

#home-calculator-form {
margin:0 10px 0 228px;
}

/* GWO Test 3 - Recipe C */
#home-calculator.gwo3c p.intro {
float:none;
margin:50px 5px 0 240px;
width:220px;
}

#home-calculator.gwo3c p.button-bar {
position:absolute;
bottom:50px;
left:240px;
}

#home-calculator.gwo3c .green-button {
font-size:0.9em;
}

#home-calculator.gwo3c p.calculator-image {
position:absolute;
top:85px;
left:5px;
}

#calculator-widget-gwo3b #home-calculator-form {
margin:10px 0;
width:250px;
}

#calculator-widget-gwo3b #home-calculator-form p {
margin-bottom:7px;
}

#home-featured {
margin:0 0 0 505px;
padding:0;
height:235px;
background:#eeefef url(images/template/bg-home-box.png) repeat-x;
border:1px solid #CCC;
position:relative;
}

#home-featured h2 {
margin:0 0 15px 0;
padding:0 15px;
height:25px;
line-height:25px;
overflow:hidden;
font-size:13px;
font-weight:bold;
color:#FFF;
background:#00549D url(images/template/bg-blue-bar.png) repeat-x;
}

#home-featured h3 {
margin:0;
font-size:14px;
font-weight:bold;
color:#333;
}

#home-featured a:link, #home-featured a:visited {
color:#333;
text-decoration:none;
}

#home-featured a:hover {
color:#33c8e8;
text-decoration:underline;
}

.home-featured-item {
margin:10px 20px 0 15px;
height:90px;
}

.thumb {
float:left;
margin:0 15px 0 0;
width:100px;
height:75px;
border:1px solid #CCC;
}

.ad-thumb {
float:left;
margin:0 15px 0 0;
width:auto;
height:100px;
border:1px solid #CCC;
}

.clearfix {
clear:both;
height:1px;
}

.qtip {
font-size:11px;
line-height:1.4em;
}

.qtip strong {
font-weight:normal;
color:#000;
}

.qtip-wrapper {
box-shadow:0px 3px 5px rgba(0,0,0,.3);
-webkit-box-shadow:0px 3px 5px rgba(0,0,0,.3);
-moz-box-shadow:0px 3px 5px rgba(0,0,0,.3);
}

/* Container --------------- */

#container {
clear:left;
margin:3px 0 0 0;
padding:0;
position:relative;
}

#container.sidebar {
background:#FFF url(images/template/bg-sidebar.png) repeat-y right;
}


/* Main --------------- */

#main {
margin:0;
padding:20px 25px 20px 15px;
width:640px;
line-height:1.6em;
position:relative;
}

.breadcumbs {
margin-bottom:15px;
font-size:12px;
color:#808080;
}

.breadcumbs a:link, .breadcumbs a:visited {
color:#666;
}

.breadcumbs a:hover {
color:#00BBE3;
}

#main h1 {
margin:0 0 15px 0;
font-size:24px;
font-weight:normal;
line-height:1.2em;
color:#00549D;
}

#main h2 {
margin:15px 0 20px 0;
font-size:20px;
font-weight:normal;
line-height:1.2em;
color:#00BBE3;
}

#main h3 {
margin:20px 0 10px 0;
font-size:17px;
font-weight:normal;
font-style:normal;
line-height:1.2em;
color:#00549D;
}

#main h4.blue {
color:#00549D;
}

#main ul {
margin:10px 0 15px 0;
padding:0;
position:relative;
}

#main ul.left-margin-200 {
margin:10px 0 15px 220px;
}

#main ul li {
list-style-type:none;
list-style-image:none;
margin:0 0 10px 10px;
padding:0 0 0 15px;
background:transparent url(images/template/bullet.png) no-repeat;
background-position:0 0.6em;
}

#main ol {
margin:10px 0 15px 0;
padding:0;
}

#main ol li {
list-style-type:decimal;
margin:0 0 10px 20px;
}

ul#toolbar {
position:absolute;
top:20px;
right:10px;
margin:0;
padding:0;
height:24px;
font-size:11px;
color:#333;
text-align:right;
}

#main.calculator ul#toolbar {
right:-240px;
}

ul#toolbar li {
display:inline;
margin:0;
padding:0;
text-align:right;
}

ul#toolbar a {
display:block;
float:right;
padding:0px 10px;
height:24px;
line-height:20px;
border-left:1px solid #CCC;
}

ul#toolbar a:link, ul#toolbar a:visited {
color:#333;
text-decoration:underline;
}

ul#toolbar a:hover {
color:#33c8e8;
text-decoration:underline;
}

ul#toolbar a.email {
padding-left:32px;
background:transparent url(images/template/icon-email.png) no-repeat;
background-position:5px 0;
}

ul#toolbar a.pdf {
padding-left:25px;
background:transparent url(images/template/icon-pdf.png) no-repeat;
background-position:5px 0;
}

ul#toolbar a.print {
padding-left:25px;
background:transparent url(images/template/icon-print.png) no-repeat;
background-position:5px 0;
}

#main ul#toolbar li.facebook-like {
list-style:none;
list-style-image:none;
background:none;
text-align:right;
}

#main ul#toolbar li.google-plus {
list-style:none;
list-style-image:none;
background:none;
text-align:right;
}

.photo {
float:left;
margin:0 20px 10px 0;
}

#main ul.glance {
margin:0 0 10px 320px;
padding:0;
line-height:1.4em;
color:#333;
position:relative;
}

#main ul.glance li {
list-style-type:none;
list-style-image:none;
margin:0 0 3px 0;
padding:0 0 3px 10px;
background:transparent url(images/template/bullet.png) no-repeat;
background-position:0 0.6em;
border-bottom:1px dotted #CCC;
}

#main ul.glance li span {
font-weight:bold;	
}

#main ul.columns li {
list-style-type:none;
list-style-image:none;
margin:0 0 5px 0;
padding:0 10px 5px 0px;
height:70px;
font-style:italic;
line-height:1.3em;
color:#666;
border-bottom:1px dotted #CCC;
background:transparent url(images/template/list-arrow.gif) no-repeat right 4px;
}

#main ul.columns li a:link, #main ul.columns li a:visited {
font-style:normal;
font-weight:bold;
color:#333;
text-decoration:none;
}

#main ul.columns li a:hover {
color:#33c8e8;
text-decoration:underline;
}

#main ul.columns h2 {
margin-top:20px;
font-style:normal;
}

#main ul#col1 {
float:left;
width:300px;
}

#main ul#col2 {
float:left;
width:300px;
margin-left:30px;
}

#main ul#col1-ads {
float:left;
width:300px;
}

#main ul#col2-ads {
float:left;
width:300px;
margin-left:30px;
}

#main ul#col1-ads li, #main ul#col2-ads li {
padding:5px 10px 5px 0px;
height:150px;
background:none;
}

#main ul#col1-ads h2, #main ul#col2-ads h2 {
font-size:1.3em;
margin:0 0 0 90px;
}

#main ul#col1-ads p, #main ul#col2-ads p {
margin-left:90px;
}

#main ul#col1-ads a.arrow, #main ul#col2-ads a.arrow {
background:transparent url(images/template/list-arrow.gif) no-repeat right 4px;
display:block;
margin:0;
padding:0;
height:20px;
}

ul#tabs-nav {
margin:20px 0 0 0;
padding:0;
width:100%;
height:25px;
overflow:hidden;
border:1px solid #CCC;
background:#f3f4f4 url(images/template/bg-tab.png) repeat-x bottom;
}

ul#tabs-nav  li {
display:inline;
margin:0;
padding:0;
}

ul#tabs-nav li a {
display:block;
float:left;
padding:0 15px;
line-height:25px;
height:25px;
color:#666;
text-decoration:none;
text-align:center;
background:#f3f4f4 url(images/template/bg-tab.png) repeat-x bottom;
border-right:1px solid #CCC;
}

ul#tabs-nav li a:hover {
color:#33c8e8;
}

ul#tabs-nav li a.active {
color:#FFF;
background:#828487 url(images/template/bg-tab-active.png) repeat-x bottom;
}

ul#tabs-nav.cases {
font-size:0.9em;
height:35px;
}

ul#tabs-nav.cases li a {
line-height:1.2em;
padding:3px 11px 7px 11px;
}

ul#tabs-nav.cases li.one-line a {
line-height:35px;
height:35px;
padding:0 12px;
border-right:none;
}

ul#tabs-nav li#tab1 a {
width:50px;
}

ul#tabs-nav li#tab2 a {
width:75px;
}

ul#tabs-nav li#tab3 a {
width:105px;
}

ul#tabs-nav li#tab4 a {
width:60px;
}

ul#tabs-nav li#tab5 a {
width:75px;
}

ul#tabs-nav li#tab6 a {
width:80px;
}

ul#tabs-nav li#tab7 a {
width:30px;
}

.quote {
clear:left;
margin:20px 0 10px 0;
padding:10px 10px 0px 10px;
font-size:13px;
font-style:italic;
color:#808080;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}

q:before, q:after {
content: "";
}

.cite {
text-align:right;
}

.quote cite {
font-size:11px;
color:#333;
font-style:normal;
}

.quote cite span {
font-style:italic;
color:#777;
}

/* Sidebar --------------- */

#sidebar {
position:absolute;
top:20px;
right:20px;
width:282px;
}

.widget {
margin:0 0 10px 0;
padding:30px 10px 5px 15px;
width:255px;
font-size:12px;
background:#eeefef url(images/template/bg-sidebar-box.png) no-repeat;
border:1px solid #CCC;
position:relative;
}

.widget h3 {
position:absolute;
top:0;
left:0;
margin:0;
padding:0px 5px 0px 15px;
width:260px;
height:24px;
font-size:12px;
line-height:24px;
font-weight:bold;
color:#FFF;
background-color:#00549D;
background-position:bottom;
}

.widget p {
margin:0;
}

.widget ul {
margin:0;
padding:0;
position:relative;
}

#tips-widget ul {
margin-top:15px;
}

.widget ul li {
list-style-type:none;
margin:0 0 5px 0;
padding:0 10px 5px 0px;
font-style:italic;
color:#666;
border-bottom:1px dotted #CCC;
background:transparent url(images/template/list-arrow.gif) no-repeat right 4px;
}

.widget li a:link, .widget li a:visited {
font-style:normal;
color:#333;
text-decoration:none;
}

.widget li a:hover {
color:#33c8e8;
text-decoration:underline;
}

#calculator-widget {
height:130px;
background:#FFF url(images/template/bg-calculator-box-right.png) no-repeat bottom;
}

#calculator-widget h3 {
background:#8CC63F url(images/template/bg-sidebar-bar-green.png) repeat-x;
}

#calculator-widget-gwo2b {
padding-top:45px;
height:160px;
background:#FFF url(images/template/bg-calculator-box-green.png) no-repeat bottom;
}

#calculator-widget-gwo2b h3 {
background:#8CC63F url(images/template/bg-sidebar-bar-green.png) repeat-x;
padding-top:5px;
height:33px;
line-height:14px;
}

#calculator-widget-gwo2c {
padding-top:45px;
height:160px;
background:#FFF url(images/template/bg-calculator-box.png) no-repeat bottom;
}

#calculator-widget-gwo2c h3 {
background:#FAA519 url(images/template/bg-sidebar-bar-orange.png) repeat-x;
padding-top:5px;
height:33px;
line-height:14px;
}

#calculator-widget-gwo2d {
padding-top:45px;
height:160px;
background:#FFF url(images/template/bg-calculator-box-blue.png) no-repeat bottom;
}

#calculator-widget-gwo2d h3 {
background:#00bbe3 url(images/template/bg-sidebar-bar-cyan.png) repeat-x;
padding-top:5px;
height:33px;
line-height:14px;
}

#calculator-widget-gwo2e {
padding-top:45px;
height:160px;
background:#FFF url(images/template/bg-calculator-box-teal.png) no-repeat bottom;
}

#calculator-widget-gwo2e h3 {
background:#00C4B5 url(images/template/bg-sidebar-bar-teal.png) repeat-x;
padding-top:5px;
height:33px;
line-height:14px;
}

#calculator-widget-gwo3b {
padding-top:45px;
height:auto;
background:#eeefef url(images/template/bg-sidebar-box.png) no-repeat;
}

#calculator-widget-gwo3b h3 {
background:#8CC63F url(images/template/bg-sidebar-bar-green.png) repeat-x;
padding-top:5px;
height:33px;
line-height:14px;
}

#newsletter-widget h3 {
background:#FAA519 url(images/template/bg-sidebar-bar-orange.png) repeat-x;
}

#related-widget h3 {
background:#00549D url(images/template/bg-sidebar-bar-blue.png) repeat-x;
}

#tips-widget h3 {
background:#00bbe3 url(images/template/bg-sidebar-bar-cyan.png) repeat-x;
}

#contact-widget h3 {
background:#8CC63F url(images/template/bg-sidebar-bar-magenta.png) repeat-x;
}


/* Ten Tips --------------- */

#main.ten-tips ol li {
list-style-type:none;
position:relative;
margin-left:40px;
}

#main.ten-tips ol li strong {
font-size:1.2em;
font-weight:normal;
color:#333;
}

#main.ten-tips ol.abc li {
list-style-type:lower-alpha;
}

.big-number {
display:block;
position:absolute;
top:0;
left:-40px;
font-size:30px;
line-height:30px;
font-weight:bold;
letter-spacing:-2px;
color:#b2eaf7;
}

/* Calculator -------------------------------------- */

#main.calculator {
width:740px;
padding:20px 0 20px 15px;
position:relative;
}

#main.calculator h1 {
color:#8cc63f;
}

#main.calculator h2 {
color:#00549d;
}

#main.calculator h3 {
margin-bottom:0px;
}

#main a {
white-space:nowrap;
}

#main.calculator .breadcumbs {
margin-bottom:55px;
}

ul#calculator-nav {
position:absolute;
top:40px;
left:15px;
padding:0;
width:970px;
height:25px;
line-height:25px;
background:#FFF url(images/template/bg-cnav.png) repeat-x;
border:1px solid #CCC;
}

ul#calculator-nav li {
display:inline;
margin:0;
padding:0;
}

ul#calculator-nav a {
display:block;
float:left;
margin:0;
padding:0 22px 0 10px;
color:#666;
background:transparent url(images/template/bg-cnav-btn.png) no-repeat right;
text-decoration:none;
text-align:center;
}

ul#calculator-nav a:hover {
color:#8cc63f;
background:transparent url(images/template/bg-cnav-btn.png) no-repeat right;
text-decoration:none;
}

ul#calculator-nav a.active {
color:#FFF;
background:#8cc63f url(images/template/bg-cnav-btn-active.png) no-repeat right;
}

ul#calculator-nav a.inactive {
color:#CCC;
background:transparent url(images/template/bg-cnav-btn.png) no-repeat right;
}

ul#calculator-nav a.visited {
color:#8cc63f;
background:transparent url(images/template/bg-cnav-btn-visited.png) no-repeat right;
}

ul#calculator-nav a.next-active {
color:#8cc63f;
background:transparent url(images/template/bg-cnav-btn-visited-prev.png) no-repeat right;
}

.calculator-image {
float:left;
margin-right:30px;
}

#calculator-form {
margin:0 0 0 235px;
}

table#calculator-results {
margin:25px 0;
width:450px;
font-size:1.1em;
line-height:1.5em;
font-weight:bold;
color:#333;
}

table#calculator-results th, table#calculator-results td {
padding:2px 10px 2px 0;
}

table#calculator-results td {
text-align:right;
}

table#calculator-results tr.current th, table#calculator-results tr.current td {
color:#00bbe3;
}

table#calculator-results tr.potential th, table#calculator-results tr.potential td {
color:#8cc63f;
}

table#calculator-results tr.energy-savings th, table#calculator-results tr.energy-savings td {
padding-top:5px;
border-top:1px solid #CCC;
}

table#calculator-results tr.operational-savings th, table#calculator-results tr.operational-savings td {
padding-top:15px;
}

table#calculator-results td.big {
font-size:1.3em;
}

#chart {
float:right;
margin:0 0 0 20px;
}

.hwtc {
margin:20px 0;
font-size:0.9em;
font-style:italic;
color:#808080;
}

p.calculator-footnote {
clear:left;
font-size:0.9em;
font-style:italic;
}

ul#benefits-nav {
margin:0 0 25px 0;
padding:0;
width:100%;
height:25px;
overflow:hidden;
border:1px solid #CCC;
background:#FFF url(images/template/bg-tab.png) repeat-x bottom;
}

ul#benefits-nav  li {
display:inline;
margin:0;
padding:0;
}

ul#benefits-nav li a {
display:block;
float:left;
padding:0 22px 0 10px;
line-height:25px;
height:25px;
color:#666;
text-decoration:none;
background:#FFF url(images/template/bg-tab-btn.png) no-repeat right;
}

ul#benefits-nav li a:hover {
color:#8cc63f;
}

ul#benefits-nav li a.active {
color:#FFF;
background:#828487 url(images/template/bg-tab-btn-active.png) no-repeat right;
}

ul#benefits-nav li a.next-active {
color:#666;
background:#FFF url(images/template/bg-tab-btn-prev.png) no-repeat right;
}

.benefits-box {
clear:left;
margin:0 0 20px 0;
}

.benefits-box img {
float:right;
margin:0 0 30px 20px;
}

#main .benefits-box h3, #main .benefits-box p, #main .benefits-box ul {
margin-right:240px;
}

#main .benefits-box ul {
position:relative;
}

#main .benefits-box h3 {
margin-bottom:10px;
}

#main .benefits-box h3 span {
margin-left:30px;
}

#main .benefits-box ul {
padding-left:0px;
}

#main ul li.auto {
list-style:none;
list-style-image:none;
padding-left:30px;
height:25px;
line-height:25px;
background:url(images/template/bullet-car.gif) no-repeat left;
}

#main ul li.house {
list-style:none;
list-style-image:none;
padding-left:30px;
height:25px;
line-height:25px;
background:url(images/template/bullet-house.gif) no-repeat left;
}

#forward-results-form, #email-results-form {
margin:25px 0 0 235px;
}

#next-steps {
margin:0;
padding:10px 15px;
background:#f2f2f2 url(images/template/bg-next-steps.png) repeat-x;	
}

#next-steps.sidebar {
position:absolute;
top:100px;
right:15px;
padding:0;
width:202px;
background:none;
}

#next-steps h2 {
margin:0 0 10px 0;
padding:0 30px 0 0;
font-size:20px;
font-weight:normal;
line-height:1.2em;
color:#00549d;
}

#next-steps h3, #next-steps.sidebar h3 {
margin:0 0 5px 0;
font-size:14px;
font-weight:normal;
line-height:1.2em;
color:#1A1A1A;
}

.next-steps-box {
float:left;
margin:0 15px 0 0;
padding:10px;
width:180px;
height:100px;
line-height:1.3em;
overflow:hidden;
background:#FFF url(images/template/bg-next-step-box.png) repeat-x bottom;
border:1px solid #CCC;
position:relative;
}

#next-steps.sidebar .next-steps-box {
float:none;
margin:0 0 15px 0;
}

.next-steps-box p.icon {
position:absolute;
top:10px;
right:5px;
}

#retrofit-box {
height:70px;
background:#F15D22 url(images/template/bg-retrofit.png) repeat-x bottom;
}

#next-steps #retrofit-box h3 {
font-size:16px;
font-weight:bold;
color:#FFF;
}

#next-steps #retrofit-box a {
color:#FFF;
}

#next-steps #retrofit-box p.icon {
right:8px;
}

span.phone-number {
font-size:17px;
line-height:22px;
font-weight:bold;
color:#F15D22;
}

/* Footer --------------- */

#footer {
margin:0;
padding:15px 0 0 0;
font-size:11px;
line-height:14px;
text-align:left;
background:#FFF url(images/template/bg-footer.png) no-repeat;
}

#footer.home {
background:none;
}

#addthis {
float:right;
}

#addthis a {
margin-left:5px;
}

#footer-links {
margin:0 0 5px 0;
padding:0;
font-size:11px;
color:#333;
}

#footer-links li {
display:inline;
margin:0 10px 0 0;
padding:0;
}

#footer-links a:link, #footer-links a:visited {
color:#333;
text-decoration:underline;
}

#footer-links a:hover {
color:#33c8e8;
text-decoration:underline;
}


/* Common Used Classes --------------- */

.palabra {
font-size:1.1em;
color:#00549D;
}

span.nobreak {
white-space:nowrap;
}

.video-wrapper {
margin:20px 0;
padding:0;
width:640px;
position:relative;
}

.video {
float:left;
margin:0;
padding:0;
width:400px;
height:225px;
overflow:hidden;
}

.video-description {
position:absolute;
right:0;
top:0;
padding:15px 10px 10px 10px;
width:217px;
height:200px;
overflow:hidden;
background-color:#E6E6E6;	
}

#main .video-description h3 {
margin:0 0 10px 0;
}

.main-image, .secondary-image {
float:left;
margin:0 20px 10px 0;
}

.left-margin {
margin-left:320px;
}

.left-margin-200 {
margin-left:220px;
}

.left-image {
float:left;
margin:0 35px 20px 0;
width:200px;
height:240px;
border:1px solid #CCC;
}

.input_w {
margin:0;
padding:3px 5px;
width:288px;
font-size:12px;
color:#808080;
background:#FFF url(images/template/bg-searchbar.png) repeat-x bottom;
border:1px solid #CCC;
outline:none;
}

.input_w:focus {
background:#f7f7f7 url(images/template/bg-searchbar-focus.png) repeat-x bottom;
}

.select {
position:absolute;
padding:0 5px;
width:288px;
height:22px;
font-size:12px;
line-height:22px;
color:#808080;
background:#FFF url(images/template/bg-select-300.png) no-repeat right;
border:1px solid #CCC;
overflow:hidden;
}

/* GWO Test 2 - Recipe B */
#home-calculator.gwo2b .select {
background:#FFF url(images/template/bg-select-300.png) no-repeat right;
}

/* GWO Test 2 - Recipe C */
#home-calculator.gwo2c .select {
background:#FFF url(images/template/bg-select-300-orange.png) no-repeat right;
}

/* GWO Test 2 - Recipe D */
#home-calculator.gwo2d .select {
background:#FFF url(images/template/bg-select-300-blue.png) no-repeat right;
}

/* GWO Test 2 - Recipe E */
#home-calculator.gwo2e .select {
background:#FFF url(images/template/bg-select-300-teal.png) no-repeat right;
}

.hidden {
display:none;
}

.small {
font-size:0.85em;
color:#999;
}

#home-calculator-form .input_w {
margin:0;
padding:3px 5px;
width:238px;
}

#home-calculator-form .select {
padding:0 5px;
width:238px;
}

a.green-button, input.green-button, .green-button:visited, a.orange-button, input.orange-button, a.cyan-button, input.cyan-button, a.blue-button, input.blue-button, a.teal-button, input.teal-button, a.darkgreen-button, input.darkgreen-button, input.magenta-button {
display:block;
padding:0;
width:100px;
height:30px;
line-height:30px;
font-size:13px;
font-weight:bold;
color:#FFF;
text-decoration:none;
text-align:center;
background:transparent url(images/template/bg-btn-green.gif) repeat-x;
border:0;
cursor:pointer;
}

.darkgreen-button, a.darkgreen-button, input.darkgreen-button, .darkgreen-button:visited {
background:transparent url(images/template/bg-btn-darkgreen.gif) repeat-x;
}

.magenta-button, a.magenta-button, input.magenta-button, .magenta-button:visited {
background:transparent url(images/template/bg-btn-magenta-25.gif) repeat-x;
}

.orange-button, a.orange-button, input.orange-button, .orange-button:visited {
color:#FFF;
text-decoration:none;
width:110px;
background:transparent url(images/template/bg-btn-orange.gif) repeat-x;
}

.cyan-button, a.cyan-button, input.cyan-button, .cyan-button:visited {
color:#FFF;
text-decoration:none;
width:100px;
background:transparent url(images/template/bg-btn-cyan.gif) repeat-x;
}

.blue-button, a.blue-button, input.blue-button, .blue-button:visited {
color:#FFF;
text-decoration:none;
width:150px;
background:transparent url(images/template/bg-btn-blue.gif) repeat-x;
}

.teal-button, a.teal-button, input.teal-button, .teal-button:visited {
color:#FFF;
text-decoration:none;
background:transparent url(images/template/bg-btn-teal.gif) repeat-x;
}

a.green-button:hover. a.next-button:hover {
background:transparent url(images/template/bg-btn-green-over.gif) repeat-x;
}

a.darkgreen-button:hover. a.darkgreen-button:hover {
background:transparent url(images/template/bg-btn-darkgreen-over.gif) repeat-x;
}

a.magenta-button:hover. a.magenta-button:hover {
background:transparent url(http://www.makeyourbuildingswork.com/wp-content/themes/mybw2011/images/template/bg-btn-magenta-over.gif) repeat-x;
}

a.orange-button:hover {
background:#transparent url(images/template/bg-btn-orange-over.gif) repeat-x;
}

a.cyan-button:hover {
background:#transparent url(images/template/bg-btn-cyan-over.gif) repeat-x;
}

a.blue-button:hover {
background:#transparent url(images/template/bg-btn-blue-over.gif) repeat-x;
}

#home-calculator.gwo2d .blue-button, #home-calculator.gwo2d input.blue-button, #home-calculator.gwo2d a.blue-button, #home-calculator.gwo2d a.blue-button:hover, #calculator-widget-gwo2d .blue-button, #contact-widget .blue-button {
width:100px;
background:transparent url(images/template/bg-btn-blue-small.gif) repeat-x;
}

a.teal-button:hover {
background:#transparent url(images/template/bg-btn-teal.gif) repeat-x;
}

a#print-all-results, a#print-all-results:visited, a#back-calculator, a#back-calculator:visited {
width:175px;
background:transparent url(images/template/bg-btn-green-long.png) repeat-x;
}

a#print-all-results:hover, a#back-calculator:hover {
background:transparent url(images/template/bg-btn-green-long-over.png) repeat-x;
}

p.button-bar {
margin-top:20px;
}

p.button-bar-next {
margin-top:25px;
margin-bottom:30px;
height:30px;
}

p.button-bar-next a.green-button {
float:left;
margin-right:10px;
}

.widget p.button-bar {
margin:5px 0;
}

.widget p.button-bar a, .widget input.magenta-button {
float:left;
margin:0;
font-size:0.9em;
}

#contact-widget p.button-bar {
margin:3px 0;
}

#related-widget p.button-bar, #tips-widget p.button-bar {
margin-bottom:0;
}

#related-widget p.button-bar a, #tips-widget p.button-bar a {
float:none;
margin-bottom:0;
}

#calculator-widget p.button-bar a {
margin:5px 0;
}

#calculator-widget-gwo2b p.button-bar a, #calculator-widget-gwo2c p.button-bar a, #calculator-widget-gwo2d p.button-bar a, #calculator-widget-gwo2e p.button-bar a {
}

#tips-widget p.button-bar a {
margin:0px;
}

.widget p.privacy {
text-align:right;
font-size:11px;
}

.widget p.more, .widget form p.more {
font-size:11px;
line-height:25px;
text-align:right;
}

#calculator-widget-gwo3b p.privacy {
height:auto;
text-align:left;
}

#calculator-widget p.privacy {
clear:left;
text-align:left;
}

#related-widget p.more {
text-align:left;
}

#contact-widget .input_w {
width:238px;
}

#contact-widget .col1 {
float:left;
width:120px;
}

#contact-widget .col2 {
float:left;
width:120px;
margin-left:10px;
}

#contact-widget .col1 .input_w {
width:108px;
}

#contact-widget .col2 .input_w {
width:108px;
}

.widget .cyan-button, .widget a.cyan-button, .widget input.cyan-button, .widget .cyan-button:visited {
width:80px;
height:25px;
line-height:25px;
background:transparent url(images/template/bg-btn-cyan-25.gif) no-repeat;
}

.widget .blue-button, .widget a.blue-button, .widget input.blue-button, .widget .blue-button:visited {
width:80px;
height:25px;
line-height:25px;
background:transparent url(images/template/bg-btn-blue-25.gif) no-repeat;
}

.widget .magenta-button, .widget a.magenta-button, .widget input.magenta-button, .widget .magenta-button:visited {
width:80px;
height:25px;
line-height:25px;
background:transparent url(images/template/bg-btn-magenta-25.gif) no-repeat;
}

.widget .orange-button, .widget a.orange-button, .widget input.orange-button, .widget .orange-button:visited {
width:80px;
height:25px;
line-height:25px;
background:transparent url(images/template/bg-btn-orange-25.gif) no-repeat;
}

p.error {
color:#FF0000;
}

p.error .input_w, p.error .select {
border-color:#FF0000;
}

label.error {
color:#FF0000;
white-space:nowrap;
}

.footnote {
position:absolute;
right:15px;
bottom:10px;	
font-size:11px;
text-align:right;
}

.footnote a {
margin-left:5px;
}

.clearfix {
display:block;
clear:left;
margin:0;
height:1px;
}

.clearall {
display:block;
clear:all;
margin:0;
height:1px;
}

#share-page {
position:absolute;
top:50px;
left:50%;
margin-left:-170px;
padding:20px 30px;
width:340px;
height:440px;
text-align:left;
background-color:#FFF;
border:5px solid #CCC;
display:none;
z-index:999;
}

#close-share {
position:absolute;
top:10px;
right:10px;
}

#share-page h3 {
margin:0 0 20px 0;
font-size:24px;
font-weight:normal;
line-height:1.2em;
color:#00549D;
}

#share-page .response {
font-weight:bold;
color:#FF0000;
}


/* Newsletter page */

.newsletter-image {
float:left;
margin:0 20px 20px 0;
width:200px;
}

#newsletter-signup {
margin:0 0 0 220px;
}

#main.newsletter h1 {
color:#F15D22;
}

#newsletter-form {
margin:20px 0;
}

div.action {
float:left;
margin:10px 15px 20px 0;
width:300px;
}

div.action p {
margin-left:110px;
}

#main div.action h3 {
margin:0 0 15px 0;
font-weight:bold;
}

#main div.action h3 a:link, #main div.action h3 a:visited {
text-decoration:none;
}

div.action-thumb {
float:left;
width:100px;
height:80px;
border:1px solid #CCC;
}

.contact-image {
position:absolute;
bottom:-7px;
*bottom:0px; /* IE */
right:30px;
}

/* Calculator Sliders */

p.range-label {
position:relative;
margin-bottom:5px;
}

p.range-label label {
color:#808080;
}

p.range-label .input_w {
position:absolute;
top:-2px;
right:5px;
margin:0;
padding:0;
width:120px;
font-size:12px;
font-weight:bold;
text-align:right;
color:#666;
background-color:transparent;
background-image:none;
border:none;
}

#ec-slider, #sf-slider {
margin:0 0 10px 0;
width:250px;
}


/* reCaptcha */

#recaptcha_widget {
width:300px;
}

#recaptcha_image {
margin:0 0 10px 0;
padding:5px 0;
overflow:hidden;
border:1px solid #DDD;
background:#FFF;
}

#recaptcha_image img {
max-width:100%;
}

#recaptcha_response_field {
width:200px;
}

div.recaptcha_reload, div.recaptcha_only_if_image, div.recaptcha_only_if_audio, div.recaptcha_help {
margin:0 0 0 2px;
float:right;
}

.recaptcha_powered_by {
margin-top:5px;
font-size:11px;
font-style:italic;
color:#999;
text-align:left;
}

#sidebar #recaptcha_widget {
width:100%;
}

#sidebar #recaptcha_image, #sidebar #recaptcha_image img {
width:248px !important;
overflow:hidden;
}