/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html{
	height:100%;
}

body {
    font-size: 1em;
    line-height: 1.4;
	min-height:100%;
	position:relative;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== MSDropDownPlugin ==================================================
   Author: Marghoob Suleman - http://www.marghoobsuleman.com/
   ========================================================================== */


.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .arrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .arrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{ padding:0; position:relative; display:inline-block; width:100% }
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #1a1512; cursor:pointer; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; text-transform:uppercase; }
.lt-ie9 .dd {font-family: 'open_sanscondensed_light', sans-serif; font-weight:normal; }
.dd .divider{border-left:1px solid #1a1512; border-right:1px solid #736259; right:24px;}
.dd .arrow{width:16px;height:16px; margin-top:-8px; background:url(../img/dd_arrow.png) no-repeat;}
.dd .arrow:hover{background-position:0 100%;}
.dd .ddTitle{ color:#f4f076;background:#4d3f38 url(../img/title-bg.gif) repeat-x left top; }
.dd .ddTitle .ddTitleText { padding:5px 20px 5px 10px; }
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:1em; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #1a1512; background-color:#7b6459; left:-1px;}
.dd .ddChild li{padding:5px 10px; background-color:#7b6459; border-bottom:1px solid #1a1512;}
.dd .ddChild li .description{color:#1a1512;}
.dd .ddChild li .ddlabel{color:#1a1512;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#4e4039; color:#f4f076;}
.dd .ddChild li.selected .ddlabel {color:#f4f076;}
nav .dd ul li { display:block; }



/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/26px "Cardo", serif;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

/* ===================
    ALL: Lindus Theme
   =================== */

.header-container { position:relative; width:100%; z-index:999; top:0; }
.header-container .headBG{background:url(../img/header-bg.png) repeat-x top center;}
.header-container .wrapper{height:90px;}
.mobile-nav { width:102px; height:45px; text-align:center; font-family:"Open Sans", sans-serif; font-weight:700; color:#fff; background:url(../img/menu.png) no-repeat center center; text-transform:uppercase; padding-top:11px; text-shadow:0 0 3px #000, 0 0 5px #000; font-size:14px; }
.mobile-nav span { color:#D2CF55; }
#banner { width:100%; position:relative; z-index:1; height:570px; background:#4da7e3; overflow:hidden; }
#banner-screen { display:none; }
.clouds { position:absolute; left:0; top:0; z-index:2; height:440px; width:4791px; background:url(../img/clouds.jpg) repeat-x left top; }
.cloud { background:url(../img/clouds.jpg) no-repeat left top; width:1597px; height:440px; position:absolute; left:0; top:0; z-index:3; }
#shadeTop { background:url(../img/top.png) repeat-x top left; width:100%; height:430px; position:absolute; top:0; left:0; z-index:6; }
#shadeRight { background:url(../img/right.png) repeat-y top right; width:383px; height:440px; position:absolute; top:0; right:0; z-index:7; }
#shadeLeft { background:url(../img/left.png) repeat-y top left; width:383px; height:440px; position:absolute; top:0; left:0; z-index:8; }
#grassBack { background:url(../img/grass-back.jpg) repeat-x top left; width:5000px; height:83px; position:absolute; top:440px; left:0; z-index:13; }
#grassFront { background:url(../img/grass-front.jpg) repeat-x top left; width:5000px; height:83px; position:absolute; top:520px; left:0; z-index:14; }
.banner-wrapper { width:100%; z-index:30; position:absolute; top:0; left:100%; text-align:center; }
#sun { z-index:9; left:0; }
#logo { z-index:51; left:0; }
.banner-box { width:90%; height:530px; margin:0 auto;  position:relative; }
.house { position:absolute; z-index:31; top:0; left:0; background:url(../img/house.png) no-repeat left bottom; background-size:100%; max-width:1021px; width:100%; height:100%; }
.lt-ie9 .house { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/house.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/house.png', sizingMethod='scale')"; padding-top:40%; height:auto; top:auto; bottom:0; }
#house { display:none; }
#shadow { position:absolute; z-index:18; width:5000px; height:73px; top:470px; left:0; background:url(../img/shadow.png) repeat-x top left; }
#trees { position:absolute; z-index:19; width:5000px; height:175px; top:342px; left:0; background:url(../img/trees.png) repeat-x top left; }
.sun { background:url(../img/sun.png) no-repeat top left; width:435px; height:404px; position:absolute; top:-97px; left:-130px; z-index:10; }
.logo { position:absolute; top:25px; left:-39px; z-index:12; }
#logo img { width:200px; height:136px; }
.tree-lg { position:absolute; bottom:0; left:5000px; z-index:35; width:36%; height:auto; }
.tree-lg.right { left:auto; right:-188px; width: 90%; }
.tree-lg.left { left:-189px; width: 90%; }
.banner-bottom { background:url(../img/banner-bottom.png) repeat-x center top; width:100%; height:8px; position:absolute; z-index:101; left:0; bottom:0; }
#banner .arrow { position:absolute; z-index:99; top:10%; width:47px; height:70px; cursor:pointer; }
#banner .arrow.left { left:58%; background:url(../img/arrow-left.png) no-repeat center top; }
#banner .arrow.right { right:10%; background:url(../img/arrow-right.png) no-repeat center top; }
#slides { z-index:65; left:0; }
#slides .banner-box { padding-top:145px; }
.slide { background:#291b14; border-radius:15px; height:348px; padding:25px; }
.contact.wood.scolled{border-radius:15px;}
.slide h1 { font-size:1.7em; color:#e5e2d2; text-shadow:none; text-align:left; font-family: 'Open Sans Condensed', sans-serif; background:url(../img/slide-header-bg.png) no-repeat bottom center; padding:0 0 25px; margin:0 0 25px; }
.slide .tagline { font-size:1.7em; color:#e5e2d2; text-shadow:none; text-align:left; font-family: 'Open Sans Condensed', sans-serif; background:url(../img/slide-header-bg.png) no-repeat bottom center; padding:0 0 25px; margin:0 0 25px; }
.slide h1 .offer { font-family:"Open Sans", sans-serif; font-weight:700; color:#f3ed24; }
.slide p { color:#e5e2d2; font-family:"Open Sans", sans-serif; font-weight:400; text-align:left; text-shadow:none; margin:0 0 10px 0; }
.slide .cta { background:#453a33 none; float:left; border-radius:8px; width:100%; height:41px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-transform:uppercase; color:#d2cf55; text-decoration:none; font-size:1.3em; padding-top:13px; margin-top:10px; }
.slide .cta:hover { text-decoration:underline; }
.main-container article { position:relative; z-index:1; overflow:hidden; }
.side-object { position:absolute; z-index:2; }
.side-object.right { right:0; float:none; }
.side-object.left { left:0; float:none; }
.wood { background:url(../img/wood-bg.jpg) repeat left top; color:#e5e2d2; }
.paper { background:url(../img/paper-bg.jpg) repeat left top; color:#272622; }
.board { background:url(../img/board-bg2.jpg) repeat left top; color:#272622; }
.grass { background:url(../img/grass-bg.jpg) repeat left top; color:#fff; }
.paper:before { content:" "; display:block; background:url(../img/paper-top.jpg) repeat-x top left; width:100%; height:27px; }
.paper:after { content:" "; display:block; background:url(../img/paper-bottom.jpg) repeat-x top left; width:100%; height:27px; }
article header h1 { text-align:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-transform:uppercase; font-size:1.6em; line-height:1.2em; margin:10px 0 45px 0; }
article header h2 { text-align:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-transform:uppercase; font-size:1.6em; line-height:1.2em; margin:10px 0 45px 0; }
.paper header h1 { color:#6d5446; margin-bottom:20px; }
.paper header h2 { color:#6d5446; margin-bottom:20px; }
.home .wood header h1 { margin-bottom:20px; }
.home .wood header h2 { margin-bottom:20px; }
.home .wood p { margin-bottom:35px; }
.board:before { content:" "; display:block; background:url(../img/shadow-top-lt.png) repeat-x top left; width:100%; height:10px; }
.grass:before { content:" "; display:block; background:url(../img/shadow-top.png) repeat-x top left; width:100%; height:10px; }
.board header h1 { color:#3d617b; text-shadow:0 0 1px #e9e7dd, 0 0 2px #e9e7dd, 0 0 3px #e9e7dd, 0 0 4px #e9e7dd, 0 0 5px #e9e7dd, 0 0 6px #e9e7dd, 0 0 7px #e9e7dd, 0 0 8px #e9e7dd; }
.board header h2 { color:#3d617b; text-shadow:0 0 1px #e9e7dd, 0 0 2px #e9e7dd, 0 0 3px #e9e7dd, 0 0 4px #e9e7dd, 0 0 5px #e9e7dd, 0 0 6px #e9e7dd, 0 0 7px #e9e7dd, 0 0 8px #e9e7dd; }
.grass header h1 { color:#fff; text-shadow:0 0 1px #3d7336, 0 0 2px #3d7336, 0 0 3px #3d7336, 0 0 4px #3d7336, 0 0 5px #3d7336, 0 0 6px #3d7336, 0 0 7px #3d7336, 0 0 8px #3d7336; }
.grass header h2 { color:#fff; text-shadow:0 0 1px #3d7336, 0 0 2px #3d7336, 0 0 3px #3d7336, 0 0 4px #3d7336, 0 0 5px #3d7336, 0 0 6px #3d7336, 0 0 7px #3d7336, 0 0 8px #3d7336; }
.lt-ie9 article header h1 {font-family: 'open_sans_condensedbold', sans-serif; font-weight:normal; }
article section h2 { font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:1.875em; line-height:1em; background:url(../img/header-divider.png) no-repeat center bottom; margin:0; padding:15px 0 15px 0; }
.lt-ie9 section h2 {font-family: 'open_sans_condensedbold', sans-serif; font-weight:normal; }
.brown { background-color:#6d5446; }
.blue { background-color:#4e7c9d; }
.green { background-color:#8ec187; }
.circle .trust-logos { text-align:center; }
.about .circle.brown .trust-logos { padding-top:20px; }
.about .circle.green .trust-logos { padding-top:15px; }
.social .circle .trust-logos { padding-bottom:13px; }
.social .circle.brown .trust-logos { padding-top:10px; padding-bottom:20px; }
.social .circle.brown .row { display:block; }
.social .circle.blue .trust-logos { padding-top:5px; }
.social .circle.green .trust-logos { padding-top:10px; padding-bottom:15px; }
.trust-logos .guild { padding-right:10px; }
.trust-logos .angies { padding-right:10px; }
.wood .wrapper { text-align:center; }
.wrapper p, .wrapper ul { text-align:left; }
.wood .wrapper section a { color:#F3ED24; }
.wood .wrapper section a.learn-more { color:#e5e2d2; }
.circle { margin:0 auto 15px; }
.circle { width:271px; height:302px; padding:15px 30px; float:none; text-align:center; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%; }
.circle.green { margin-right:auto; }
.circle p, .home .circle p { color:#fff; margin:10px 0; }
.left { float:left; }
.center { text-align:center; }
.left.col { width:65%; }
.right.col { width:30%; }
.right { float:right; }
.prods { width:100%; padding-top:20px; }
.prods .prod { height:112px; width:112px; float:left; margin-right:12%; margin-bottom:15px; }
.prods .prod.even { margin-right:0; }
.prods .prod a { display:block; position:relative; width:112px; height:112px; text-align:center; color:#4e7c9d; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:1em; line-height:1.1em; text-transform:uppercase; }
.lt-ie9 .prods .prod a { font-family: 'open_sans_condensedbold', sans-serif; font-weight:normal; }
.prods .prod a span { width:112px; display:block; position:absolute; top:41%; left:0; }
.prods .prod a span.multi { top:31%; }
.prod.gutters { background:url(../img/prod-gutters-x.png) no-repeat left top; }
.prod.gutters a { background:url(../img/prod-gutters.png) no-repeat left top; }
.prod.roofing { background:url(../img/prod-roofing-x.png) no-repeat left top; }
.prod.roofing a { background:url(../img/prod-roofing.png) no-repeat left top; }
.prod.siding { background:url(../img/prod-siding-x.png) no-repeat left top; }
.prod.siding a { background:url(../img/prod-siding.png) no-repeat left top; }
.prod.decks { background:url(../img/prod-decks-x.png) no-repeat left top; }
.prod.decks a { background:url(../img/prod-decks.png) no-repeat left top; }
.prod.windows { background:url(../img/prod-windows-x.png) no-repeat left top; }
.prod.windows a { background:url(../img/prod-windows.png) no-repeat left top; }
.prod.remodeling { background:url(../img/prod-remodeling-x.png) no-repeat left top; }
.prod.remodeling a { background:url(../img/prod-remodeling.png) no-repeat left top; }
.prod.construction { background:url(../img/prod-new-construction-x.png) no-repeat left top; }
.prod.construction a { background:url(../img/prod-new-construction.png) no-repeat left top; }
.prod.environmental { background:url(../img/prod-environmental-x.png) no-repeat left top; }
.prod.environmental a { background:url(../img/prod-environmental.png) no-repeat left top; }
.prod.storm { background:url(../img/prod-storm-repair-x.png) no-repeat left top; }
.prod.storm a { background:url(../img/prod-storm-repair.png) no-repeat left top; }

.next-page-box { width:100%; text-align:center; height:75px; position:relative; }
.next-page { width:100%; position:absolute; z-index:99; height:75px; text-align:center; left:0; top:0; }
.next-page img { margin:0 auto; cursor:pointer; }

.paper .reviews { position:relative; width:518px; height:470px; z-index:1; margin-top:20px; }
.paper-house { position:absolute; z-index:2; top:160px; left:-50px; }
.review-box { background:url(../img/review-box-bg.png) no-repeat left top; width:518px; height:220px; position:relative; }
.review-box p { margin:0 0 10px 0; }
.review-box .review { color:#4f3d33; font-style:italic; font-size:1.15em; padding:20px 25px; }
.review-box p.author { margin:0; background:url(../img/stars.png) no-repeat left center; text-align:right; color:#272622; font-style:normal; }
.left-quote { color: #91B28C; display: block; float: left; font-size: 3em; height: 22px; line-height: 0.7em; width: 25px; }

article a.learn-more { display:block; float:none; clear:both; text-align:left; margin:20px 0 10px 0; }
.lt-ie8 article a.learn-more { zoom:1; }
a.learn-more:link, .wood a.learn-more:link, a.learn-more:visited, a.learn-more:hover, a.learn-more:active { color:#e5e2d2; font-style:italic; font-size:1.375em; text-decoration:none; }
a.learn-more:hover { text-decoration:underline; }

.circle a.learn-more { font-size:1em; text-align:center; float:none; margin:0; padding:0; font-weight:700; }
.circle.brown a.learn-more { color:#110d0b; }
.circle.blue a.learn-more { color:#16222b; }
.circle.green a.learn-more { color:#273525; }

.media section { margin-bottom:25px; overflow:hidden; }

.paper a.learn-more { color:#4e7c9d; }
.board a.learn-more { color:#233746; }
.board a { color:#233746; }
.contact-form { width:100%; }
.formline, .contact-form .dropdown {
    position: relative;
	width:100%;
	height:40px;
	z-index:1;
	margin:0 0 5px 0;
	clear:both;
}
.formline.textarea { height:150px; }
.formline label, .field a.label, .wood .field a.label {
	color:#30482d;
    left: 12px;
    position: absolute;
    top: 8px;
	z-index:5;
	font-style:italic;
	text-decoration:none;
}
.internal .formline label, .internal .field a.label, .internal .wood .field a.label { top:8px; }
.formline label span, .field .label span, .wood .field label span { color:#B34848; font-weight:bold; }
.field ul a.label {
	color:#30482d;
    left: auto;
    position: static;
    top: auto;
	z-index:5;
	font-style:italic;
	text-decoration:none;
}
.formcity { width:45%; clear:none; float:left; margin-right:2.5%; }
.formlinethreeup .formline-bg { left:3.5% !important; width:93% !important; }
.formlinethreeup input { padding-left: 7% !important; padding-right:7% !important; width:86% !important; }
.formstate { width:20%; clear:none; float:left; margin-right:2.5%; }
.formzip { width:30%; clear:none; float:left; }
.contact-form .formline.buttons { overflow:hidden; height:auto; }
.contact-form .formline.buttons input { position:static; top:auto; left:auto; }
.contact-form .reset { width:27%; float:left; color:#E5E2D2; font-style:italic; font-family:"Cardo",serif; padding:13px 5px; text-align:right; }
.contact-form .submit { width:55%; float:right; color:#F3ED24; border:3px solid #766050; background:#483b31; font-family:'Open Sans Condensed',sans-serif; font-weight:700; text-transform:uppercase; padding:5px 5%; }
.contact-form .submit.disabled { cursor:wait; background:#484848; }
.contact-form input, .contact-form textarea { padding:5px 3%; position:absolute; top:5px; left:0; z-index:3; width:90%; background:none; border:none; }
.contact-form input.checkbox { padding:0; margin-right:3px; position:static; top:auto; left:auto; width:auto; }
.contact-form select { margin:5px; padding:8px 3%; width:97%; position:absolute; top:0; left:0; z-index:3; border:none; background:#d2e0cc; }
.contact-form select.default { color:#30482D; font-family:"Cardo",serif; font-style:italic; }
.contact-form textarea { height:120px; }
.formline .formline-bg, .field .formline-bg { width:98%; height:30px; position:absolute; z-index:2; top:5px; left:1%; background:#eeefe9; opacity:.75; -ms-filter:"alpha(opacity=75)"; filter:alpha(opacity=75); }
.formline .formline-bg-padd, .field .formline-bg-padd { width:100%; height:40px; position:absolute; z-index:2; top:0; left:0; background:#7db875; opacity:.75; -ms-filter:"alpha(opacity=75)"; filter:alpha(opacity=75); }
.formline .formline-bg-padd.error { background:#b34848 !important; }
.contact .cta { display:none; }
.formline.textarea .formline-bg-padd { height:150px; }
.formline.textarea .formline-bg { height:140px; }
.contact header { width:100%; }
.special-offer { width:100%; position:relative; z-index:1; }
.offer-label { display:none; width:100%; position:absolute; z-index:2; top:-40px; left:0; text-align:center; }
.offer-label img { margin:0 auto; }

.offer-details p strong { font-weight:700; }
.offer-details h2 { color: #f5f139; }

nav.footer-nav a { padding:0; margin:0; clear:left; text-align:left; }
nav.footer-nav { width:100%; padding:25px 0; }
.footer-nav .col { width:50%; }
nav.footer-nav a { font-size:1.1em; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; color:#fff; text-transform:uppercase; }
.lt-ie9 nav.footer-nav a {font-family: 'open_sanscondensed_light', sans-serif; font-weight:normal; }
.footer-container { padding-bottom:85px; }
footer .logos { height:400px; margin-top:25px; width:100%; text-align:right; float:left; clear:left; }
footer .logobox { width:387px; height:400px; position:relative; z-index:1; margin:0 auto 0 0; }
footer .logos a { text-transform:uppercase; cursor:pointer; }
footer .logos img { width:387px; height:auto; position:absolute; z-index:2; top:0; right:0; }
.hotspots{z-index:3; position:absolute; top:0; right:0; height:400px; width:387px;}
.hotspots a { position:absolute; display:block; text-indent:999px; overflow:hidden; background-color: white; opacity:0; filter: alpha(opacity=0); }
a.bbb{z-index:4;  top:1%; left:0%; width:36%; height:13%; }
a.guildqualitylink{z-index:5; top:1%; left:43%; width:26%; height:26%; }
a.angieslink{ z-index:6; top:1%; left:73%; width:32%; height:26%; }
a.stcroixlink{ z-index:7; top:29%; left:45%; width:29%; height:23%; }
a.gaf{z-index:8; top:29%; left:79%; width:16%; height:23%;}
a.nahb{z-index:9; top:52%; left:0%; width:23%; height:26%;}
a.epa{height: 21%; left: 29%; top: 54%; width: 29%; z-index: 10;}
a.good{z-index:11; top:55%; left:62%; width:36%; height:20%;}
a.batc{z-index:11; top:14%; left:0%; width:37%; height:17%;}
a.houzz {height: 21%; left: 0; top: 79%; width: 21%; z-index: 11;}
a.porch {height: 21%; left: 27%; top: 79%; width: 33%; z-index: 11;}
.footer-note { clear:both; overflow:hidden; padding-top:20px; }
.footer-note .left, .footer-note .right { width:50%; }
.copyright { font-family: 'Open Sans', sans-serif; font-weight:300; font-size:.8em; color:#d6d6d6; text-transform:uppercase; }
.website{ display:block; line-height:1em; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:.6em; color:#d6d6d6; text-transform:uppercase; }
.website a{ text-decoration:none; color:#d6d6d6; }
.website a:hover { text-decoration:underline; }
.lt-ie9 .copyright {font-family: 'open_sanslight', sans-serif; font-weight:normal; }
.footer-note .phone { padding:0; color:#d6d6d6; }
.footer-note .phone .toll-free { color:#d6d6d6; }

.threeup { padding:15px 0; float:left; width:30%; margin-right:5%; text-align:center; }
.threeup.last { margin-right:0; }
.threeup img { margin:0 auto; }

.fourup { margin:15px 0; float:left; width:20%; margin-right:6.6%; text-align:center; }
.fourup.fourth, .internal .fourup.fourth { margin-right:0; }
.internal .fourup { width:155px; height:155px; margin-right:20px; }
.thumb { cursor:pointer; position:relative; z-index:1; overflow:hidden; }
.thumb img { position:absolute; z-index:2; top:0; left:0; }
.thumb .zoom { position:absolute; z-index:3; top:0; left:0; opacity:0; -ms-filter:"alpha(opacity=0)"; filter:alpha(opacity=0); background:url(../img/zoom_in.png) no-repeat left top; }
.videos .thumb .zoom { background:url(../img/play-thumb.png) no-repeat left top; }
.videos .thumb .titlec {width:100%; position:absolute; bottom:0; left:0; z-index:5; }
.videos .thumb h4{line-height:14px; font-size:12px; font-weight:bold; margin:0; padding:5px; font-family: 'open_sanslight', sans-serif;}
.paper .videos .thumb .titlec{background:url(../img/video-titles/paper.png); color:#ffffff;}
.board .videos .thumb .titlec{background:url(../img/video-titles/board.png); color:#ffffff;}
.wood .videos .thumb .titlec{background:url(../img/video-titles/wood.png); color:#000000;}

.testimonial{ border-top: 2px solid #e8e4d8; padding:20px 0px 0px 0px; }
.testimonial .quote{ font-style:italic; }

.customer-satisfaction .ratings-heading.even p{font-size:24px; margin:0; padding:0;} 
.customer-satisfaction .ratings-heading.odd p{font-size:12px; font-style:italic;}
.customer-satisfaction .rating { display:inline-block; position:relative; margin:0px 0px 8px 0px;}
.internal .customer-satisfaction .rating .text{margin:0; padding:3px 5px 3px 5px;}
.customer-satisfaction .rating .text{position:relative;}
.customer-satisfaction .rating .insideText{position:relative; z-index:5;}
.customer-satisfaction .rating .indicator{position:absolute; top:0; left:0; background:#e4edf4; height:100%; z-index:1; border-radius:5px;}

.embed-video { position:relative; z-index:1; width:100%; height:0; padding-top:63.5%; overflow:hidden; }
.embed-video .youtube { position:absolute; z-index:2; top:0; left:0; height:100%; width:100%; }

.breadcrumbs {
    border-bottom: 1px solid #453A33;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 20px;
    padding: 0 0 20px;
}
.breadcrumbs a{color:#91b28c;}
.breadcrumbs p{padding:0; margin:0;}

.internal .fourup.thumb .zoom { width:155px; height:155px; }

.cloud.first {
	-webkit-animation: cloudFirst 300s linear infinite;
	-moz-animation: cloudFirst 300s linear infinite;
	-ms-animation: cloudFirst 300s linear infinite;
	animation: cloudFirst 300s linear infinite;
}
.left.wrap { margin:0 25px 15px 0; }
.right.wrap { margin:0 0 15px 25px; }

.about-video{
	width:100%;
	height:403px;
}

.small-nav-hide { margin-top:-30px; position:relative; z-index:1; }
.small-nav { position:relative; z-index:1; display:none; background:#1a100a; padding:0; overflow:hidden; width:100%; clear:both; }
.small-nav .screen-nav { display:block; margin:20px 0px 5px; padding:0; }
.small-nav .screen-nav li a { font-size:1.1em; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; color:#fff; text-transform:uppercase; text-decoration:none; display:block; padding:10px 8%; }
.small-nav .screen-nav li { display:block; list-style:none; padding:0; margin:0; border-bottom:1px solid #000; }
.small-nav .screen-nav li:last-child { border-bottom:none; }
.small-nav .screen-nav li ul { display:block; margin:0; padding:0; overflow:hidden; }
.small-nav .screen-nav li ul li { display:block; margin:0; padding:0; width:100%; }
.small-nav .screen-nav li ul li:first-child { border-top:1px solid #000; }
.small-nav .screen-nav li ul li:last-child { border-bottom:none; }
.small-nav .screen-nav li ul li a { padding-left:15%; background:url(../img/sub-nav-bg-sm.png) no-repeat 10% center; }
.small-nav .screen-nav li a.active { color:#f4f076; }

.header-container .headBG{
	position:relative;
	z-index:5;
}
.main-nav {height:60px;}
.main-nav li {
		position: relative;
	}
	.main-nav ul ul, .dropdown ul ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		padding:10px 20px;
		opacity: 0;
		visibility: hidden;
		position: absolute;
		width:400px;
		top: 80px;
		left: 175px;
		z-index: 1;    
		background: url('../img/navBG.png');
		background: url('../img/navBG.png') -moz-linear-gradient(#453A33, #3f352f);
		background-image: url('../img/navBG.png');
		background: url('../img/navBG.png') -webkit-linear-gradient(#453A33, #3f352f);    
		background: url('../img/navBG.png') -o-linear-gradient(#453A33, #3f352f);	
		background: url('../img/navBG.png') -ms-linear-gradient(#453A33, #3f352f);	
		background: url('../img/navBG.png') linear-gradient(#453A33, #3f352f);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,1);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,1);
		box-shadow: 0 0 10px rgba(0,0,0,1);	
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}
	
	.main-nav ul ul.up, .dropdown ul ul.up {
		margin: 0 0 20px 0;
		bottom: 80px;
		top:auto;
	}

	.main-nav li:hover > ul, .dropdown li:hover > ul, .main-nav li.active > ul, .dropdown li.active > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	.main-nav ul ul ul, .dropdown ul ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	.main-nav ul ul li, .dropdown ul ul li {
		width:45%;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		-moz-box-shadow: 0 1px 0 #4f423a, 0 2px 0 #40362f;
		-webkit-box-shadow: 0 1px 0 #4f423a, 0 2px 0 #40362f;
		box-shadow: 0 1px 0 #4f423a, 0 2px 0 #40362f;
	}
	
	.main-nav ul ul li.right, .dropdown ul ul li.right {
		margin-left:10%;
	}
	
	.main-nav ul ul li.borderless, .dropdown ul ul li.borderless {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	.main-nav ul ul a, .dropdown ul ul a {    
		padding: 10px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		text-align:left;
		float: none;
		font-size:1em;
		padding:10px 25px;
	}
	
	.main-nav ul ul a:hover, .dropdown ul ul a:hover {
		color:#F4F076;
		/*background-color: #6D5446;
		background-image: -moz-linear-gradient(#6D5446,  #5f493d);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#6D5446), to(#5f493d));
		background-image: -webkit-linear-gradient(#6D5446, #5f493d);
		background-image: -o-linear-gradient(#6D5446, #5f493d);
		background-image: -ms-linear-gradient(#6D5446, #5f493d);
		background-image: linear-gradient(#6D5446, #5f493d);*/
	}
	
	.main-nav ul ul li:first-child > a, .dropdown ul ul li:first-child > a {
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
		border-radius: 8px 8px 0 0;
	}
	
	.main-nav ul ul li:first-child > a:after, .dropdown ul ul li:first-child > a:after, .dropdown ul ul li:first-child > label:after {
		content: '';
		position: absolute;
		left: 20px;
		top: -34px;
		width:49px;
		height:25px;
		background:url('../img/navTriangle.png') no-repeat center bottom;
	}
	
	.main-nav ul ul.up li:first-child > a:after, .dropdown ul ul.up li:first-child > a:after, .dropdown ul ul.up li:first-child > label:after {
		bottom: -34px;
		top:auto;
		background:url('../img/navTriangleUp.png') no-repeat center top;
	}
	
	.main-nav ul ul ul li:first-child a:after, .dropdown ul ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	/*
	.main-nav ul ul li:first-child a:hover:after {
		border-bottom-color: #6D5446; 
	}
	
	.main-nav ul ul ul li:first-child a:hover:after {
		border-right-color: #6D5446; 
		border-bottom-color: transparent; 	
	}
	*/
	.main-nav ul ul li:last-child > a, .dropdown ul ul li:last-child > a {
		-moz-border-radius: 0 0 8px 8px;
		-webkit-border-radius: 0 0 8px 8px;
		border-radius: 0 0 8px 8px;
	}
	nav.main-nav ul ul li:first-child a, .dropdown ul ul li:first-child a { padding:10px 25px; }
	
	.field { position:relative; z-index:5; }
	.faux-nav { position:relative; z-index:4; margin:0; padding:0; list-style:none; }
	.formline .dropdown { position:absolute; z-index:3; }
	.dropdown .faux-nav ul {
		margin: 20px 0 0 0;
		padding:10px 20px;
		width:320px;
		top: 60px;
		left: 0;
		font-size:90%;
		z-index: 999;
	}
	.dropdown ul ul li.right {
		margin-left:0;
	}
	
	.dropdown .faux-nav ul.up {
		bottom: 10px;
		top:auto;
		left:-20px;
	}
	.scolled .dropdown .faux-nav ul.up {
		bottom: 50px;
		top:auto;
		left:-150px;
	}
	.dropdown .faux-nav ul li {
		padding:10px 0;
	}
	.dropdown .faux-nav ul li:first-child > label:after {
		top: -25px;
	}
	.dropdown .faux-nav ul.up li:first-child > label:after {
		bottom: -25px;
		top:auto;
		left:40px;
	}
	.scolled .dropdown .faux-nav ul.up li:first-child > label:after {
		bottom: -25px;
		top:auto;
		left:160px;
	}
		
		
	@keyframes "cloudFirst" {
	 0% {
		left: 0;
	 }
	 100% {
		left: -3194px;
	 }
	
	}
	
	@-moz-keyframes cloudFirst {
	 0% {
		left: 0;
	 }
	 100% {
		left: -3194px;
	 }
	
	}
	
	@-webkit-keyframes "cloudFirst" {
	 0% {
		left: 0;
	 }
	 100% {
		left: -3194px;
	 }
	
	}
	
	@-ms-keyframes "cloudFirst" {
	 0% {
		left: 0;
	 }
	 100% {
		left: -3194px;
	 }
	
	}
	
	@-o-keyframes "cloudFirst" {
	 0% {
		left: 0;
	 }
	 100% {
		left: -3194px;
	 }
	
	}
	
	.cloud.second {
		-webkit-animation: cloudSecond 300s linear infinite;
		-moz-animation: cloudSecond 300s linear infinite;
		-ms-animation: cloudSecond 300s linear infinite;
		animation: cloudSecond 300s linear infinite;
	}
	
	@keyframes "cloudSecond" {
	 0% {
		left: 1597px;
	 }
	 100% {
		left: -1597px;
	 }
	
	}
	
	@-moz-keyframes cloudSecond {
	 0% {
		left: 1597px;
	 }
	 100% {
		left: -1597px;
	 }
	
	}
	
	@-webkit-keyframes "cloudSecond" {
	 0% {
		left: 1597px;
	 }
	 100% {
		left: -1597px;
	 }
	
	}
	
	@-ms-keyframes "cloudSecond" {
	 0% {
		left: 1597px;
	 }
	 100% {
		left: -1597px;
	 }
	
	}
	
	@-o-keyframes "cloudSecond" {
	 0% {
		left: 1597px;
	 }
	 100% {
		left: -1597px;
	 }
	
	}
	
	.cloud.third {
		-webkit-animation: cloudThird 300s linear infinite;
		-moz-animation: cloudThird 300s linear infinite;
		-ms-animation: cloudThird 300s linear infinite;
		animation: cloudThird 300s linear infinite;
	}
	
	@keyframes "cloudThird" {
	 0% {
		left: 3194px;
	 }
	 100% {
		left: 0;
	 }
	
	}
	
	@-moz-keyframes cloudThird {
	 0% {
		left: 3194px;
	 }
	 100% {
		left: 0;
	 }
	
	}
	
	@-webkit-keyframes "cloudThird" {
	 0% {
		left: 3194px;
	 }
	 100% {
		left: 0;
	 }
	
	}
	
	@-ms-keyframes "cloudThird" {
	 0% {
		left: 3194px;
	 }
	 100% {
		left: 0;
	 }
	
	}
	
	@-o-keyframes "cloudThird" {
	 0% {
		left: 3194px;
	 }
	 100% {
		left: 0;
	 }
	
	}

/* ==============
    MOBILE: Menu
   ============== */
nav { width:50%; }
nav ul {
    margin: 0;
    padding: 0;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
	text-shadow:1px 1px 1px #000;
}

nav a:hover,
nav a:visited {
    color: white;
}

nav a:hover {
    text-decoration: underline;
}
nav .dd { display:none; float:left; margin-top:20px; }
.phone { padding:24px 0 20px; float:right; width:50%; text-align:right; font-size:1.3em; color: #91b28c; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-shadow:1px 1px 1px #000;}
.lt-ie9 .phone {font-family: 'open_sans_condensedbold', sans-serif; font-weight:normal; }
.phone .divider { width:10px; height:14px; background:url(../img/wood-bullet.png) no-repeat center top; }
.phone .toll-free, .phone .divider { display:none; }
.screen-nav { display:none; }
.tablet-nav, .mobile-nav { display:none; float:left; }

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 0px 5% 10px;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}
nav { float:right; }
.phone { float:left; text-align:left; }
.phone .toll-free { color:#d2cf55; }
.mobile-nav { display:inline-block; margin-top:14px; cursor:pointer; float:right; }
#shadeRight { background-size:20%;  }
#shadeLeft { background-size:20%; }
#fap-wrapper { display:none; }

.overlay{
	background:url(../img/overlay.png);
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

.virtualtour{ max-width:680px; margin:auto 0; }

.zoom      { width: 100%; overflow:hidden; } 
.small img { width: 680px; height: 453px; } 
.large img { width: 1200px; height: 800px; }

/* AnythingZoomer */
.az-wrap, .az-small, .az-large {
	position: relative;
}
.az-wrap-inner {
	display: block;
	margin: 0 auto; /* center small & large content */
}
/* This wraps the large image and hides it */
.az-zoom {
	background: #fff;
	border: #333 1px solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	overflow: hidden;
	z-index: 100;
	display: none;
	-moz-box-shadow: inset 0px 0px 4px #000;
	-webkit-box-shadow: inset 0px 0px 4px #000;
	box-shadow: inset 0px 0px 4px #000;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
	overflow: hidden;
	position: absolute;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
	height: auto;
	width: auto;
	position: static;
	overflow: visible;
}

/* overlay small area */
.az-overlay {
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	z-index: 10;
}

/* fade out small content when hovering
.az-hovered > * {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/

/* edit mode coordinate styling */
.az-coords {
	display: none; /* hidden when expanded */
}
.az-zoom .az-coords {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #000;
	background: rgba(0,0,0,0.5);
	color: #fff;
}

/* STYLES FOR TABS */
#tabs{
	z-index:999;
}

.tabs-bottom .ui-tabs-panel {
	border-bottom: 0px solid #D6D6D6 !important;
}

.tabs-bottom {
}
.tabs-bottom .ui-tabs-panel p{
	margin:0px;
	margin-top:7px;
}

.tabs-bottom .ui-tabs-nav{
	position: relative;
	left: 0;
	bottom: 0;
	right:0;
	padding: 0 0.2em 0.2em 0;
	display: inline-block;
}

.tabs-bottom .ui-tabs-nav li{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	border-top: none;
	border-bottom-width: 1px;
}

.tabs-bottom .ui-tabs-nav li:first-child{
	border-top-left-radius:5px;
}

.tabs-bottom .ui-tabs-nav li:last-child{
	border-top-right-radius:5px;
}

.ui-tabs-selected{
	margin-top: -3px !important;
}

li.ui-state-active a{color:#6d5446;}

/* END STYLES FOR TABS */

.ds-content{
	position:relative;
}

.ds-home_1{
	
}

.ds-home_2{
	
}

.ds-home_3{
	
}

.ds-home_4{
	
}

#ds-home_1{	
}

#ds-home_2{
	display:none;
}

#ds-home_3{
	display:none;
}

#ds-home_4{
	display:none;
}

.ds-overflow-hidden{
}

.ds-slide{
}

/*SLIDE TOP*/
.ds-overflow-hidden-top{
	
}

.ds-slide_top{
    max-width: 680px;
	margin-top:1px; /* OPEN: margin-top:0px; CLOSE: margin-top:-43px;*/
}

.ds-content_part{
	float:left;
	height: 100%;
    width: auto;
}

.ds-button{
	border:1px solid #000;
	background:#CCC;
	float: left;
    height: 100%;
	width: 85px;
	cursor: pointer;
}

#ds-content .ds-button span{
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	text-align: center;
	float:left;
	margin-top: 13px;
}

.ds-content_show_color{
	border: 1px solid;
    border-radius: 5px 5px 5px 5px;
	position:absolute;
	top:105px;
	right:15px;
	z-index:1000;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px 10px;
	background:url(../templates/customtemplate/Design_Studio/images/back_opacity.png);
	display:none;
}

#ds-content .ds-content_show_color span{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.ds-content_show_color .ds-show_color{
}

.ds-content_show_color .ds-show_color_select{
}



/*SLIDE BOOTOM*/
.ds-overflow-hidden-bottom{
	height:85px;
	position:relative;
	background:#e5e2d2;
	max-width:680px;
}

.ds-content_slide{
	float: left;
    margin-top: 0px; /* OPEN: margin-top:0px; CLOSE: margin-top:83px;*/
    max-width: 680px;
}

.ds-open_and_close{
	height: 16px;
	overflow: hidden;
	text-align: center;
}

.ds-open_and_close img{
	cursor:pointer;
	margin-top: -17px; /* OPEN: margin-top:-17px; CLOSE: margin-top:0px;*/
}

.ds-slide_bottom{
	float:left;
	height: 100%;
    width: 100%;
}

.ds-content_thumbs{
	margin-top:11px;
	margin-left:11px;
	text-align:center;
}

.ds-thumb{
	display:inline-block;
	margin-right:8px;
	cursor:pointer;
	max-width:72px;
}

.ds-thumb img{
	width:100%;
	height:auto;
}

.ds-content_text{
	float: left;
    margin-top: 11px;
    width: 440px;
}

#ds-content .ds-content_text p{
	font-size: 12px;
    margin: 0px;
	font-family: arial;
	color:#FFF;
}
.ds-content_text ul{
	margin-left: 10px !important;
}
.ds-content_text ul li {
	padding-left: 12px;
	background: url('../images/bullet.png') left center;
	background-repeat: no-repeat;
}

/* NEW MENU DESPLEGABLE */
.ds-content ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.ds-content ul li{
	float: left;
/*  padding: 10px;*/
	display: block;
/*  margin-right: 10px;*/
	height:20px;
}

.ds-content ul li a{
  display: block;
  overflow: hidden;
  height: 100%;
  padding:0px 25px 0px 0px;
  position: relative;
  text-align:center;
  margin-top: 1px;
}

.ds-content #a1{
  width: 613px;
}

.ds-content ul li img{
  position: absolute;
  border: 3px solid #881212;
}

.ds-content ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 85px;
}
/* END MENU DESPLEGABLE */

/* STYLES for cuadros color */
.ds-content_cuadros{
	float: left;
/*    margin-left: 4px;*/
    margin-top: 7px;
	left: 91px;
	position: absolute;
	width: 520px;
}

.cuadro_color{
	border: 1px solid #ddd;
    display:inline-block;
    height: 27px;
    margin-right: 4px;
    width: 33px;
	cursor:pointer;
}

.gutter_color{
}

/* GUTTER */
.gutter_color#White{
	background:#E9EDF0;
}

.gutter_color#Egg_Shell{
	background:#EBE8E1;
}

.gutter_color#Cream{
	background:#E8E4CB;
}

.gutter_color#Wicker{
	background:#CCC7B3;
}

.gutter_color#Light_Grey{
	background:#BEBEBE;
}

.gutter_color#Ivory{
	background:#B8B38B;
}

.gutter_color#Tan{
	background:#B0AC93;
}

.gutter_color#Clay{
	background:#9C9783;
}

.gutter_color#Territone{
	background:#636155;
}

.gutter_color#Brown{
	background:#473727;
}

.gutter_color#Musket{
	background:#2A2017;
}

.gutter_color#Grey{
	background:#212528;
}

/* TRIM */
.trim_color#ds-01_Color{
	background:#FFFFFF;
}

.trim_color#ds-02_Color{
	background:#E7E5D6;
}

.trim_color#ds-03_Color{
	background:#B8B39F;
}

.trim_color#ds-04_Color{
	background:#DAD5AD;
}

.trim_color#ds-05_Color{
	background:#909479;
}

.trim_color#ds-06_Color{
	background:#C2CACC;
}

.trim_color#ds-07_Color{
	background:#B4BEC7;
}

.trim_color#ds-08_Color{
	background:#DCD1BF;
}

.trim_color#ds-09_Color{
	background:#F2F5E4;
}

.trim_color#ds-10_Color{
	background:#C8C5A4;
}

.trim_color#ds-11_Color{
	background:#FEFCD3;
}

.trim_color#ds-12_Color{
	background:#E1D1AD;
}

.trim_color#ds-13_Color{
	background:#8C968E;
}

/* ROOF */
.roof_color#ds-01_Color{
	background:#C8C7CC;
}

.roof_color#ds-02_Color{
	background:#BFADAB;
}

.roof_color#ds-03_Color{
	background:#3B2C29;
}

.roof_color#ds-04_Color{
	background:#334547;
}

.roof_color#ds-05_Color{
	background:#8B6840;
}

.roof_color#ds-06_Color{
	background:#706866;
}

.roof_color#ds-07_Color{
	background:#656469;
}

.roof_color#ds-08_Color{
	background:#4C4C4C;
}

.roof_color#ds-09_Color{
	background:#9E999F;
}

.roof_color#ds-10_Color{
	background:#503B3A;
}

.roof_color#ds-11_Color{
	background:#616564;
}

/* SIDING */
.siding_color#ds-01_Color{
	background:#FFFFFF;
}

.siding_color#ds-02_Color{
	background:#E7E5D6;
}

.siding_color#ds-03_Color{
	background:#B8B39F;
}

.siding_color#ds-04_Color{
	background:#DAD5AD;
}

.siding_color#ds-05_Color{
	background:#909479;
}

.siding_color#ds-06_Color{
	background:#C2CACC;
}

.siding_color#ds-07_Color{
	background:#B4BEC7;
}

.siding_color#ds-08_Color{
	background:#DCD1BF;
}

.siding_color#ds-09_Color{
	background:#F2F5E4;
}

.siding_color#ds-10_Color{
	background:#C8C5A4;
}

.siding_color#ds-11_Color{
	background:#FEFCD3;
}

.siding_color#ds-12_Color{
	background:#E1D1AD;
}

.siding_color#ds-13_Color{
	background:#8C968E;
}

/* END CUADROS DE COLOR */

/* IMAGES parts */
.ds-parts_house{
	position: absolute;
	z-index:10;
	overflow:hidden;
	width: 1200px;
	height: 800px;
	top: 0px;
}

.ds-parts_house img{	
	position: absolute;	
    width: 680px;
	height: 453px;
}

.ds-parts_house_zoom{
	position: absolute;
	z-index:10;
	overflow:hidden;
	width: 1200px;
	height: 800px;
	top: 0px;
}

.ds-parts_house_zoom img{
	position: absolute;	
}

.ds-parts_by_home_1{
}

.ds-parts_by_home_2{
	margin-top:-33px;
}

.ds-parts_by_home_2 img{
	height:485px;
}

.ds-parts_by_home_3{
	margin-top:-82px;
}

.ds-parts_by_home_3 img{
	height:536px;
}

.ds-parts_by_home_4{
	margin-top:-72px;
}

.ds-parts_by_home_4 img{
	height:536px;
}

.ds-parts_by_home_4{
}

.ds-gutter{
	z-index:10;
}

.ds-roof img{
}

.ds-siding img{
}

.ds-trim img{
}

.ds-parts_by_home_zoom_2{
	margin-top:-62px;
}

.ds-parts_by_home_zoom_2 img{
	height:860px;
}

.ds-parts_by_home_zoom_3{
	margin-top:-138px;
}

.ds-parts_by_home_zoom_3 img{
	height:930px;
}

.ds-parts_by_home_zoom_4{
	margin-top:-115px;
}

.ds-parts_by_home_zoom_4 img{
	height:920px;
}
/* END IMAGES parts */
 
a.financing{font-size:100%; text-align:center;display:block; text-decoration:none; clear:both; font-style:italic; padding:0px;}
.wood .wrapper section a.financing{color:#91b28c;}
.grass a.financing{color:#E5E2D2; font-size:100%;}



/* ==========================================================================
   Media Queries
   ========================================================================== */
   
@media only screen and (min-width: 0px) {
	.circle { border-radius: none; height: auto; padding: 0; text-align: left; width: auto; background:none; }
	article section h2 { font-size:1.5em; }
	article.board .circle h2, .board .circle p { color:#272622; }
	.footer-note .phone { clear:left; }
	.footer-note .left { width:100%; text-align:left; padding:0 0 15px 0; }
	.footer-note .right { width:100%; text-align:left; }
	.paper-house { display:none; }
	.paper .reviews { height: auto; width: 100%; padding-bottom:40px; background:url(../img/review-box-point.png) no-repeat 75% bottom; }
	.review-box { background: none #e5e2d1; border-radius:15px; height: auto; width: 100%; }
	.review-box p.author { background: url("../img/stars.png") no-repeat scroll right bottom transparent; font-size:.8em; padding-bottom:25px; }
	.circle a.learn-more { text-align: right; }
	.side-object { display:none; }
	.threeup img { width:100%; height:auto; }
	.roofing-system { display:none; }
	.internal .fourup.thumb .zoom { width:100%; background-size:100%; height:auto; padding-bottom:100%; }
	.internal .fourup { width:40%; height:auto; padding-bottom:40%; margin-right:20px; }
	.internal .fourup img { width:100%; height:auto; }
	article img.wrap { width:50%; height:auto; }
	.paper a { color:#728a6e; }
	article.paper h2 a { color:#272622; }
	.customer-satisfaction .rating.even{ width:47%; }
	.customer-satisfaction .rating.odd{ width:47%; color:#ffffff; margin:0px 5px 8px 0px; background:#e8e4d8; padding:5px; }
	footer .logobox, footer .logobox img, .hotspots { width:100%; max-width:387px; }
	footer .logobox, .hotspots { height:auto; padding-top:103%; }
	.offer-details{ background:#291b14; border-radius:15px; padding:15px 30px; margin:0px 0px 15px 0px;}
}  
@media only screen and (min-width: 380px) {
	.circle { border-radius: 50% 50% 50% 50%; height: 302px; padding: 15px 30px; text-align: center; width: 271px; }
	.circle.brown { background-color:#6d5446; }
	.circle.blue { background-color:#4e7c9d; }
	.circle.green { background-color:#8ec187; }
	article section h2 { font-size:1.875em; }
	article.board .circle h2 { color:#E5E2D2; }
	.board .circle p { color:#E5E2D2; }
	.circle a.learn-more { text-align: center; }
	article img.wrap { width:33%; height:auto; }
	.about-video{ width:100%; height:215px; }
	
	
	#fap-main {
		width: 320px;
	}
	
	#fap-meta-wrapper {
		width: 240px;
	}
	
	#fap-ui-wrapper {
		width: 80px;
	}
	
	#fap-time-bar, #fap-volume-bar, #fap-volume-sign, #fap-playlist-toggle, #fap-playlist-shuffle { 
		display: none;
	}
	
	.dropdown .faux-nav ul {
		width:350px;
	}

	
}
@media only screen and (min-width: 480px) {
	
	#fap-main {
		width: 430px;
	}
	
	#fap-meta-wrapper {
		width: 350px;
	}
	
	#fap-ui-wrapper {
		width: 80px;
	}
	
	#fap-time-bar, #fap-volume-bar, #fap-volume-sign, #fap-playlist-toggle, #fap-playlist-shuffle, #fap-popup-toggle { 
		display: none;
		behavior:none;
	}

/* ====================
    INTERMEDIATE: Menu
   ==================== */
	nav { float:left; }
    nav a {
        float: left;
        padding: 25px 10px 41px;
        margin-bottom: 0;
    }

    nav li:first-child a, .lt-ie9 nav li.first a {
        margin-left: 0;
		padding-left: 0;
    }

    nav li:last-child a, .lt-ie9 nav li.last a {
        margin-right: 0;
    }
	nav .dd { display:block; }
	.phone { float:right; text-align:right; }
	.phone .toll-free { color:#91b28c; }
	.mobile-nav { display:inline-block; float:none;}
	.screen-nav { display:none; }
	.tablet-nav { display:none; }
	.banner-wrapper { display:block; left:0; }
	.banner-box { width:480px; }
	#shadeRight { background-size:50%;  }
	#shadeLeft { background-size:50%; }
	#house { display:block; }
	.tree-lg.left { left:-129px; width:44%; }
	.tree-lg.right { left:auto; right:-138px; width:44%; }
	#logo img { width:200px; height:136px; }
	#sun .sun { top:-97px; left:-115px; }
	.wood .wrapper { text-align:left; }
	.prods .prod { margin-right:15px; }
	.prods .prod.even { margin-right:15px; }
	#slides .banner-box { padding-top:0; }
	.slide { background:none; border-radius:none; height:auto; padding:0; }
	.slide h1 { background:url(../img/slide-header-bg.png) no-repeat bottom right; font-family:"Dancing Script", cursive; text-shadow:1px 1px 2px #225f8a; color:#fff; font-size:1.8em; text-align:left; padding:150px 15px 20px 15px; margin:0 0 10px 0; }
	.slide .tagline { background:url(../img/slide-header-bg.png) no-repeat bottom right; font-family:"Dancing Script", cursive; text-shadow:1px 1px 2px #225f8a; color:#fff; font-size:1.8em; text-align:left; padding:150px 15px 20px 15px; margin:0 0 10px 0; }
	.slide h1 .offer { font-family:"Open Sans", sans-serif; font-weight:700; color:#f3ed24; font-style:italic; }
	.slide p { text-align:left; text-shadow:1px 1px 1px #b8c6d7; margin:0 0 10px 0; color:#0b0806; font-family:"Open Sans", sans-serif; font-weight:400; padding: 0 15px; }
	.slide .cta { float:right; background:url(../img/slide-button.png) no-repeat top left; width:200px; height:41px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-transform:uppercase; color:#d2cf55; text-decoration:none; font-size:1.3em; padding-top:11px; }
	#banner .arrow { top:10%; }
	#banner .arrow.left { left:70%; }
	#banner .arrow.right { right:10%; }
	article header h1 { font-size:2em; line-height:1.1em; }
	article a.learn-more { text-align:center; margin:20px 0 10px 0; }
	article a.learn-more.left { text-align:left; }
	nav.footer-nav { width:75%; }
	footer .logobox, footer .logobox img, .hotspots { width:100%; max-width:387px; }
	footer .logobox, .hotspots { height:400px; padding-top:0; }
	.special-offer { text-align:center; padding-bottom:25px; }
	.offer-details { margin:0 auto; text-align:left; }
	article img.wrap { width:25%; height:auto; }
	.circle p { text-align:center; }
	/* ===============
    Internal Pages
   =============== */
	.internal .fourup.thumb .zoom { width:155px; height:155px; padding-bottom:0; }
	.internal .fourup { width:155px; height:155px; padding-bottom:0; margin-right:20px; }
	.roofing .house { background: url(../img/banner-roofing.png) no-repeat scroll left bottom transparent; background-size:80% auto; max-width: 1027px; }
	.lt-ie9 .roofing .house { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/banner-roofing.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/banner-roofing.png', sizingMethod='scale')"; height:auto; padding:0; bottom:0; top:auto; }
	.roofing #grassFront { background:url(../img/grass-front.png) repeat-x left top; z-index:30; top:450px; }
	.roofing #banner { height:470px; }
	.roofing #trees { top: 323px; }
	.roofing .tree-lg { bottom: -105px; }
	.roofing .banner-wrapper { left: 0; }
	.internal .banner-box { height:470px; }
	.internal #banner { height: 415px; }
	.roofing #banner { height: 470px; }
	.internal .house { display:none; }
	.roofing .house { display:block; }
	.internal .banner-box { height: 415px; }
	.roofing .banner-box { height: 470px; }
	.internal #trees { top:330px; }
	.roofing #trees { top:323px; }
	.internal .tree-lg { bottom: -105px; width: 40%; }
	.roofing .tree-lg { bottom: -105px; width: 44%; }
	
	.roofing-system { display:block; position:relative; z-index:1; background:url(../img/roofing-system-bg.png) no-repeat left top; background-size:contain; width:100%; padding-bottom:56.1%; margin-bottom:25px; }
	.lt-ie9 .roofing-system { background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/roofing-system-bg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/roofing-system-bg.png', sizingMethod='scale')"; }
	.bubble { width:40px; height:40px; position:absolute; z-index:2; top:0; left:0; }
	.bubble .text { display:block; text-align:center; margin-top:25%; position:absolute; z-index:5; top:0; left:0; width:100%; font-family:"Open Sans", sans-serif; font-weight:500; font-size:1.1em; line-height:1.2em; color:#fff; text-decoration:none; text-shadow:0 0 2px #597a54, 0 0 4px #597a54; }
	.bubble .bg { background:#8ec187; opacity:.9; border-radius:50%; display:block; width:100%; height:100%; position:absolute; z-index:3; top:0; left:0; }
	.bubble .pad { background:#fff; opacity:.3; border-radius:50%; display:block; width:90%; height:90%; position:absolute; z-index:4; top:5%; left:5%; }
	.lt-ie9 .bubble .bg { -ms-filter:"alpha(opacity=90)"; filter:alpha(opacity=90); }
	.lt-ie9 .bubble .pad { -ms-filter:"alpha(opacity=30)"; filter:alpha(opacity=30); }
	.bubble.green .bg { background:#8ec187; }
	.bubble.blue .bg { background:#4e7c9d; }
	.bubble.brown .bg { background:#6d5446; }
	.fourup.fourth, .internal .fourup.fourth {
		margin-right: 20px;
	}
	.bubble.green, .bubble.blue, .bubble.brown { background:none; }
	.bubble:hover .pad { display:none; }
	#lifetime-shingles { background:url(../img/lifetime-shingles-sm.png) no-repeat; }
	#roof-deck-protection { background:url(../img/roof-deck-protection-sm.png) no-repeat; }
	#leak-barrier { background:url(../img/leak-barrier-sm.png) no-repeat; }
	#starter-strip-shingles { background:url(../img/starter-strip-shingles-sm.png) no-repeat; }
	#cobra-attic-ventilation { background:url(../img/cobra-attic-ventilation-sm.png) no-repeat; }
	#ridge-cap-shingles { background:url(../img/ridge-cap-shingles-sm.png) no-repeat; }
	#three-tab-shingles { background:url(../img/three-tab-shingles-sm.png) no-repeat; }
	#timberline-shingles { background:url(../img/timberline-shingles-sm.png) no-repeat; }
	#designer-shingles { background:url(../img/designer-shingles-sm.png) no-repeat; }
	.bubble-desc { overflow:hidden; min-height:190px; padding-bottom:20px; margin-bottom:20px; }
	.bubble-desc.right { background-position: right top !important; float:none; padding:10px 225px 0 0; }
	.bubble-desc.left { background-position: left top !important; float:none; padding:10px 0 0 225px; }
	.bubble-desc a.learn-more { margin-top:10px; float:left; }
	.shingle-styles h1 { margin-bottom:10px; }
	
	/* Asphalt Shingles Bubbles */
	#royal-sovereign-autumn-brown{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_Autumn_Brown.png) no-repeat;}
	#royal-sovereign-charcoal{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_Charcoal.png) no-repeat;}
	#royal-sovereign-golden-cedar{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_Golden_Cedar.png) no-repeat;}
	#royal-sovereign-nickel-gray{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_Nickel_Gray.png) no-repeat;}
	#royal-sovereign-silver-lining{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_Silver_Lining.png) no-repeat;}
	#royal-sovereign-weathered-gray{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_Weathered_Gray.png) no-repeat;}
	#royal-sovereign-white{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_White.png) no-repeat;}
	#marquis-weathermax-autumn-brown{background:url(../img/3_tab/marquis/Marquis_Weathermax_Autumn_Brown.png) no-repeat;}
	#marquis-weathermax-charcoal{background:url(../img/3_tab/marquis/Marquis_WeatherMax_Charcoal.png) no-repeat;}
	#marquis-weathermax-golden-cedar{background:url(../img/3_tab/marquis/Marquis_WeatherMax_Golden_Cedar_2.png) no-repeat;}
	#marquis-weathermax-weathered-gray{background:url(../img/3_tab/marquis/Marquis_WeatherMax_Weathered_Gray.png) no-repeat;}
	#camelot2-antique-slate{background:url(../img/designer-shingles/camelot-2/Camelot_II_Antique_Slate.png) no-repeat;}
	#camelot2-barkwood{background:url(../img/designer-shingles/camelot-2/Camelot_II_Barkwood.png) no-repeat;}
	#camelot2-charcoal{background:url(../img/designer-shingles/camelot-2/Camelot_II_Charcoal.png) no-repeat;}
	#camelot2-shakewood{background:url(../img/designer-shingles/camelot-2/Camelot_II_Shakewood.png) no-repeat;}
	#camelot2-weathered-wood{background:url(../img/designer-shingles/camelot-2/Camelot_II_Weathered_Wood.png) no-repeat;}
	#camelot-aged-oak{background:url(../img/designer-shingles/camelot/Camelot_Aged_Oak.png) no-repeat;}
	#camelot-antique-slate{background:url(../img/designer-shingles/camelot/Camelot_Antique_Slate.png) no-repeat;}
	#camelot-san-gabriel{background:url(../img/designer-shingles/camelot/Camelot_San_Gabriel.png) no-repeat;}
	#camelot-sheffield-black{background:url(../img/designer-shingles/camelot/Camelot_Sheffield_Black.png) no-repeat;}
	#camelot-welsh-gray{background:url(../img/designer-shingles/camelot/Camelot_Welsh_Gray.png) no-repeat;}
	#camelot-williamsburg-slate{background:url(../img/designer-shingles/camelot/Camelot_Williamsburg_Slate.png) no-repeat;}
	#country-mansion2-midnight-blush{background:url(../img/designer-shingles/country-mansion2/Country_Mansion_II_Midnight_Blush.png) no-repeat;}
	#country-mansion2-olde-pewter{background:url(../img/designer-shingles/country-mansion2/Country_Mansion_II_Olde_Pewter.png) no-repeat;}
	#country-mansion2-spiced-pewter{background:url(../img/designer-shingles/country-mansion2/Country_Mansion_II_Spiced_Pewter.png) no-repeat;}
	#country-mansion2-victorian-red{background:url(../img/designer-shingles/country-mansion2/Country_Mansion_II_Victorian_Red.png) no-repeat;}
	#country-mansion2-weathered-wood{background:url(../img/designer-shingles/country-mansion2/Country_Mansion_II_Weathered_Wood.png) no-repeat;}
	#gaf-country-mansion2-aged-oak{background:url(../img/designer-shingles/country-mansion2/GAF_Country_Mansion_II_Aged_Oak.png) no-repeat;}
	#country-mansion-estate-oak{background:url(../img/designer-shingles/country-mansion/Country_Mansion_Estate_Oak.png) no-repeat;}
	#country-mansion-olde-pewter{background:url(../img/designer-shingles/country-mansion/Country_Mansion_Olde_Pewter.png) no-repeat;}
	#grand-canyon-black-oak{background:url(../img/designer-shingles/grand-canyon/Grand_Canyon_Black_Oak.png) no-repeat;}
	#grand-canyon-mission-brown{background:url(../img/designer-shingles/grand-canyon/Grand_Canyon_Mission_Brown.png) no-repeat;}
	#grand-canyon-moss-green{background:url(../img/designer-shingles/grand-canyon/Grand_Canyon_Moss_Green.png) no-repeat;}
	#grand-canyon-sedona-sunset{background:url(../img/designer-shingles/grand-canyon/Grand_Canyon_Sedona_Sunset.png) no-repeat;}
	#grand-canyon-stonewood{background:url(../img/designer-shingles/grand-canyon/Grand_Canyon_Stonewood.png) no-repeat;}
	#grand-canyon-storm-cloud-gray{background:url(../img/designer-shingles/grand-canyon/Grand_Canyon_Storm_Cloud_Gray.png) no-repeat;}
	#grand-sequoia-autumn-brown{background:url(../img/designer-shingles/grand-sequoia/Grand_Sequoia_Autumn_Brown.png) no-repeat;}
	#grand-sequoia-cedar{background:url(../img/designer-shingles/grand-sequoia/Grand_Sequoia_Cedar.png) no-repeat;}
	#grand-sequoia-charcoal{background:url(../img/designer-shingles/grand-sequoia/Grand_Sequoia_Charcoal.png) no-repeat;}
	#grand-sequoia-mesa-brown{background:url(../img/designer-shingles/grand-sequoia/Grand_Sequoia_Mesa_Brown.png) no-repeat;}
	#grand-sequoia-slate{background:url(../img/designer-shingles/grand-sequoia/Grand_Sequoia_Slate.png) no-repeat;}
	#grand-sequoia-weathered-wood{background:url(../img/designer-shingles/grand-sequoia/Grand_Sequoia_Weathered_Wood.png) no-repeat;}
	#monaco-amalfi-gray{background:url(../img/designer-shingles/monaco/Monaco_Amalfi_Gray.png) no-repeat;}
	#monaco-castillian-surf{background:url(../img/designer-shingles/monaco/Monaco_Castillian_Surf.png) no-repeat;}
	#monaco-monticello-brown{background:url(../img/designer-shingles/monaco/Monaco_Monticello_Brown.png) no-repeat;}
	#monaco-valencia-sunset{background:url(../img/designer-shingles/monaco/Monaco_Valencia_Sunset.png) no-repeat;}
	#monaco-venetian-coral{background:url(../img/designer-shingles/monaco/Monaco_Venetian_Coral.png) no-repeat;}
	#sienna-aged-oak{background:url(../img/designer-shingles/sienna/Sienna_Aged_Oak.png) no-repeat;}
	#sienna-chateau-gray{background:url(../img/designer-shingles/sienna/Sienna_Chateau_Gray.png) no-repeat;}
	#sienna-harbor-mist{background:url(../img/designer-shingles/sienna/Sienna_Harbor_Mist.png) no-repeat;}
	#sienna-heirloom-brown{background:url(../img/designer-shingles/sienna/Sienna_Heirloom_Brown.png) no-repeat;}
	#slateline-antique-slate{background:url(../img/designer-shingles/slateline/Slateline_Antique_Slate.png) no-repeat;}
	#slateline-emerald-green{background:url(../img/designer-shingles/slateline/Slateline_Emerald_Green.png) no-repeat;}
	#slateline-english-gray{background:url(../img/designer-shingles/slateline/Slateline_English_Gray.png) no-repeat;}
	#slateline-mariner-blue{background:url(../img/designer-shingles/slateline/Slateline_Mariner_Blue.png) no-repeat;}
	#slateline-victorian-red{background:url(../img/designer-shingles/slateline/Slateline_Victorian_Red.png) no-repeat;}
	#slateline-weather-slate{background:url(../img/designer-shingles/slateline/Slateline_Weathered_Slate.png) no-repeat;}
	#woodland-canterbury-black{background:url(../img/designer-shingles/woodland/Woodland_Canterbury_Black.png) no-repeat;}
	#woodland-castlewood-gray{background:url(../img/designer-shingles/woodland/Woodland_Castlewood_Gray.png) no-repeat;}
	#woodland-cedarwood-abbey{background:url(../img/designer-shingles/woodland/Woodland_Cedarwood_Abbey.png) no-repeat;}
	#woodland-tuscan-sunset{background:url(../img/designer-shingles/woodland/Woodland_Tuscan_Sunset.png) no-repeat;}
	#woodland-woodberry-brown{background:url(../img/designer-shingles/woodland/Woodland_Woodberry_Brown.png) no-repeat;}
	#timberline-american-harvest-adobe-sunset{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Adobe_Sunset.png) no-repeat;}
	#timberline-american-harvest-appalachian-sky{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Appalachian_Sky.png) no-repeat;}
	#timberline-american-harvest-brandywine-dusk{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Brandywine_Dusk.png) no-repeat;}
	#timberline-american-harvest-cedar-falls{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Cedar_Falls.png) no-repeat;}
	#timberline-american-harvest-golden-harvest{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Golden_Harvest.png) no-repeat;}
	#timberline-american-harvest-nantucket-morning{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Nantucket_Morning.png) no-repeat;}
	#timberline-american-harvest-saddlewood-ranch{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Saddlewood_Ranch.png) no-repeat;}
	#timberline-armorshield2-barkwood{background:url(../img/timberline-shingles/armorshield2/Timberline_Armor_Shield_II_Barkwood.png) no-repeat;}
	#timberline-armorshield2-charcoal{background:url(../img/timberline-shingles/armorshield2/Timberline_Armor_Shield_II_Charcoal.png) no-repeat;}
	#timberline-armorshield2-slate{background:url(../img/timberline-shingles/armorshield2/Timberline_Armor_Shield_II_Slate.png) no-repeat;}
	#timberline-armorshield2-weathered-wood{background:url(../img/timberline-shingles/armorshield2/Timberline_Armor_Shield_II_Weathered_Wood.png) no-repeat;}
	#timberline-cool-series-antique-slate{background:url(../img/timberline-shingles/cool-series/Timberline_Cool_Series_Antique_Slate.png) no-repeat;}
	#timberline-cool-series-barkwood{background:url(../img/timberline-shingles/cool-series/Timberline_Cool_Series_Barkwood.png) no-repeat;}
	#timberline-cool-series-weathered-wood{background:url(../img/timberline-shingles/cool-series/Timberline_Cool_Series_Weathered_Wood.png) no-repeat;}
	#timberline-hd-barkwood{background:url(../img/timberline-shingles/hd/Timberline_HD_Barkwood.png) no-repeat;}
	#timberline-hd-birchwood{background:url(../img/timberline-shingles/hd/Timberline_HD_Birchwood.png) no-repeat;}
	#timberline-hd-charcoal{background:url(../img/timberline-shingles/hd/Timberline_HD_Charcoal.png) no-repeat;}
	#timberline-hd-fox-hollow-gray{background:url(../img/timberline-shingles/hd/Timberline_HD_Fox_Hollow_Gray.png) no-repeat;}
	#timberline-hd-hickory{background:url(../img/timberline-shingles/hd/Timberline_HD_Hickory.png) no-repeat;}
	#timberline-hd-hunter-green{background:url(../img/timberline-shingles/hd/Timberline_HD_Hunter_Green.png) no-repeat;}
	#timberline-hd-mission-brown{background:url(../img/timberline-shingles/hd/Timberline_HD_Mission_Brown.png) no-repeat;}
	#timberline-hd-pewter-gray{background:url(../img/timberline-shingles/hd/Timberline_HD_Pewter_Gray.png) no-repeat;}
	#timberline-hd-shakewood{background:url(../img/timberline-shingles/hd/Timberline_HD_Shakewood.png) no-repeat;}
	#timberline-hd-slate{background:url(../img/timberline-shingles/hd/Timberline_HD_Slate.png) no-repeat;}
	#timberline-hd-weathered-wood{background:url(../img/timberline-shingles/hd/Timberline_HD_Weathered_Wood.png) no-repeat;}
	#timberline-natural-shadow-barkwood{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Barkwood.png) no-repeat;}
	#timberline-natural-shadow-charcoal{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Charcoal.png) no-repeat;}
	#timberline-natural-shadow-hickory{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Hickory.png) no-repeat;}
	#timberline-natural-shadow-hunter-green{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Hunter_Green.png) no-repeat;}
	#timberline-natural-shadow-shakewood{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Shakewood.png) no-repeat;}
	#timberline-natural-shadow-slate{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Slate.png) no-repeat;}
	#timberline-natural-shadow-weathered-wood{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Weathered_Wood.png) no-repeat;}
	#timberline-ultra-hd-barkwood{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Barkwood.png) no-repeat;}
	#timberline-ultra-hd-charcoal{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Charcoal.png) no-repeat;}
	#timberline-ultra-hd-hickory{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Hickory.png) no-repeat;}
	#timberline-ultra-hd-hunter-green{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Hunter_Green.png) no-repeat;}
	#timberline-ultra-hd-patriot-red{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Patriot_Red.png) no-repeat;}
	#timberline-ultra-hd-pewter-gray{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Pewter_Gray.png) no-repeat;}
	#timberline-ultra-hd-shakewood{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Shakewood.png) no-repeat;}
	#timberline-ultra-hd-slate{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Slate.png) no-repeat;}
	#timberline-ultra-hd-weathered-wood{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Weathered_Wood.png) no-repeat;}
	#leafguard-gutters { background:url(../img/leafguard-gutters.png) no-repeat; }
	#asphalt-roofing { background:url(../img/asphalt-roofing.png) no-repeat; }
	#metal-roofing { background:url(../img/metal-roofing.png) no-repeat; }
	#replacement-windows { background:url(../img/replacement-windows.png) no-repeat; }
	#vinyl-siding { background:url(../img/vinyl-siding.png) no-repeat; }
	#decking { background:url(../img/decking.png) no-repeat; }
	#new-construction { background:url(../img/new-construction.png) no-repeat; }
	#home-remodeling { background:url(../img/home-remodeling.png) no-repeat; }
	#environmental-services { background:url(../img/environmental-services.png) no-repeat; }
	#ice-removal { background:url(../img/ice-removal.png) no-repeat; }
	#insulation { background:url(../img/insulation.png) no-repeat; }
	
	/* Asphalt Shinge Category Bubbles */
	#camelot{background:url(../img/designer-shingles/camelot/Camelot_Antique_Slate.png) no-repeat;}
	#country-mansion{background:url(../img/designer-shingles/country-mansion/Country_Mansion_Estate_Oak.png) no-repeat;}
	#grand-canyon{background:url(../img/designer-shingles/grand-canyon/Grand_Canyon_Sedona_Sunset.png) no-repeat;}
	#camelot2{background:url(../img/designer-shingles/camelot-2/Camelot_II_Barkwood.png) no-repeat;}
	#country-mansion2{background:url(../img/designer-shingles/country-mansion2/Country_Mansion_II_Olde_Pewter.png) no-repeat;}
	#sienna{background:url(../img/designer-shingles/sienna/Sienna_Chateau_Gray.png) no-repeat;}
	#slateline{background:url(../img/designer-shingles/slateline/Slateline_Weathered_Slate.png) no-repeat;}
	#grand-sequoia{background:url(../img/designer-shingles/grand-sequoia/Grand_Sequoia_Autumn_Brown.png) no-repeat;}
	#woodland{background:url(../img/designer-shingles/woodland/Woodland_Canterbury_Black.png) no-repeat;}
	#monaco{background:url(../img/designer-shingles/monaco/Monaco_Monticello_Brown.png) no-repeat;}
	#marquis-weathermax{background:url(../img/3_tab/marquis/Marquis_WeatherMax_Weathered_Gray.png) no-repeat;}
	#royal-sovereign{background:url(../img/3_tab/royal-sovereign/Royal_Sovereign_Golden_Cedar.png) no-repeat;}
	#timberline-ultra-hd{background:url(../img/timberline-shingles/ultra-hd/Timberline_Ultra_HD_Barkwood.png) no-repeat;}
	#timberline-american-harvest{background:url(../img/timberline-shingles/timberline-american-harvest/Timberline_American_Harvest_Adobe_Sunset.png) no-repeat;}
	#timberline-hd{background:url(../img/timberline-shingles/hd/Timberline_HD_Charcoal.png) no-repeat;}
	#timberline-natural-shadow{background:url(../img/timberline-shingles/natural-shadow/Timberline_Natural_Shadow_Shakewood.png) no-repeat;}
	#timberline-cool-series{background:url(../img/timberline-shingles/cool-series/Timberline_Cool_Series_Antique_Slate.png) no-repeat;}
	#timberline-armorshield2{background:url(../img/timberline-shingles/armorshield2/Timberline_Armor_Shield_II_Barkwood.png) no-repeat;}
	#about-lindus {background:url(../img/lindus-family.png) no-repeat;}
	#awning-windows {background:url(../img/windows/awningWindowsCircle.png) no-repeat;}
	#bay-windows {background:url(../img/windows/bayCircle.png) no-repeat;}
	#bow-windows {background:url(../img/windows/bowCircle.png) no-repeat;}
	#casement-windows {background:url(../img/windows/casementCircle.png) no-repeat;}
	#double-hung-windows {background:url(../img/windows/doublehungCircle.png) no-repeat;}
	#garden-windows {background:url(../img/windows/gardenCircle.png) no-repeat;}
	#sliding-windows {background:url(../img/windows/slidingCircle.png) no-repeat;}
	#skylight-windows {background:url(../img/windows/skylightsCircle.png) no-repeat;}
	#sliding-doors {background:url(../img/windows/slidingdoorCircle.png) no-repeat;}
	
	.bubble-desc.left {
		padding: 10px 0 0 170px;
		background-size:150px 150px !important;
	}
	.bubble-desc.right {
		padding: 10px 170px 0 0;
		background-size:150px 150px !important;
	}
	.about-video{ width:100%; height:350px; }
	.lt-ie9 .roofing .house { bottom:0; width:400px; height:156px; }
	
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

    nav ul li {
        display: block;
    }

    .oldie nav a {
        margin: 0 0.7%;
    }
	
	
}

@media only screen and (min-width: 768px) {
	#fap-wrapper { display:block; }
	#fap-main {
		margin-right: auto !important;
		margin-left: auto !important;
		width: 768px;
	}
	
	#fap-meta-wrapper {
		width: 328px;
	}
	
	#fap-ui-wrapper {
		width: 440px;
	}
	
	#fap-current-title {
		font-size: 11px;
		line-height: 11px;
	}
	
	#fap-current-meta, #fap-social-links a {
		font-size: 8px;
		line-height: 8px;
	}
	
	#fap-social-links {
		margin-top: 2px;
	}
	
	#fap-time-bar, #fap-volume-bar, #fap-volume-sign, #fap-playlist-toggle, #fap-playlist-shuffle, #fap-popup-toggle { 
		display: block;
	}
	
	.offer-details { background:url(../img/wood-panks.png) no-repeat center top; height:430px; padding:60px 15%; }
	.small-nav .screen-nav { margin:0; overflow:hidden; padding:15px 0 0 5%; }
	.small-nav .screen-nav li { display:block; float:left; padding:0; border:none; }	
	.small-nav .screen-nav li a { padding:15px 15px; display:block; }
	.small-nav .screen-nav li ul { display:none; }
	.customer-satisfaction .rating.even { width:29%; }
	.customer-satisfaction .rating.odd { width:18%; margin:0px 5px 8px 0px; background:#3d617b; padding:5px; border-radius:5px; font-weight:bold; color:#152027; }

/* ============
    WIDE: Menu
   ============ */

    .title {
        float: left;
    }

    nav {
        float: left;
    }
	.threeup img { width:auto; height:auto; }
	.phone .toll-free, .phone .divider { display:inline-block; }
	.banner-box { width:730px; }
	.banner-wrapper { left:0; }
	.tree-lg.left { left:-142px; width:36%; }
	.tree-lg.right { left:auto; right:-137px; width:36%; }
	.slide p { padding-left:325px; }
	.slide h1 { font-size:2em; text-align:right; padding:50px 0 20px 0; margin:0 0 10px 0; }
	.slide .tagline { font-size:2em; text-align:right; float:right; width:70%; padding:50px 0 20px 0; margin:0 0 10px 0; }
	#banner .arrow { top:55%; }
	#banner .arrow.left { left:50px; }
	.prods { width:366px; }
	.prods .prod.third { margin-right:0; }
	#banner .arrow.right { right:50px; }
	#logo img { width:264px; height:179px; }
	#sun .sun { top:-68px; left:-68px; }
	#logo .logo { top:25px; }
	article header h1 { font-size:2.375em; line-height:1em; }
	.circle { float:left; margin:0 15px 15px 0; }
	.circle.green { margin-right:0; }
	.paper .reviews { width:45%; }
	.special-offer { width:45%; padding-bottom:0; }
	.offer-label { display:block; }
	.contact header { width:55%; }
	.offer-details { margin-top:150px; padding:60px 100px; text-align:center; }
	.contact-form { width:50%; }
	
	.contact header { width: 45%; }
	.special-offer { padding-bottom: 0; width: 55%; }
	.contact-form { width: 40%; }
	.offer-details { background-size: contain; padding: 60px 25%; width: 50%; }
	.footer-note .phone { clear:none; }
	.footer-note .left { width:50%; text-align:left; padding:0; }
	.footer-note .right { width:50%; text-align:right; }
	nav.footer-nav { width:50%; }
	.footer-nav .col { width:50%; }
	footer .logos { width:50%; float:right; clear:none; }
	footer .logobox { margin: 0 0 0 auto; }
	.bubble-desc.left {
		padding: 10px 0 0 225px;
		background-size:auto !important;
	}
	.bubble-desc.right {
		padding: 10px 225px 0 0;
		background-size:auto !important;
	}
	article img.wrap { width:auto; height:auto; }
	
	/* ===============
    Internal Pages
   =============== */
	
	
	.roofing #logo .logo { top:-5px; }
	.roofing #sun .sun { top: -93px; }
	.internal .slide p { padding-left: 225px; }
	.internal .slide h1 { padding-left:225px; text-align:left; line-height:1.2em; }
	.internal .slide .tagline { padding-left:225px; text-align:left; line-height:1.2em; }
	.internal #banner .arrow { top: 74%; }
	.internal .house { display:none; }
	.internal #banner { height:320px; }
	.roofing #banner { height:470px; }
	.internal .banner-box { height:320px; }
	.roofing .banner-box { height:470px; }
	.internal .tree-lg { bottom: -70px; width:33%; }
	.roofing .tree-lg { bottom: -105px; width:36%; }
	.internal #trees { top:235px; }
	.roofing #trees { top:323px; }
	.roofing .house { display:block; background-position:left bottom; }
	.lt-ie9 .roofing .house { bottom:0; width:700px; height:273px; }
	.internal #grassFront { background: url("../img/grass-front.png") repeat-x scroll left top transparent; top: 302px; z-index: 30; }
	.roofing #grassFront { background: url("../img/grass-front.png") repeat-x scroll left top transparent; top: 450px; z-index: 30; }
	.about-video{ width:100%; height:403px; }

/* ============
    WIDE: Main
   ============ */

    .main article {
        float: left;
        width: 57%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
	
}

@media only screen and (min-width: 1140px) {
	#fap-main {
		width: 1026px;
	}
	
	#fap-meta-wrapper {
		width: 550px;
	}
	
	#fap-ui-wrapper {
		width: 445px;
	}
	
	#fap-time-bar, #fap-volume-bar, #fap-volume-sign, #fap-playlist-toggle, #fap-playlist-shuffle, #fap-popup-toggle { 
		display: block;
	}
	body { padding:75px 0px 0px 0px; }
	#banner { }
	.small-nav, .small-nav .screen-nav {display:none;}
	.header-container{ position:fixed; }
	.mobile-nav { display:none; }
/* ===============
    Maximal Width
   =============== */
	nav { width:73%; }
    .wrapper {
        width: 1026px; /* 1140px - 10% for margins */
        margin: 0 auto;
    }
	nav .dd { display:none; }
	nav a { font-size:1.1em; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; color:#fff; text-transform:uppercase; }
	.lt-ie9 nav a {font-family: 'open_sanscondensed_light', sans-serif; font-weight:normal; }
	nav a.active { color:#f4f076; }
	.phone { width:27%; }
	.tablet-nav { display:none; }
	.screen-nav { display:block; }
	.sun, .logo { top:-700px; }
	.banner-wrapper { left:100%; }
	.banner-box { width:1021px; }
	.tree-lg.left { left:-220px; }
	.tree-lg.right { left:auto; right:-240px; }
	#slides { left:100%; }
	.slide p { padding-left:525px; }
	.slide h1 { font-size:2.3em; }
	.slide .tagline { font-size:2.3em; width:90%; float:right; line-height:1.1em;}
	#banner .arrow { top:45%; }
	#sun .sun { top:-68px; }
	#logo .logo { top:25px; }
	#banner-screen { display:block; width:100%; height:570px; background:#2a67bc; position:absolute; left:0; top:0; z-index:100; }
	.paper .reviews { height: 470px; width: 518px; padding-bottom:0; background:none; }
	.review-box { background: url("../img/review-box-bg.png") no-repeat scroll left top transparent; border-radius:none; height: 220px; width: 518px; }
	.review-box p.author { background: url("../img/stars.png") no-repeat scroll left center transparent; font-size:1em; padding-bottom:0; }
	.paper-house { display: block; }
	.offer-details { background-size: contain; padding: 60px 100px; width: 260px; }
	nav.footer-nav { width:50%; }
	.footer-nav .col { width:38%; }
	footer .logos { }
	.side-object { display:block; }
	article a.learn-more { float:right; text-align:left; }
	article a.learn-more.left { text-align:left; }
	
	.formline-bg { height:35px; }
	.formline-bg-padd { height:45px; }
	.formline.textarea .formline-bg-padd { height:80px; }
	.formline.textarea .formline-bg { height:70px; }
	.field { margin:0; padding:0; clear: both; height: 45px; margin: 0 0 10px; position: relative; width: 100%; z-index: 1; }
	.formline.textarea { height: 80px; }
	.formline label, .field a.label, .wood .field a.label { top: 8px; }
	.contact-form textarea { height: 60px; }
	.wood .contact-form select {background:#ccc7bf; padding: 6px 3%; width:96%; }
	.dropdown .faux-nav ul.up {
		bottom: 55px;
	}
	
	/* ===============
    Internal Pages
   =============== */
	
	.internal .contact { display:block; width:275px; position:absolute; z-index:99; top:500px; left:62%; background:#291b11; padding:20px; overflow:visible; }
	.internal .contact-form { width:100%; }
	.internal .wood .formline-bg-padd { background: #766050; }
	.internal article .wrapper { width:680px; padding-right:346px; }
	.full article .wrapper{ width:1026px; padding-right:0; }
	.internal article.contact .wrapper { width:100%; padding:0; }
	.internal .contact header { width:100%; }
	.internal .contact .special-offer { display:none; }
	.internal .contact h1 { font-size:1.7em; color:#F3ED24; margin-bottom:15px; }
	.internal .formline .formline-bg, .internal .field .formline-bg { left: 1.5%; width: 97%; }
	.contact .cta { background:#453a33 none; float:left; border-radius:8px; width:100%; height:41px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; text-transform:uppercase; color:#d2cf55; text-decoration:none; font-size:1.3em; padding-top:13px; margin-top:10px; text-align:center; display:none; }
	.internal .contact.compact .cta { display:block; }
	.internal .slide h1 { padding-left:0; text-align:right; }
	.internal .slide .tagline { padding-left:0; text-align:right; }
	.internal section p:first-child { margin:0 0 15px 0; }
	.internal .slide p { padding-left: 230px; text-align:right; }
	.internal #banner .arrow { top: 45%; }
	.roofing .house { background-position:left bottom; }
	.lt-ie9 .roofing .house { bottom:0; width:800px; height:312px; }
	.internal article a.learn-more { float:none; text-align:center; }
	.internal article a.learn-more.left { text-align:left; }
	.internal .bubble-desc a.learn-more { text-align:left; }
	.fourup.fourth, .internal .fourup.fourth {
		margin-right: 0;
	}
	.internal #banner { height:310px; }
	.roofing #banner { height:470px; }
	.internal .banner-box { height:310px; }
	.roofing .banner-box { height:470px; }
	.internal #trees { top:215px; }
	.roofing #trees { top:323px; }
	.internal .tree-lg { bottom:-225px; width:34%; }
	.roofing .tree-lg { bottom:-105px; width:36%; }
	.internal #grassFront { background: url("../img/grass-front.png") repeat-x scroll left top transparent; top: 292px; z-index: 30; }
	.roofing #grassFront { background: url("../img/grass-front.png") repeat-x scroll left top transparent; top: 450px; z-index: 30; }
	.internal .slide h1 { padding-left: 190px; text-align: right; background-position:center bottom; }
	.internal .slide .tagline { padding-left: 190px; text-align: right; background-position:center bottom; }
	.roofing .slide h1 { padding-left: 0; text-align: right; background-position:right bottom; }
	.roofing .slide .tagline { padding-left: 0; text-align: right; background-position:right bottom; }
	.internal .next-page { padding-right: 346px; width: 680px; margin:0 auto; position:static; }
	.internal.full .next-page { padding-right: 0; width: 100%; }
	
	.form-docked .offer-label { display:block; }
	.form-docked .contact header { width:55%; }
	.form-docked .offer-details { margin-top:150px; padding:60px 100px; }
	.form-docked article.contact .wrapper{width:1026px; padding:30px 0px 0px 0px;}
	.form-docked .contact header { width: 45%; }
	.form-docked .contact .special-offer { padding-bottom: 0; width: 55%; display:block; }
	.form-docked .contact-form { width: 40%; }
	.form-docked .contact .offer-details { background-size: contain; padding: 60px 25%; width: 50%; }
	.form-docked .contact { display:block; width:auto; position:static; background:url(../img/grass-bg.jpg) repeat left top; z-index:99; padding:0; }
	.form-docked .contact-form { }
	.form-docked article.contact header h1{ font-size:2.375em; line-height:1em; color:#ffffff;}
	.form-docked article.contact header h2{ font-size:2.375em; line-height:1em; color:#ffffff;}
	
	/* ===============
    Banner Animations
   =============== */
		
	#banner-screen.start {
		-webkit-animation: screen 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: screen 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: screen 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: screen 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "screen" {
	 0% {
	   opacity: 1;
	 }
	 100% {
	   opacity: 0;
	 }
	
	}
	
	@-moz-keyframes screen {
	 0% {
	   opacity: 1;
	 }
	 100% {
	   opacity: 0;
	 }
	
	}
	
	@-webkit-keyframes "screen" {
	 0% {
	   opacity: 1;
	 }
	 100% {
	   opacity: 0;
	 }
	
	}
	
	@-ms-keyframes "screen" {
	 0% {
	   opacity: 1;
	 }
	 100% {
	   opacity: 0;
	 }
	
	}
	
	@-o-keyframes "screen" {
	 0% {
	   opacity: 1;
	 }
	 100% {
	   opacity: 0;
	 }
	
	}
		
	.logo.start {
		-webkit-animation: logoDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: logoDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: logoDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: logoDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "logoDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: 25px;
	 }
	
	}
	
	@-moz-keyframes logoDrop {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: 25px;
	 }
	
	}
	
	@-webkit-keyframes "logoDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: 25px;
	 }
	
	}
	
	@-ms-keyframes "logoDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: 25px;
	 }
	
	}
	
	@-o-keyframes "logoDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: 25px;
	 }
	
	}
	
	.sun.start {
		-webkit-animation: sunDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: sunDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: sunDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: sunDrop 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "sunDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: -68px;
	 }
	
	}
	
	@-moz-keyframes sunDrop {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: -68px;
	 }
	
	}
	
	@-webkit-keyframes "sunDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: -68px;
	 }
	
	}
	
	@-ms-keyframes "sunDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: -68px;
	 }
	
	}
	
	@-o-keyframes "sunDrop" {
	 0% {
	   top: 1000px;
	 }
	 100% {
	   top: -68px;
	 }
	
	}
		
	
	#grassFront.start {
		-webkit-animation: grassfront 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: grassfront 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: grassfront 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: grassfront 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	#shadeRight { background-size:100%;  }
	#shadeLeft { background-size:100%; }
	
	@keyframes "grassfront" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -100%;
	 }
	
	}
	
	@-moz-keyframes grassfront {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -100%;
	 }
	
	}
	
	@-webkit-keyframes "grassfront" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -100%;
	 }
	
	}
	
	@-ms-keyframes "grassfront" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -100%;
	 }
	
	}
	
	@-o-keyframes "grassfront" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -100%;
	 }
	
	}
	
	#trees.start, #shadow.start {
		-webkit-animation: treeshadow 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: treeshadow 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: treeshadow 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: treeshadow 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "treeshadow" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -50%;
	 }
	
	}
	
	@-moz-keyframes treeshadow {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -50%;
	 }
	
	}
	
	@-webkit-keyframes "treeshadow" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -50%;
	 }
	
	}
	
	@-ms-keyframes "treeshadow" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -50%;
	 }
	
	}
	
	@-o-keyframes "treeshadow" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -50%;
	 }
	
	}
	
	#grassBack.start {
		-webkit-animation: grassback 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: grassback 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: grassback 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: grassback 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "grassback" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -35%;
	 }
	
	}
	
	@-moz-keyframes grassback {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -35%;
	 }
	
	}
	
	@-webkit-keyframes "grassback" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -35%;
	 }
	
	}
	
	@-ms-keyframes "grassback" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -35%;
	 }
	
	}
	
	@-o-keyframes "grassback" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -35%;
	 }
	
	}
	
	.clouds.start {
		-webkit-animation: clouds 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: clouds 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: clouds 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: clouds 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "clouds" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -8%;
	 }
	
	}
	
	@-moz-keyframes clouds {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -8%;
	 }
	
	}
	
	@-webkit-keyframes "clouds" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -8%;
	 }
	
	}
	
	@-ms-keyframes "clouds" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -8%;
	 }
	
	}
	
	@-o-keyframes "clouds" {
	 0% {
	   left: 0;
	 }
	 100% {
	   left: -8%;
	 }
	
	}
	
	.banner-wrapper.start {
		-webkit-animation: house 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: house 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: house 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: house 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	#slides.start {
		-webkit-animation: house 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: house 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: house 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: house 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "house" {
	 0% {
	   left: 100%;
	 }
	 100% {
	   left: 0;
	 }
	
	}
	
	@-moz-keyframes house {
	 0% {
	   left: 100%;
	 }
	 100% {
	   left: 0;
	 }
	
	}
	
	@-webkit-keyframes "house" {
	 0% {
	   left: 100%;
	 }
	 100% {
	   left: 0;
	 }
	
	}
	
	@-ms-keyframes "house" {
	 0% {
	   left: 100%;
	 }
	 100% {
	   left: 0;
	 }
	
	}
	
	@-o-keyframes "house" {
	 0% {
	   left: 100%;
	 }
	 100% {
	   left: 0;
	 }
	
	}
	
	
	.tree-lg.left.on {
		-webkit-animation: treeLeft 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: treeLeft 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: treeLeft 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: treeLeft 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "treeLeft" {
	 0% {
	   left: 5000px;
	 }
	 100% {
	   left: -220px;
	 }
	
	}
	
	@-moz-keyframes treeLeft {
	 0% {
	   left: 5000px;
	 }
	 100% {
	   left: -220px;
	 }
	
	}
	
	@-webkit-keyframes "treeLeft" {
	 0% {
	   left: 5000px;
	 }
	 100% {
	   left: -220px;
	 }
	
	}
	
	@-ms-keyframes "treeLeft" {
	 0% {
	   left: 5000px;
	 }
	 100% {
	   left: -220px;
	 }
	
	}
	
	@-o-keyframes "treeLeft" {
	 0% {
	   left: 5000px;
	 }
	 100% {
	   left: -220px;
	 }
	
	}
	
	
	.tree-lg.right.on {
		-webkit-animation: treeRight 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-moz-animation: treeRight 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		-ms-animation: treeRight 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
		animation: treeRight 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
	}
	
	@keyframes "treeRight" {
	 0% {
	   right: -5000px;
	 }
	 100% {
	   right: -240px;
	 }
	
	}
	
	@-moz-keyframes treeRight {
	 0% {
	   right: -5000px;
	 }
	 100% {
	   right: -240px;
	 }
	
	}
	
	@-webkit-keyframes "treeRight" {
	 0% {
	   right: -5000px;
	 }
	 100% {
	   right: -240px;
	 }
	
	}
	
	@-ms-keyframes "treeRight" {
	 0% {
	   right: -5000px;
	 }
	 100% {
	   right: -240px;
	 }
	
	}
	
	@-o-keyframes "treeRight" {
	 0% {
	   right: -5000px;
	 }
	 100% {
	   right: -240px;
	 }
	
	}


	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.clearfixover {
	overflow:hidden;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}