/* -------------------------------*/
/* ---------- Site Wide ----------*/
/* -------------------------------*/ 
body {margin:0px; padding:0px;  position:relative; }
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"LFB";top:10px;}
.printonly {display:none;}

/* Structure */
#outer { background:#fff;}
#masthead {position:relative;background:#000;width:100%;height:165px}

#attractscreen {position:relative;width:100%; height:75vh;position:relative;}
/* ;background:url(/images/construct/landingpage_large_image-v2.jpg) top center no-repeat; background-size:cover; */
#attractscreen .container{height:100%;}

#toplogo{position:absolute; top:100px;width:371px;z-index:1000;}
#toplogo img{width:100%;}
#keymessage{position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.75); padding:30px 20px; font-size:3em;color:white; font-weight:700;font-family: 'Roboto Condensed', serif; }

#homepageheading{color:white;text-shadow:0px 1px 0px rgba(0,0,0,0.9);width:100%;height:100px;line-height:100px;text-align:center; font-size:8em; text-transform:uppercase;word-spacing:.3em;font-family: 'Roboto Condensed', serif; font-weight:700;position:absolute;bottom:15%;  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
#homepagesubheading{color:white;width:100%;text-align:center;font-size:1.5em; position:absolute; bottom:8%;font-family: 'Roboto Condensed', serif; font-weight:400;  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
#homepagelogo, #insidepagelogo {width:310px; height:249px;padding-top:175px; margin:auto;}
#homepagelogo img, #insidepagelogo img{width:100%;}
.homepageintro {text-align:center; font-style:italic; font-weight:bold; font-family: 'Waiting for the Sunrise', cursive; max-width:100%;color:#4c4c4c;padding:10px 0px;}
.homepagequote {text-align:center; font-family: 'Roboto Condensed', serif; max-width:100%;color:#4c4c4c;padding:5px 0px;}
.menucontainer{width:100%; height:50px; background:rgba(0,0,0,0.5);position:absolute; top:0px;z-index:1000;}
#menu{z-index:10000;height:50px; line-height:50px; width:100%;}
#content {padding-bottom:20px; padding-top:20px;clear:both;background:#fff;}
#footer {height:300px;}

#footer h4 {color:white;}

#footercontainer{width:100%; height:400px; background:#0b3a5c;}
.footerlogo {width:100%;}

.footercol1{width:15%;margin:0px 1% 0px 0px;}
.footercol2{width:15%;margin:0px 1%; }
.footercol3{width:32%;margin:0px 1%;}
.footercol4{width:22%;margin:0px 1%; }
.footercol5{width:8%;margin:0px 0px 0px 1%; }
.footercol5 img{vertical-align: middle;margin:5px;}

.quotetext {
	margin-top:30px !important;
	font-family: 'IM Fell Great Primer', serif; !important;
	font-size:20px !important;
	text-align:left;
	letter-spacing:-.5px;
	color:#000000;
	line-height:40px;
	margin-left:30px;
	font-style:italic;
	font-weight:normal;
}

.quotename {
	color:#fff !important;
	margin:0px !important;
	padding:0px;
	margin-top:10px !important;
	font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size:20px !important;
	text-align:right;
	letter-spacing:.2px;

}
.quotetitle {
	margin:0px !important;	
	padding:0px;
	font-family:"Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size:15px !important;
	text-align:right;
	letter-spacing:.2px;
	color:#fff;	
	font-weight:normal;
}

/* YOUTUBE VIDEO WRAPPER FOR RESPONSIVE - START */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* TESTIMONIALS - START */
.softwhitebox {
	background-color:#fff;
	padding:7px; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px; 
	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3); 
	-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
	-o-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
	-ms-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3); 
	box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
}
.softwhiteboxnopadding {
	background-color:#fff; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px; 
	-webkit-box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, .10); 
	-moz-box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, .10);
	-o-box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, .10);
	-ms-box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, .10); 
	box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, .10);
}

.testimonialscontainer section:nth-child(odd) {margin-left:10%;}
.testimonialscontainer section:nth-child(even) {margin-right:10%;}
.testimonialscontainer section{margin-bottom:20px; border:1px solid #f2f2f2;}
.testimonialboxinner{padding:20px 20px 20px 20px;}

.testimonialtext{ font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:0px; font-style:italic;}
.testimonialname{ font-family:font-family: 'Source Sans Pro', sans-serif; font-weight:400;text-align:right; margin-bottom:0px;font-size:1.2em; color:#b71f24;}
.testimonialtitle{font-family:font-family: 'Source Sans Pro', sans-serif; font-weight:700;text-align:right; }
.testimonialtext:before {font-size:24px;content:open-quote;}
.testimonialtext:after {font-size:24px;content:close-quote;top:10px;}
/* TESTIMONIALS - END */

.homepagebox {background-color:white; box-shadow:0px 20px 20px -20px rgba(0,0,0,0.5), 0px 0px 5px rgba(0,0,0,0.5);border-radius:3px;position:relative;}
.homepageboxpicture {width:100%; height:358px; overflow:hidden;}
.homepagebox img {width:100%;}
.homepagebox h1 {font-size:2em; text-transform:uppercase; text-align:center;padding-top:10px;}
.homepagebox p {font-face:"Roboto Condensed";font-size:1em; text-transform:uppercase; text-align:center; padding:0px; margin:0px;padding-bottom:15px;}
.homepagebox div.overlay{font-face:"Roboto Condensed";display:block;letter-spacing:0px;width:100%; background:#9e272a; text-transform:uppercase; text-align:center; font-size:1.2em;color:white; padding:5px;}
.overlaybox{position:absolute;bottom:0px; height:80px; line-height:80px;width:100%; font-size:28px; font-weight:bold; color:white;}

.homepagefeaturedprojects{margin-top:50px;height:50px; line-height:50px;margin-bottom:50px;}
.homepagefeaturedprojects h1{text-align:center; text-transform:uppercase; font-size:3em; line-height:50px;}
.homepagefeaturedprojects hr{margin-top:25px; }

.featuredproject{ box-shadow:0px 20px 20px -20px rgba(0,0,0,0.05), 0px 0px 5px rgba(0,0,0,0.25);position:relative;}
.featuredprojectimage{height:290px;overflow:hidden;position:relative;}
.featuredprojectimage img{width:100%;}
.featuredprojectoverlay{font-weight:300;color:white;background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px;width:100%; height:60px; line-height:60px; font-size:2em; font-family:"roboto condensed";padding-left:20px;}
.featuredprojectdescription{font-face:"roboto condensed";padding:10px;letter-spacing:0px;}
.featuredprojectlink{text-align:right;padding:10px;position:absolute; bottom:0px;width:100%;}

.listproject{ box-shadow:0px 20px 20px -20px rgba(0,0,0,0.05), 0px 0px 5px rgba(0,0,0,0.25);margin-bottom:20px;}
.listprojectimage{height:300px;overflow:hidden;position:relative;}
.listprojectimage img{height:100%;}
.listprojectoverlay{font-weight:300;color:white;background:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0px;width:100%; height:60px; line-height:60px; font-size:2em; font-family:"roboto condensed";padding-left:20px;}
.listprojectdescription{font-face:"roboto condensed";padding:10px;letter-spacing:0px;min-height:90px;}
.listprojectlink{text-align:right;padding:5px 10px 10px 5px;}
  
a.plain, a.plain:link, a.plain:visited {color:#fff;text-decoration:none;}
a.plain:hover, a.plain:active {color:#ddd;text-decoration:none;}


div.custom-select {
    position: relative;
    display: inline-block;
	width:100%;
	margin-bottom:20px;
}

.custom-select select {
	display: inline-block;
	width:100%;
	padding: 6px 6px 6px 6px;
	margin: 0;
	outline:none; /* remove focus ring from Webkit */
	line-height: 1.2;
	font-size:1.4em;
	background: #eee;
	font-weight:300;
	font-family: "Roboto Condensed",sans-serif;	
	-webkit-appearance:none; /* remove the strong OSX influence from Webkit */
	-moz-appearance: none;
	appearance: none; 	
	border-radius: 3px;
	border:1px solid rgba(0,0,0,0.1); 
	box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1); 
}

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .custom-select select {
            padding-right:30px;    
        }
    }
    
    
    /* Select arrow styling */
    .custom-select:after {
        content: "▼";
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        font-size: 60%;
        line-height: 34px;
        padding: 2px 7px 0px 7px;
        background: #ddd;
        color: #000;      
        pointer-events:none;
        border-left:1px solid #ddd;
        border-radius: 0 3px 3px 0;
    }
    
    .no-pointer-events .custom-select:after {
        content: none;
    }

.stylish_button , .stylish_button:visited{
	border:0px !important;
	border-radius:3px !important;	
	background: #00796B; /* Old browsers */
	background: -webkit-linear-gradient(top,  #00796B 0%,#009688 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #00796B 0%,#009688 100%); /* W3C */
	font-weight:300;font-size:1.2em;text-decoration: none;line-height:38px;letter-spacing:1px;color: #fff;padding: 0px 20px 5px 20px;height:38px;position: relative;cursor: pointer;
	height:36px;line-height:35px; margin:10px 0px 0px 0px;top:-4px;
	text-shadow:0px 2px 0px rgba(0,0,0,0.15),0px 1px 0px rgba(0,0,0,0.15);
	box-shadow:0px 10px 10px -5px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.2);
}
.stylish_button:hover{
	box-shadow:inset 0px 2px 4px rgba(0, 0,0, .50);
	background: #d27a1a; /* Old browsers */
	background: -webkit-linear-gradient(top,  #009688 0%,#B2DFDB 100%) !important; /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #009688 0%,#B2DFDB 100%); /* W3C */
	border-top:1px solid rgba(0,0,0,0.5) !important;
	border-bottom:1px solid rgba(255,255,255,0.25) !important;
}
.stylish_button.large{font-size:20px;height:50px; line-height:50px;font-weight:300;}

.bg-pomegranate{background:#c0392b;}
.bg-pomegranate.btn:hover{background:#9a2e22;transform:scale(.96) translate3d(0,0,0);}
.fg-pomegranate{color:#c0392b;}

.btn.ghost-pomegranate{border-color:rgba(192,57,43,1);}
.btn.ghost-pomegranate:hover{background:#9a2e22;border-color:#c0392b;color:white;}


.card {background-color:white; box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;}
.card .cardtitle{background:#ffa026;color:white; padding:10px; text-align:center;font-weight:400;font-size:1.6em;font-family:'Roboto Condensed', sans-serif;}
.card .cardcontent{padding:10px;}
.card .cardlink{text-align:right; padding:5px 10px 5px 0px;}

.upcomingevent{padding:10px; text-align:center;}
.upcomingevent h2{font-size:1.5em;font-weight:400;}
.upcomingevent p{margin-bottom:5px;}
/* ------------------- */
/* Pictures & videos   */
/* ------------------- */

.piccontainer {width:50%;max-width:500px; float:right;margin:0 0 20px 20px; border-radius:3px;}
.pic {width:100%;}

.piccontainer_half {width:900px; display:block;margin:auto;}
.pic_half {width:100%;}

.piccontainer_third { width:440px; float:right;display:inline;margin:0 0 20px 20px;padding:10px 10px 5px 10px;}
.pic_third {width:100%;}

.piccontainer_quarter { width:325px; float:right;display:inline;margin:0 0 20px 20px;padding:10px 10px 5px 10px;}
.pic_quarter {width:100%;}

.pagepiccontainer { box-sizing:border-box;width:600px; float:right;display:inline;margin:0 0 20px 20px;padding:10px 10px 10px 10px;background-color:white; box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;}
.pagepic {width:100%;}

.pageportraitpiccontainer { box-sizing:border-box;width:500px; float:right;display:inline;margin:0 0 20px 20px;padding:10px 10px 10px 10px;background-color:white; box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;}
.pageportraitpic {width:100%;}


.gallerythumb{-moz-box-sizing:border-box; box-sizing:border-box;display:inline-block;width:15%;margin-right:1.2%;text-align:center; padding:5px;border:5px solid white; font-weight:400;font-size:1.1em;}
.gallerythumb img {padding-top:10px;}

.hundredpercent{width:100%;}
.seventyfivepercent{width:75%;}
.fiftypercent{width:50%;}


/* ------------------- */
/* Footer and elements */
/* ------------------- */

#footer a, #footer a:link, #footer a:visited {
	text-decoration:none;
	color:#fff;
}
#footer a:hover , #footer a:active {
	text-decoration:none;
	color:#ffffdd;
}
#footer h6{color:#c13a2c; font-size:1.8em; font-weight:300;}
#footer P {color:#fff;}
.footerfield {background:#1a2836; border-radius:5px;border:0px; margin-bottom:5px;font-size:1.2em;color:white; padding:6px;}

#footer ul {margin-left:0;}
#footer li {color:#fff;list-style:none;margin-left:0m;padding-left:0;}

#footerlogo{width:100%;}
.footermenu{padding:10px 5px 10px 5px;font-family: 'Roboto condensed', serif; font-weight:300;padding-top:35px;}
.footeraddress{padding:10px 5px 10px 5px; padding-top:35px;}
.footersocial{width:12%;padding:10px 5px 10px 5px;}
.footerlegal{width:100%;padding:10px 5px 10px 5px; text-align:center;}


/* ------------------ */
/* News List and show */
/* ------------------ */

.articlelistitem {width:325px;display:inline-block; margin:0 10px  20px 10px;padding-bottom:0 0 20px 0;background:#e6e6e6;}
.articlelistthumb{ width:325px;margin:0px; padding:0px;line-height:1px;vertical-align:top}
.articlelistheadline{ font-family: "Roboto Condensed",sans-serif;clear:both;padding:10px;font-size:1.5em;}
.articlelistsummary{ margin-left:20px; margin-bottom:0em;padding-right:20px;padding-top:20px;font-size:1em;}
.articlelistreadmore{text-align:left; margin-left:20px; margin-bottom:20px;}

.articlelistsidebar {width:325px;float:left;}
.articlesidecategories{display:none;}
.articlelistbox {width:1055px;float:left;min-height:1px;  }
.articletopsearch {display:none;}
.articletopsearchcategories{display:inline-block; width:49%;text-align:right;}
.articletopsearchsearchbox{display:inline-block; width:49%;}


.articlelistitemfooter{float:left; width:64px;overflow:hidden;height:64px;margin:0px 5px 5px 0px;}
.articlelistthumbfooter{height:100%;width:100%;}

.infieldlabel { font-family: "Roboto Condensed",sans-serif; color:#1c3f95; font-size:1.5em; position:absolute; left:10px; font-weight:300;}
.softwhitebox {background-color:white; box-shadow:0px 20px 20px -20px rgba(0,0,0,0.25), 0px 0px 5px rgba(0,0,0,0.1);border-radius:3px;}
.shadowbox{box-shadow:0px 30px 20px -20px rgba(0,0,0,0.35), 0px 0px 5px rgba(0,0,0,0.2);}	
			


/* ---------------------------------------------------------------------------- */
/* Site wide transforms  ------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */

.zoomer{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;z-index:1 !important;}
.zoomer:hover{-webkit-transform:scale(1.05) translate3d(0,0,0); -moz-transform:scale(1.05) translate3d(0,0,0); -o-transform:scale(1.05) translate3d(0,0,0);-ms-transform:scale(1.05);transform:scale(1.05) translate3d(0,0,0);z-index:10 !important;}

/* --  ---------------------- -- */
/* --  ---- Google Map ------ -- */
/* --  ---------------------- -- */

#googlemapcontainer {border:1px solid black; width:938px;}
#google{width:938px;}
#map{height: 400px; width:938px; }
#directions{overflow: auto; color: #000; width:930px; border-top:1px solid black; clear:both;}

/* --  ---------------------- -- */
/* --  ---- FAQ ------ -- */
/* --  ---------------------- -- */

.faqimage{float:left; margin-bottom:20px; margin-right:20px;}
.faqp {margin-bottom:20px;}



/* horse show */

.horseshowvideothumb{width:33%;float:left}


/* ------------------ */
/* Responsive layouts */
/* ------------------ */

/* --------------------------------------------------------------------------------------------- */
/* ---------- 1400 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1400px) {
.featuredproject{min-height:430px;}	
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1400";top:10px;}
#googlemapcontainer,#google,#directions,#map {width:1360px;}
p, ol, ul, blockquote, code, dl, dt, dd{font-size:1.2em;letter-spacing:.0em;line-height:1.5em;}
.homepagecalltoaction{margin-top:14%;}

}

/* --------------------------------------------------------------------------------------------- */
/* ---------- 1200 Layout ---------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 1280px) and (max-width: 1399px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"L1200";top:10px;}
#homepagelogo{width:260px;padding-top:130px;}
#attractscreen {height:500px;}

#homepageheading{font-size:7em; bottom:10%;}
#homepagesubheading{font-size:1.3em; bottom:5%;}
.homepagecalltoaction{margin-top:15%;}
.homepageintro {font-size:2em;}
.homepagequote {font-size:1.7em !important;}
.featuredproject{ min-height:400px;}
.featuredprojectimage{height:250px;}

.articlewidth {width:280px;}
.articlelistsidebar {width:280px;float:left;}
.articlelistbox {width:920px;float:left;min-height:1px; }
.touch-button{display:none !important;}
#googlemapcontainer,#google,#directions,#map {width:1180px;}
.articlelistitem {width:280px;display:inline-block; margin:0 10px  20px 10px;padding-bottom:0 0 20px 0;}
.articlelistthumb{ width:280px;margin:0px; padding:0px;line-height:1px;}

.footercol1{width:15%;margin:0px 3% 0px 0px; }
.footercol2{width:15%;margin:0px 3%; }
.footercol3{width:25%;margin:0px 0px 0px 3%;}
.listprojectimage{height:275px;}
.listprojectdescription{min-height:120px;}

}


/* --------------------------------------------------------------------------------------------- */
/* ---------- 960 Layout ----------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width: 960px) and (max-width: 1279px)  {
#debugcsslayoutvalue:before{left:100px;font-size:.9em;color:white;content:"L960";top:10px;}
  .flexnav li {
    font-size: 20px;}
#homepagelogo{width:210px;padding-top:150px;}
#homepageheading{font-size:7em; word-spacing:.2em;}
#homepagesubheading{font-size:1.2em;bottom:170px; }
.homepageintro {font-size:1.6em;padding:20px 0px 20px 20px;}
.homepagequote {font-size:1.3em !important;}
.homepagecalltoaction{margin-top:12%;font-size:16px !important;}

#attractscreen {height:500px;}

#homepageheading{font-size:6em; bottom:8%;}
#homepagesubheading{font-size:1.1em; bottom:5%;}
.homepageboxpicture {height:250px; }
.overlaybox{position:absolute;bottom:0px; height:50px; line-height:50px;width:100%; font-size:22px !important; font-weight:bold; color:white;}
.featuredprojectimage{height:200px;}
.featuredproject{ min-height:330px;}
.homepagefeaturedprojects .third h1{font-size:2em;}


.articlelistitem {width:340px;display:inline-block; margin:0 10px  20px 10px;padding-bottom:0 0 20px 0;}
.articlelistthumb{ width:340px;margin:0px; padding:0px;line-height:1px;}

.articlelistsidebar {width:230px;float:left; }
.articlelistbox {width:730px;float:left;min-height:1px;  }
.touch-button{display:none !important;}
.pagepiccontainer { width:400px;}
.pageportraitpiccontainer { width:400px;}
.gallerythumb {font-size:1em;}

.piccontainer_half { width:800px; display:block;margin:auto;}
.piccontainer_third { width:300px; float:right;display:inline;margin:0 0 20px 20px;padding:10px 10px 5px 10px;}
.piccontainer_quarter { width:220px; float:right;display:inline;margin:0 0 20px 20px;padding:10px 10px 5px 10px;}

.footercol1{width:15%;margin:0px 3% 0px 0px; }
.footercol2{width:15%;margin:0px 3%; }
.footercol3{width:25%;margin:0px 0px 0px 3%;}
.quotetext {
	margin-top:15px !important;
	font-size:20px !important;
	text-align:left;
}
.quotename{	margin-top:15px !important;}
.listprojectimage{height:225px;}
.listprojectdescription{min-height:140px;}

#toplogo{width:300px;}
#keymessage{font-size:2.5em;}

}



/* --------------------------------------------------------------------------------------------- */
/* ---------- Tablets  ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media all and (min-width:720px) and (max-width:959px) {
#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Ltab";top:10px;}
#masthead{height:165px;}
#attractscreen {height:500px;}

.mastheadlogodesktop{width:350px;}
.mastheadcontact{font-size:3em;font-family: 'Roboto', sans-serif; font-weight:700;color:#888;line-height:1.3em;}
.mastheadcontactphone{font-size:2em; font-family: 'Roboto Condensed', serif; font-weight:300;color:#fff;}
.mastheadcontactaddress{font-size:1.3em; font-family: 'Roboto Condensed', serif; font-weight:300;color:#fff;}
#homepagelogo, #insidepagelogo {width:175px;padding-top:100px;}
#homepageheading{font-size:5.2em; word-spacing:.2em; bottom:15%;height:auto;}
#homepagesubheading{font-size:1.3em; bottom:10%;}
.homepageintro {padding:10px 0px 20px 0px; font-size:1.6em;line-height:1.3em; }
.homepagequote {font-size:1.3em !important;}
.homepagecalltoactioncontainer{text-align:center; }
.homepagecalltoaction{font-size:1.1em !important;margin:35px 0 20px 0}
.homepageboxpicture {height:200px; }
.overlaybox{position:absolute;bottom:0px; height:50px; line-height:50px;width:100%; font-size:18px !important; font-weight:bold; color:white;}
.homepagebox h1{font-size:1.5em;font-weight:700;padding:10px 0px;margin:0px;}
.homepagebox p{font-size:.7em;padding-bottom:10px;}
.homepagebox div.overlay{font-size:1.0em;}

.homepagefeaturedprojects .third h1{font-size:2em;}
.featuredprojectimage{height:145px;}
.featuredproject{ min-height:300px;}

.mastheadcontactcontainer{padding-top:25px;padding-right:30px;}
.touch-button{display:block !important;}
.articlelistbox {width:720px;}
.articlelistitem {width:220px;display:inline-block; margin:0 10px  20px 10px;padding-bottom:0 0 20px 0;}
.articlelistthumb{ width:220px;margin:0px; padding:0px;line-height:1px;}
.articletopsearch {display:none;}
.pagepiccontainer { width:300px;}
#googlemapcontainer,#google,#directions,#map {width:700px;}
#map{height: 400px;}
#menu{width:100%; height:50px;}
.mobile_tel{position:absolute;right:80px;padding-top:5px;}
.mobile_share{position:absolute;right:200px;padding-top:5px;}
.mobile_email{position:absolute;right:140px;background:none !important; padding-right:0px !important;padding-top:5px;}

.homepageblockoverlay{font-size:1.4em;height:50px;line-height:50px}
.footercol3{width:35%;margin:0px 5% 0px 0%;}
.footercol4{width:30%;margin:0px 5% 0px 5%;}
.footercol5{width:15%; margin:0 0 0 5%;}
.listprojectimage{height:175px;}
.listprojectdescription{min-height:170px;}
#toplogo{width:250px;}
#keymessage{font-size:2em;}
	.tablettwothird {width:460px;}
	.tabletfull{width:700px;}
	
.horseshowvideothumb{width:50%;float:left}
}


/* --------------------------------------------------------------------------------------------- */
/* ---------- Smartphones  --------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
@media only screen and (max-width:719px) {
	html {min-width:320px;}
	#debugcsslayoutvalue:before{left:100px;font-size:1em;color:white;content:"Lsp";top:10px;}
#attractscreen {height:500px;}

#topmastheadcontainer {height:100px !important;}
	#logobar {height:120px;  width:100%}
	#masthead{height:220px;}
	.mastheadlogo{width:90%; margin:0px 5%;}
	#homepagelogo{width:30%;padding-top:30;top:30%;display:block;}
#homepageheading{font-size:2.2em; word-spacing:.2em;bottom:20%;line-height:.9em;height:auto;}
#homepagesubheading{font-size:1.2em;bottom:170px;bottom:50px; display:none;}
.homepageintro {width:90%;margin:0 5%; color:#666;padding:10px 0px;font-size:1.1em;line-height:1.3em; text-align:justify;}
.homepagequote {font-size:1.0em !important; padding:0px 0px;}
.homepagecalltoactioncontainer{text-align:center; }
.homepagecalltoaction{font-size:1.1em !important;margin:10px 0 20px 0}

.homepagebox{margin-bottom:20px;}
.homepageboxpicture{width:35%; float:left;height:100%;margin:0px;line-height:0px; }
.homepagepicture img{height:100%; }
.homepageboxcontent{width:65%; float:right;}
.homepagebox div.overlay{display:none;}
.homepagebox h1{font-size:1.2em;font-weight:700;padding:5px 0px;margin:0px;}
.homepagebox p{font-size:.8em;padding-bottom:0px;}

.featuredprojectimage{height:200px;}
.featuredproject{margin-bottom:20px;padding-bottom:30px;}

.homepagefeaturedprojects{margin:20px 0px;}
.homepagefeaturedprojects .third h1{font-size:2em;}
#insidepagelogo{position:absolute;top:85px; width:100%;padding:0px; margin:0px;}
	#menu{width:100%; height:50px;top:0px;}
	#footer{height:200px;}
	.mastheadlogocontainersmartphone{width:250px;height:75px;}
	.homepageblock{margin-bottom:40px !important;}	
	.articlelistbox {width:95%;margin:0 5% 0 0%;}
	.articlewidth {width:100%;}
	.articlelistitem{width:100%;}
	.articlelistthumb { width:100%;margin:0px; padding:0px;line-height:1px;}
	.articletopsearch {display:none;}
	.articletopsearchcategories{display:block; width:100%;text-align:center;}
	.articletopsearchsearchbox{display:block; width:100%;text-align:center;margin-bottom:10px;}	
	.greydivider{width:75%;}
	.pagescontainer{position:relative;}
	.paginationprevious{position:absolute; left:0px;width:100px !important; height:35px !important;}
	.paginationnext{position:absolute; right:0px;width:100px !important; height:35px !important;}
	h1 {font-size:2.7em; font-weight:300;/*font-size:3em;*/line-height:1.17em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h2 {font-size:2.4em;line-height:1.38em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h3 {font-size:2.1em;line-height:1.65em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h4 {font-size:1.8em;line-height:2em;letter-spacing:-.03em;margin:0px 0px 0.5em 0px;}
	h5 {font-size:1.5em;line-height:1.5em;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	h6 {font-size:1.5em;line-height:1.5em;font-weight:300;letter-spacing:-.03em;margin:0px 0px .5em 0px;}
	.pagepiccontainer { width:90%;margin:0 5% 20px 5%}
	#googlemapcontainer{margin:0 3%}
	#googlemapcontainer,#directions {width:94%;}
	#google,#map{height: 370px;width:100%;}
	
	.piccontainer_half { width:100%; display:block;margin:auto;}
	.piccontainer_third { width:100%; display:block;margin:0px; padding:0px;}
	.piccontainer_quarter { width:100%; display:block;margin:0px; padding:0px;}
	.seventyfivepercent{width:95%;}	
.faqimage{float:right; margin-bottom:20px; margin-right:5%;margin-left:5%;width:90%;}
.mobile_tel{position:absolute;right:80px;padding-top:5px;}
.mobile_share{position:absolute;right:200px;padding-top:5px;}
.mobile_email{position:absolute;right:140px;padding-top:5px;background:none !important; padding-right:0px !important;}
#footer {height:250px;}
#footercontainer{height:250px;}

#toplogo{width:100%;padding-left:20%; padding-right:20%;top:50px;background:black;}
#keymessage{font-size:1.5em;width:100%;text-align:center;padding:10px}
#attractscreen {background-position: center 100px; background-size:cover;width:100%; height:65vh;position:relative;}
.menucontainer{background:black;}
.horseshowvideothumb{width:50%;float:left}

}


@media print {
	* {background:white; color:black; box-shadow:none;}
	.notprintable{display:none;}
	.printonly{display:block;}
	#outer{background:#fff;}
	.softwhitebox{box-shadow:none;}
	.propertyshowlistitems{border:0px;box-shadow:none;}
	.piccontainer{box-shadow:none;}
	.pagepiccontainer{box-shadow:none;}
	body{background:white; color:black;}
	p, h1, h2, h3, h4, h5, h6 {color:black;}
	#content{background:white;}
}