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

html,button,input,select,textarea { color: #222;}
body { font-size: 1em; line-height: 1.4; }
::-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;}
body {font: 13px/21px 'Open Sans',Helvetica, Helvetica Neue, Arial;}
.wrapper {width: 90%;margin: 0 5%; }
.footer-container,.main aside {}
.header-container,.footer-container,.main aside {}
/* MOBILE: Menu */
nav { clear: both; }
nav ul {margin: 0;padding: 0;}
nav a,nav a:visited {display: block;padding: 15px 0;text-align: center;text-decoration: none;font-weight: normal;color: #777; text-transform: uppercase;}
nav a:hover, nav a.on {color: #FFF; background: #FFB64B;}
.nav-toggle {display: block;padding: 15px;text-align: center;text-decoration: none;font-weight: normal;color: #777; text-transform: uppercase;cursor: pointer; position: absolute; top: 0 ;right: 0; line-height: 21px; }
.nav-toggle:hover {color: #FFF; background: #FFB64B;}
header nav { display: none; }
/* MOBILE: Main */
.main article h1, footer h1 { font-size: 1.5em; text-transform: uppercase; text-align: center; border: 1px solid #E0E0E0; border-left: 0; border-right: 0; margin: 6em 0 3em 0; padding: 0; line-height: 0.6; clear: both; font-family: Canaro-Bold, 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; }
footer h1 { border: 0; margin: 2em 0; }
.main article h1 span { background: #fff; padding: 0 1%; }
.main aside {padding: 0px 5% 10px;}
.main article.bookmark { padding-top: 1px;}
.footer-container footer { padding: 20px 0; text-align: center; }
/* IE Fixes */
.ie7 .title {padding-top: 20px;}

/* Custom styles */

/* Type */
section a, section a:link, section a:visited { color: #000; text-decoration: none;}
section a:hover { text-decoration: underline;}
footer a, footer a:link, footer a:visited { color: #999; text-decoration: none;}
h2 { font-size: 1.23em; color: #28678F; font-weight: normal; }
h3 { font-size: 1em; }
h4 { margin-bottom: 0; font-weight: normal; }
blockquote { font-size: 1.3em; line-height: 1.3em; color: #999; text-align: center; }
.small { font-size: 0.8em;  }
.center { text-align: center;}
/* Tables */
table { border: 1px solid #ccc; border-bottom: 0; border-right: 0; width: 100%; }
th, td { text-align: center;  border: 1px solid #ccc; border-left: 0; border-top: 0; }
th {font-size: 0.65em; line-height: 1.5em; background: #f2f2f2; padding: 0.5em;  } 
td {font-size: 1.5em; line-height: 1em; padding: 0.1em 0.5em; color: #e42d2f;border: 1px solid #ccc; }
th em {font-weight: normal; color: #666; }
th.large { font-size: 1.2em; font-weight: normal; }
/* Header */
h1.title { width: 100%; height: 130px; overflow: hidden; text-align: center; margin: 0 auto; }
h1.title img { display: block; margin: 0px auto 100px auto; }
p.tagline { color: #f8b552; text-align: center;}
p.telephone { color: #999; font-size: 1.1em; text-align: center;}
/* Main image / slideshows */
.cycle-slideshow { width: 100%; height: auto; overflow: hidden;  }
.cycle-slideshow-outer { padding: 0; }
.slide { position: relative; width: 100%; height: 100%; text-align: center; }
.slide-inner { position: relative; width: 100%; height: 100%; }
.slide img, .gallery img.slide { width: 100%; height: auto; margin: auto; }
.gallery #pager {  }
.gallery #pager img { width: 100%; height: auto; cursor: pointer; }
.gallery .header-right p, .gallery header nav { display: none; }
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 100px; z-index: 800; height: 100%; cursor: pointer;}
.cycle-prev { left: 0; background: url(../img/Icons.png) 0px 50% no-repeat;} 
.cycle-next { right: 0; background: url(../img/Icons.png) -100px 50% no-repeat; }
.cycle-facade-plan-toggle { position: absolute; top: 0 ;right: 0; z-index: 1000; }
.cycle-facade-plan-toggle a { padding: 20px 0; width: 60px; background: #fff; }
.cycle-facade-plan-toggle a:hover { text-decoration: none; cursor: pointer; background: #FFB64B; }
.panel { position: absolute ; top: 0; left:0; right: 0; bottom: 0; margin: auto; height: 3em; width: 320px; padding: 20px; text-align: center; background: rgba(255,182,75,0.8); color: #FFF; font-size: 16px; display: none; }
.lt-ie9 .panel { background: #FFB64B }
.panel h2 { color: #fff; font-size: 1.1em; margin: 0;}
.panel p { margin: 0; line-height: 1.5em; }
/* Header Icon section - not used */
header { }
header .col-1 { padding: 2em 2.5%; text-align: center; border-top: 1px solid #ccc; margin-right: -1px; }
header .col-1:first-child { border: 0; }
header h2 { color: #999; font-weight: normal; text-transform: uppercase; font-size: 1.1em; }
header img { display: block; margin: 0 auto 1em auto; }
/* Sections */
section { clear: both; padding: 0 5%;}
.col-1 img { max-width: 100%; height: auto; }
.footer-container { background: url(../img/Footer-BG.jpg) top center no-repeat; height: 370px; padding: 0 0.5em; }
.footer-container footer { }
/* Home Designs */
.home-designs.cycle-slideshow { padding: 0 0 70px 0; }
h2.box { font-family: Canaro-Bold, 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 21px; line-height: 17px; color: #222; }
h2.box span { display: block; font-family: Canaro-Light, 'Open Sans', Helvetica, Arial, sans-serif;}
.design-data { width: 130px; position: absolute; top:0; left: 0; z-index: 5; }
.design-data h2 { width: 60px; float: left; color: #fff; background: #FFB64B; line-height: 17px; font-family: Canaro-Bold, 'Open Sans', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 21px; padding: 14px 0 13px; margin: 0; }
.design-data h2 span { display: block; font-family: Canaro-Light, 'Open Sans', Helvetica, Arial, sans-serif;}
.design-data ul { width: 60px; float: left; text-align: left; list-style-type: none; margin: 0 0 0 10px; padding: 0; border-top: 1px solid #ccc; }
.design-data ul li { border-bottom: 1px solid #ccc; line-height: 19px; }
nav.cycle-facade-plan-toggle ul li { float: left; margin-left: 1px;  }
.slide img.facade { padding-top: 75px; }
.slide img.plan { position: absolute; top:0; left: 0; padding-top: 75px; }
.col-1 img.plan { padding: 20px 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
#home-designs-controls .col-1:hover { cursor: pointer; }
/* Map */
#map_canvas { max-width: 100%; width: 100%; height: 500px; padding: 0; }
/* Contact Form - not used */
#contact label { display: block; font-size: 0.8em; margin: 0.5em 0;}
.input-col-1, .button { width: 100%; border: 0; background: #e9e9e9; padding: 0.5em 0; }
.button { padding: 1em 0;}
input.button:hover {color: #000; background: #ccc;}
#contact .col-2 .col-1 p { margin: 0; }
#contact .col-2 .col-1 p.small { font-size: 0.8em; line-height: 1.5em; margin-bottom: 0.4em; }


/* Media Queries */

@media only screen and (min-width: 480px) {
.nav-toggle { display: none; padding: 20px; }
header nav { display: block; }
.gallery .nav-toggle { display: block; }
.gallery h1.title { display: none; }
.gallery .header-container { position: absolute; z-index: 5000;  width: 100%; }
.gallery header nav { margin-right: 100px; }
.header-right { font-size: 0.88em; }
p.tagline { float: left; text-align: left; height: 21px; margin: 24px 24px 24px 24px;}
p.telephone { float: right; text-align: right; height: 21px; margin: 24px 24px 24px 24px; }
nav { float: right; }
nav a { float: left;margin: 0 1px 0 0;padding: 20px 2em;}
nav li:first-child a {margin-left: 0;}
nav li:last-child a {margin-right: 0;}
/*INTERMEDIATE: IE Fixes */
nav ul li {display: inline;}
.oldie nav a {margin: 0 0.7%;}
/* Header */
header .col-1 { width: 45%; float: left; border-left: 1px solid #ccc; }
header .col-1:nth-child(2) { border-top: 0; }
header .col-1:nth-child(3) { border-left: 0; }
.one-col, two-col, .three-col, .five-col { clear: both; max-width: 1024px; margin: 0 auto;}
.gallery #pager img { width: 10%; height: auto; }
.panel { display: block; }
}
@media only screen and (min-width: 768px) {
h1.title { float: left; text-align: left; width: 230px; }
h1.title img { display: inline; margin: 0px 0 20px 0; }
.gallery h1.title { display: block; }
.header-right { font-size: 1em; display: inline-block; float: right; }
nav { clear: both; }
/* .main article {float: left;width: 57%;}
.main aside {float: right;width: 28%;}*/
.col-1, .col-2, .col-3 { float: left; width: 28%; padding: 2em 2.5%; }
.col-2 { width: 61%; }
.col-3 { width: 95%; }
.col-2 .col-1 { padding: 2em 5% 2em 0; }
.col-no-h { padding-top: 6.5em; }
.five-col .col-1 { width: 17%; margin-right: -2.5%; }
header h2 { margin: 0 -1em; }
header .col-1 { width: 20%; border-top: 0; padding: 0 2.5%; margin: 2em -1px 2em -1px;}
header .col-1:nth-child(3) { border-left: 1px solid #ccc; }
/* Slideshow - changes to set heights, cropped centered image */
.full-screen.cycle-slideshow { height: 480px; }
.home-designs.cycle-slideshow { /*height: 580px;*/ padding: 0; }
.cycle-slideshow-outer { padding: 0 2.5%; }
.full-screen.cycle-slideshow .slide img { position: absolute; top:0; right: 0; bottom: 0; left: 0; max-width: 2000px; width: 100%; height: auto; }
.slide img.facade, .slide img.plan {  }
.panel {  }
}
@media only screen and (min-width: 1140px) {
.wrapper {width: 1024px; /* 1140px - 10% for margins */ margin: 0 auto;}
header h2 { font-size: 1.4em; }
.full-screen.cycle-slideshow { height: 600px; }
.home-designs.cycle-slideshow { /*height: 700px;*/ }
.panel { padding: 30px;}
}
@media only screen and (min-width: 1440px) {
.full-screen.cycle-slideshow { height: 750px; }
}
@media only screen and (min-width: 1680px) {
.full-screen.cycle-slideshow { height: 820px; }
}
/* 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;}

/* Print styles */
@media print {
* {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;}
a,a:visited {text-decoration: underline;}
/* 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;}
}