@font-face { font-family: "Brandon"; src: url("fonts/brandongrotesque-medium-webfont.woff#") format("woff"), url("fonts/brandongrotesque-medium-webfont.svg#Brandon") format("svg"), url("fonts/brandongrotesque-medium-webfont.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Brandon"; src: url("fonts/brandon_bld-webfont.woff#") format("woff"), url("fonts/brandon_bld-webfont.svg#Brandon") format("svg"), url("fonts/brandon_bld-webfont.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "BrandonItalic"; src: url("fonts/brandon_med_it-webfont.woff#") format("woff"), url("fonts/brandon_med_it-webfont.svg#BrandonItalic") format("svg"), url("fonts/brandon_med_it-webfont.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
html, body { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.clear { clear: both; }
body { background-repeat: repeat; background:#f5f5f5;}
h1 { font-size: 30px; font-family: "Brandon", arial, sans-serif; line-height: 1.7em; color: #444}
h2 { font-size: 25px; font-family: "Brandon", arial, sans-serif; line-height: 1.7em; color: #444}
h3 { font-size: 20px; font-family: Arial, sans-serif; line-height: 1.7em}
h4 {
    color: #58a4e6;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    text-shadow: -1px -1px 2px #fff;
}
a { text-decoration:none; font-family: "Brandon", arial, sans-serif; }
em { font-style:italic }
p, ul { font-size:15px; font-style:normal; color: #777; line-height: 28px; font-family:Arial, Arial, Helvetica, sans-serif; margin:15px 0; }
p {  font-size: 14px }
a.h3 { font-size: 16px !important; text-align:center !important;}

.st-content p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: unset;
    letter-spacing: 0;
    padding: 0 10px;
	text-align:left !important
}
strong { font-weight:bold }


.PoemMainImg { display: block !important; margin: auto !important; margin-bottom: 30px !important; float: none !important; margin-top: 30px !important; }

.wrapper { width: 100%; overflow: hidden; }
/*** SECTIONS ***/
section { width: 100%; margin: 0 auto; padding:30px; overflow: hidden; }
.disc { width: 170px; display: block; margin: 40px auto !important; margin:auto; box-shadow: 0 0 6px #aaa;
	-moz-box-shadow: 0 0 6px #aaa;
	-webkit-box-shadow: 0 0 6px #aaa;
	-o-box-shadow: 0 0 6px #aaa; border-radius: 50%}

.container { width: 100%; max-width: 1200px; margin: 0 auto ; padding: 10px 20px; text-align:center; overflow:hidden; text-align:center }
h2.circular,  h2.circular a {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px 0 #333;
	-moz-box-shadow: 0 0 2px 0 #333;
	-o-box-shadow: 0 0 2px 0 #333;
	box-shadow: 0 0 2px 0 #333;
    color: #FFF;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 27px;
    height: 200px;
    margin: auto;
    padding: 72px 30px;
    text-align: center;
    width: 200px;
	line-height:inherit;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
h2.circular:hover, h2.circular a:hover { font-size: 28px; text-shadow: 0px 1px 2px #555; box-shadow: 0 0 10px 0 #aaa; padding: 71px 30px; }
.container a { outline:0; color: #58A4E9; font-size: 16px }
.container a:hover { color:#999999}
.read-more { display:block; text-align:center; margin: 40px auto 0; width: 120px; padding: 12px; background: #666; text-decoration:none; font-family: "Brandon", arial, sans-serif; color: #FFF !important;}
.read-more:hover { background: #58a4e6; }
.section-split:nth-of-type(1) { width: 50%; float: left; border-right: 1px solid #FFF;}
.section-split:nth-of-type(2) { width: 50%; float: left; border-left: 1px solid #d8d8d8; overflow: hidden}
/*Columns*/
.colSpan1 { width: 33.33%; float: left; box-sizing: border-box; text-align: left !important }
.colSpan2 { width: 66.66%; float: left; box-sizing: border-box; text-align: left !important  }
.fullWidth { width: 100%; float: left; box-sizing: border-box; text-align: left !important  }
.col50 { width: 50%; padding: 0 20px; float: left; box-sizing: border-box; text-align:left !important; }
.thirdCol { width: 33.33%; padding: 0 20px; float: left; box-sizing: border-box; }
.colSpan3 { width: 100%; float: left; box-sizing: border-box; text-align: left !important  }
.rightCol { border-left: 1px solid #888; padding-left: 10px; background: #f5f5f5 }
.rightCol ul { margin: 0 !important }
.rightCol .st-accordion ul li > a { padding-left: 50px; }

.offerings .colSpan1 .container { padding: 20px !important }
.offerings .colSpan1:hover {  background: #eee; -webkit-box-shadow: 0px 0px 10px 0px rgba(170,170,170,0.3);-moz-box-shadow: 0px 0px 10px 0px rgba(170,170,170,0.3);box-shadow: 0px 0px 10px 0px rgba(170,170,170,0.3);} 

.bulleted-list { text-align:left;list-style-type:none;color: #888; margin-bottom: 20px; padding: 0 0 0 10px }
.bulleted-list li { 
    background: url("../images/li-bullet.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    margin: 15px 0;
    padding-left: 50px;
}
.intro {
    box-sizing: border-box;
    margin: auto;
    max-width: 1100px;
    padding: 0 2% 8%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
} 
.intro img { display: block; margin: 30px auto }
.intro h1.home { 
	color: #58a4e6; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 3em; 
	border-bottom: 3px solid #4e98d7; 
	padding-bottom: 15px;
	display:inline-block;
	text-shadow: 2px 2px 0px #4e8abe, 2px 2px 10px #FFF;
	
	letter-spacing: 1px;
}
span.s { color: #FFF; text-shadow: -1px -1px 2px #58a4e6, 1px -1px 2px #58a4e6, -1px 1px 2px #58a4e6, 1px 1px 2px #58a4e6; }

#slideshow { position:relative; z-index: 1; margin:auto;}
.pattern-overlay { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 width: 100%; height:inherit; position:absolute; z-index: 3; bottom: 0;  }
.bannerVignette { background-image:url(../images/banner-vignette.png); background-repeat:repeat-x; background-position: center bottom; width: 100%; height:inherit; position:absolute; z-index: 3; bottom: 0; min-height: 356px }

section.slider-container {position: relative; z-index: 1; padding: 0;margin: 0;}

.breadcrumbs { font-size: 0.9em; color: #666; text-align: right; font-family: 'Brandon', Arial, sans-serif; padding-right: 20px; }
.breadcrumbs a, .sitemap a {
  color: #58a4e6;
}
.breadcrumbs a:hover, .sitemap a:hover {
  color: #999;
}
.sitemap { margin: auto !important; font-style:normal; text-align:center !important; background:none !important; list-style-image:url(../images/li-bullet.png); font-size: 1em; color: #888; line-height: 1.6em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 50px; padding: 0 100px }
.sitemap li {
    margin: 15px 0;
    padding-left: 20px;
	width: 33.33%;
	float: left;
	}

.intro h2.home { color: #58A4E6; font-family: Arial, Helvetica, sans-serif; font-size: 5em; padding-top: 10px; display:block; text-shadow: 2px 2px #4e8abe; letter-spacing: 1px; }
/* {
    color: #fff;
    display: block;
    font-size: 1.7em;
    line-height: 1.2em;
    padding-top: 40px;
    text-shadow: -1px -1px 2px #58a4e6;
}*/
.intro h2, .intro h3.home, .inspiration h1 {
    color: #fff;
	font-style:italic;
    display: block;
    font-size: 1.7em !important;
    line-height: 1.2em;
    padding-top: 40px;
    text-shadow: 2px 1px 1px #141414;
	font-family: Georgia, "Times New Roman", Times, serif;

}
.intro h2.home { font-size: 5em !important; font-style:normal !important; text-shadow: 2px 1px 1px #141414, 2px 2px 5px #FFF !important;  }


.scrollup  {
	background: url("../images/scroll-to-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: 1%;
    display: none;
    height: 50px;
    opacity: 0.6;
    outline: medium none;
    position: fixed;
    right: 1%;
    text-indent: -9999px;
    width: 50px;
}
.scrollup:hover  {
    opacity: 1;
}

#header {
	background: #FFF;
	height: 100px;
	margin-top: 50px;
	position:relative;
	z-index:2;
}
.logo {
	position: absolute;
	left: 50%;
	margin: -48px 0 0 -98px;
	width: 200px;
	height: 200px;
	z-index:99999;
    -webkit-transition: all 2s ease; /* Safari and Chrome */
    -moz-transition: all 2s ease; /* Firefox */
    -ms-transition: all 2s ease; /* IE 9 */
    -o-transition: all 2s ease; /* Opera */
    transition: all 2s ease;
}

.hover-zoom { -webkit-transition: all 2s ease; /* Safari and Chrome */
    -moz-transition: all 2s ease; /* Firefox */
    -ms-transition: all 2s ease; /* IE 9 */
    -o-transition: all 2s ease; /* Opera */
    transition: all 2s ease; }
	
.hover-zoom:hover {
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}

.logo:hover {
    -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}
.contact-left{ float: left; width: 70%; padding: 0 20px 0 0; }
.contact-right { float: left; width: 30%; text-align:left; padding: 0 0 0 20px;}
.contact-right a { font-family: Arial, Helvetica, sans-serif; color: #58a4e6; text-shadow: 1px 1px 1px #fff; }
.contact-right a:hover{ color: #00B050 }
.contact-right h3 { padding: 10px 0 20px 0 }
.contact-right p { margin: 0 0 5px 0 }


.page-title {  background: url(../images/heading-bg.png) repeat-x scroll 0 50%; font-family: 'Open Sans', sans-serif; display:block; margin: auto; background: #ffffee; font-size: 30px; font-weight: bold; }

.page h3 { font-style:italic;  }
.quote { font-size:1.2em; letter-spacing:1px; text-align:center; }
.attribution { color:#58a4e6;font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-weight: bold; line-height:1em; margin-top: 10px; }
.attribution a { color:#58a4e6; text-decoration:none }
.attribution a:hover {text-decoration:underline; color: #4e8abe;}
.standout { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; color:#333; text-shadow: 1px 1px #FFE749; } 
.standout-pos { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; color:#333; text-shadow: 1px 1px #FFE749; }
.down { width: 100%; height: 47px; bottom: 70px; background:url(../images/down-arrow.png) center 0 no-repeat; position: relative; z-index:1 }
.down:hover {background:url(../images/down-arrow.png) center -47px no-repeat; }
.red { background:#9a4a4b }
.peach { color:#ffd1bd  }
.orange { background:#d18f30 }  
.purple { background: #a4547d }
.blue { background:#405871 }
.green { background:#7bb49a }
.turquoise {background: #7fcfce;}
.rate { font-family: Arial,sans-serif; color: #58A4E6; font-weight: bold }

.BannerNoOverlay { background: none; }

/*QUOTES*/
section#quotes {
    background-image: url(../images/quotes-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:center;
    font-size: 16px;
    font-style: italic;
    height: 315px !important;
    margin-bottom: 0 !important;
    max-width: none !important;
    padding: 90px 10% 0;
    text-align: center;
    width: 100% !important;
}
#quotes h2 { color: #FFF }
ul.bjqs { position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide { text-shadow: 1px 1px 5px #2B2B2B; display: none; position: absolute; z-index: 1; height:inherit !important; color: #FFF !important; font-family: "Brandon", arial, sans-serif; font-size:21px }
li.bjqs-slide a { color: #FFF !important; font-family: "Brandon", arial, sans-serif; text-shadow: 1px 1px 5px #2B2B2B }
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; position:relative; bottom:100%; }
ul.bjqs-controls.v-centered li a  {position:absolute; color: #2b2b2b }
ul.bjqs-controls.v-centered li.bjqs-next a { padding: 15% 0; right: 0; text-indent: -9999px; top: 61px !important; width: 100px; }
ul.bjqs-controls.v-centered li.bjqs-next a:hover {background: url(../img/next.png) no-repeat center center;}
ul.bjqs-controls.v-centered li.bjqs-prev a {padding: 15% 0; left: 0; text-indent: -9999px; top: 61px !important; width: 100px;}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover {background: url(../img/prev.png) no-repeat center center;}
ol.bjqs-markers { left: 0 !important; list-style: outside none none;padding: 0; position: relative; width: 100%; z-index: 2;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li { display:inline }
ol.bjqs-markers li a {
    background: none;
	border: 1px solid #ccc;
    border-radius: 50%;
    color: #fff !important;
    display: inline-block;
    font-size: 11px;
    margin: 0 2px;
    padding: 0.5px 6px;
    text-decoration: none;
    text-indent: -9999px;
}
#quotes ul.bjqs { height: 140px !important  }
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {
    background: #58A4E6 none repeat scroll 0 0;
}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/*BLOG*/
#banner > img { display: block;height: inherit; width: 100%; }
.blogPost { border-bottom: 2px solid #eee; float: left; width: 100%; margin-bottom: 20px}
.blogPost img { float: left; margin: 0 20px 20px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);-moz-box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);box-shadow: 0px 0px 5px 0px rgba(170,170,170,1);}
.blogPost img:hover { -webkit-box-shadow: 0px 0px 8px 0px rgba(100,100,100,1);-moz-box-shadow: 0px 0px 8px 0px rgba(100,100,100,1);box-shadow: 0px 0px 8px 0px rgba(100,100,100,1);}
.blogPost h2 { text-align:left; font-size: 28px; line-height: 40px }
.blogPost h2 a { font-size: 28px; }
.blogPost h2 a:hover { color: #58A4E6 !important; text-decoration:underline !important }
.article_date { float: right; font-family: "Brandon",Arial,sans-serif; text-transform:uppercase; font-size: 12px; background: none; padding: 0; color: #333; -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; margin-bottom: 0 }
.author { font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-style: italic; text-align: left; display: block}
a.readmore { color: #FFF !important; background: #999999; padding: 6px 10px !important; float: right; }
a.readmore:hover { background:#58A4E6}
.blogImg { float: left; margin: 0 20px 20px 0 }
.gallery { list-style:none; display:inline-block; text-align:center; padding: 0 }
.gallery li { float: left; margin-right:5px }
.contentRight  {background: #eee; float: left; width: 30%; text-align:left; padding: 20px }
.contentRight h3 { font-family: "Brandon",Arial,sans-serif; color: #999; font-size: 18px; text-shadow:none; border-bottom: 1px solid #999; padding-bottom: 10px; margin: 0 }
.contentLeft { float: left; width: 70%; padding: 0 40px 0 0; }
.contentLeft h1 { margin-bottom: 20px }
.contentRight a { font-family: "Brandon",Arial,sans-serif; color: #58A4E6 }
.contentRight a:hover { text-decoration: underline; color: #58A4E6 }
.noContent h3 { font-family: "Brandon",Arial,sans-serif; color: #999; font-size: 20px; text-align: left; text-shadow:none; padding-bottom: 10px; margin: 0}
.noContent p { font-family: Georgia,"Times New Roman",Times,serif; font-size: 12px; font-style: italic; margin: 0; }
/* ============================================================
  FOOTER
============================================================ */
footer { width: 100%; background: #eee; height:100px; overflow:hidden}
footer a:hover { color: #aad1ac; -webkit-transition: color 0.5s ease 0s; -moz-transition: color 0.5s ease 0s; -o-transition: color 0.5s ease 0s; transition: color 0.5s ease 0s;
}

footer .asides {
  margin-bottom: 20px;
}
footer aside {
  margin-bottom: 10px;
}
footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
footer nav li {
  display: inline-block;
}
footer nav a {
  display: block;
  margin: 0 5px;
  color: #fff;
}
.logo {
  text-align: center;
}
.logo img {
  display: inline-block;
  vertical-align: middle;
}
.copyright2 {
  font-family: "Brandon", Arial, sans-serif;text-align: center; margin-top: 40px;
}
.copyright2 small {
  color: #333;
  font-size: 12px;
}
.copyright2 a {
  color: #666;
}
.copyright2 a:hover {
  color: #999;
}

/* FAQ */
div.open-faq { margin-bottom: 20px; }
.faq-open { display: block!important; }
span.open-all { padding: 0 10px 3px; box-shadow:0px 1px 3px rgba(0,0,0,0.25); border-radius:3px; background:#a4547d; color: #FFF; font-size:1.9em;  text-align:center; }
.faq, .faq * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
 
.faq {
    overflow:hidden;
/*    box-shadow:0px 1px 3px rgba(0,0,0,0.25);*/
    border-radius:30px;
    background:#faf3e6;
	margin: 30px 0;
	line-height:2em
}
 
/*----- Section Titles -----*/
.faq-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    border-bottom:1px solid #1a1a1a;
    background:#a4547d;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.2em;
	font-weight: bold;
	/*text-shadow:0px 1px 0px #1a1a1a;*/
    color:#fff;
}
 
.faq-section-title.active, .faq-section-title:hover {
    background:#7bb49a;
    /* Type */
    text-decoration:none;
	color: #FFF;
}
 
.faq-section:last-child .faq-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/
.faq-section-content {
    padding:15px;
    display:none;
}


/* Accordion */
/* Flexible Slide-to-top Accordion Style */
.st-accordion ul li{
	height:auto;
}
.st-accordion ul li > a span{
}
.st-accordion{
    width:100%;
    min-width:270px;
    margin: 0 auto;
	font-size: 1.15em;
}
.st-accordion ul li{
    height: 100px;
    border-bottom: 1px solid #D8D8D8;
    border-top:1px solid #fff;
    overflow: hidden;
	margin:0;
	background: url("../images/li-bullet.png") no-repeat scroll 20px 36px rgba(0, 0, 0, 0);
	padding-left: 0;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a {
    font-family: Arial, Helvetica, sans-serif;
	color: #58a4e6;
    text-shadow: 1px 1px 1px #fff;
    font-size: 1.1em;
    display: block;
	position: relative;
    line-height: 100px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
	text-decoration:none;
	text-align:left;
	padding-left: 6%;
}
.st-accordion ul li > a:hover {
	background: rgba(88,164,230,0.1);
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.4s ease-in-out;
	-o-transition:  all 0.4s ease-in-out;
	-ms-transition:  all 0.4s ease-in-out;
	transition:  all 0.4s ease-in-out;}
.st-accordion ul li > a span {
	background: transparent url(../images/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 26px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -10px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 26px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
	background: rgba(88,164,230,0.1);
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:26px;
	opacity:1;
}
.st-content {
    padding: 5px 0px 30px 0px;
}

.st-content img {
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
/*FORM*/
#booking-form { width:100% }
#booking-form td { margin: 20px 0 }
::-webkit-input-placeholder { font-family: 'Brandon', Arial, sans-serif; color: #999; font-style:italic; font-size:1.1sem; font-weight: normal }
:-moz-placeholder { font-family: 'Brandon', Arial, sans-serif; color: #999; font-style:italic; font-weight: normal; font-size:1.1em; }
::-moz-placeholder { font-family: 'Brandon', Arial, sans-serif; color: #999; font-style:italic; font-weight: normal; font-size:1.1em; }
:-ms-input-placeholder { font-family: 'Brandon', Arial, sans-serif; color: #999; font-style:italic; font-weight: normal; font-size:1.1em; }
.enquiry td:nth-of-type(2n+1) { text-align:right; }
.enquiry td:nth-of-type(1n+2) { padding-left: 40px; }
.enquiry { text-align:left; border:none; margin: 0 auto; border-collapse: collapse; border-spacing: 0; }
.enquiry { width:100%;}
.enquiry td.form-label { color: #444; width:175px; margin-right: 10px; text-align:right; vertical-align:middle; font-family: 'Brandon', Arial, sans-serif; }
.enquiry td.smaller-text { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:small; text-align:right; }
#datepicker-arrival, #datepicker-departure { width: 200px!important; }
input[type=text], textarea, #datepicker-arrival, #datepicker-departure {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 25px 8px;
  margin: 10px 1px 3px 0px;
  border: 1px solid #f5f5f5;
  color: #555;
  width: 99%;
  color: #555;
  font-size: 1em;
  font-family:Arial, Helvetica, sans-serif;
  box-sizing:border-box;
  background: #f1f1f1;
  font-weight:bold;
}
select { border-collapse:collapse; border: 1px solid #f5f5f5; background: #f1f1f1; margin: 10px 1px 3px 0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 12px 8px; color: #555; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; width: 60px; }
 
input[type=text]:focus, textarea:focus, #datepicker-arrival:focus, #datepicker-departure:focus, select:focus {
  box-shadow: 0px 0px 3px #888;
  border: 1px solid #f5f5f5;
}

select.guests {
    width: 100%;
	text-align:center;
	min-width:	50px;
}
#message {
    height: 120px;
    padding: 8px;
    width: 99%;
	margin: 10px 1px 3px 0;
}
button.send {
    background: #58A4E6;
	font-family: "Brandon",arial,sans-serif;
    border: none;
    color: #FFF;
    height: 50px;
    margin-top: 20px;
    padding: 0 8px;
	width: 100%;
	max-width: 200px;
	font-size:16px;	
}
button:hover {
    background: none repeat scroll 0 0 #4e98d7;
    color: #FFF;
	cursor:pointer; 
}
h2.message-sent { background-image: url(../images/success.png); background-repeat:no-repeat; padding-left: 40px }

/*CAPTCHA STYLES*/
/*//////////////*/

.hidden { visibility:hidden; }

.captcha
{
  width: 240px;
  margin: 0 auto;
  margin-left: -10px;
}


.refresh
{
  position:relative;
  float: right;
  margin-top: -22px;
  margin-right: 100px;
  left: -40px;
  bottom: 21px;
}


#SpamCheck { margin-left: 50px!important;padding: 20px 5px;  font-size:1em; color: #555; }

#url
{
  visibility: hidden;
  height: 1px;
  width: 1px;
  position:absolute;
}
/* Z-INDEX */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 9999; }
    .formError .formErrorArrow { z-index: 10000; }

    .ui-dialog .formError { z-index: 5000; }
    .ui-dialog .formError .formErrorContent { z-index: 5001; }
    .ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
	text-align: left;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	min-width: 160px;
	font-size: 14px;
	border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	left: -90%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -3px 0 0 -10px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 11px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}

.captcha input { text-align:center; width: 110px!important;}
.captcha-img { margin-left: 10px; margin-bottom: -5px!important; }

/*Lightbox*/
/*LIGHTBOX*/
/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media screen and (max-width: 1600px) {
	.page h1 { margin: 100% auto 0; padding: 1% 3% 1.5%; }
	.bannerVignette .page h2 { margin: 10% auto 1%; }
	.intro h2, .intro h3.home { font-size: 1.3em }
	.st-accordion ul {padding-left: 0 !important }
}
@media screen and (max-width: 1350px) {
.intro { padding-top: 6%; }
.intro h2, .intro h3.home { font-size: 1.3em; padding-top: 30px; }
}
@media screen and (max-width: 1100px) {
.intro { padding-top: 6%; }
.intro h2, .intro h3.home { font-size: 1.1em; letter-spacing: 1px; padding-top: 10px;}
}

@media screen and (max-width: 900px) {
	.intro h1.home { font-size:4em }
	.intro h2.home { font-size: 2em; letter-spacing: 1px; padding-top: 10px; text-shadow: 1px 1px #4e8abe;}
	.intro h3.home { display: none;}
	section {padding: 20px 0 }
	.st-accordion ul li > a { padding-left: 70px }
	.intro h2, .intro h3.home, .inspiration h1 { font-size: 20px  !important}
	.down, .bannerVignette { display: none !important }
	.colSpan1 { float: none !important;width: 100% !important; }
	.colSpan2 { float: none; width: 100%; }
	.rightCol { border-left: none; float: left !important }
	#banner > img { width: 100% }
}

@media screen and (max-width: 750px) {
div#slideshow, ul.bjqs, .bjqs-slide, .bjqs-slide img { min-height: 0; min-width:0; margin: 0 auto; padding: 0;}
section#quotes { padding: 50px 0 !important}
div.down { display: none; }
.intro h1.home { position: relative; top: 30px}
.intro h2.home { position: relative; top: 30px}
.section-split { float: none !important; width: 100% !important; border: none !important }
.section-split .read-more { margin-bottom: 20px !important }
.section-split .read-more { margin-bottom: 20px !important }
.page h1 { margin: 40px 0 0; padding: 1% 3% 1.5%; }
.lightbox[gallery]eft, .contact-right { float: none; padding: 0 20px 0 0; width: 100%; }
.contact-right { text-align:center;}
.container h3 { padding: 20px 0 }
.breadcrumbs { padding: 20px}
.contact-left { float: none; width: 100%; }
.contentRight { width: 80%; text-align:center; float: none; margin: 20px auto 0}
}
@media screen and (max-width: 650px) {
.col50 { float: none; width: 100%; }
.intro h2 { display: none; }
.blogPosts .contentLeft, .blogPosts .contentRight, .blogArticle .contentLeft, .blogArticle .contentRight { float: left; width: 100%; padding: 0 !important}	
.blogPost h2{ text-align: center }
.author{ margin: 10px 0; text-align: center }
.article_date { float: none; }
.blogPost img, .blogImg { display: block; float: none; margin: 0 auto 20px !important; max-width: 100% }
.intro h1.home { border-bottom: none !important; top: 69px }
}

@media screen and (max-width: 480px) {
.bjqs-slide img { margin-left: 0; overflow:hidden; }
.page h1 { position: relative; top: 50px}
footer { height: 130px !important; }
.copyright { margin-top: 20px }
.copyright small { font-size: 15px; line-height: 20px; padding: 0 20px }
.enquiry td:nth-of-type(n+2) { padding: 0 0 10px 0 }
.enquiry td { display: inline-block; padding-left: 0; width: 100%;text-align:center; }
.lightbox[gallery]eft, .contact-right { padding: 0;}
.enquiry td.form-label { margin: 0; width: 100%; text-align: center }
.intro h1.home { font-size: 3em; }
}
@media screen and (max-width: 360px){
	.logo { height: 170px; margin: -35px 0 0 -85px; width: 170px; }
	.logo img { height: 170px; width: 170px; }
	.intro h1.home {  top: 30px; }
	.intro h2.home { display: none }
}