/* - Homepage CSS File - Greystead Rectory - */
/* - Copyright 2011-2015 Lazy Grace Ltd - */
/* - May 2015 - */

/* Common Elements */


body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background: #ffffff;
	font-family: 'Playfair Display';
	font-weight: 400;
}
img{
	margin: 0;
	padding: 0;
	border: 0;
}

/* TEXT & TABLE */
.carousel > figure:focus::before, [tabindex]:focus, a:focus, area:focus, button:focus, input:focus, object:focus, select:focus, textarea:focus{
	outline: 0px;
}
p {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 0.9em;
	color: #000000;
	line-height: 1.5em;
	font-weight: 400;
}
	p.error{
		color: #FF0000;
		font-weight: bold;
	}
	p.red, p.alert, #content #right p.red, #content #content_area p.alert, p.alert_msg {
		background: url("../images/iconAlert.png") no-repeat scroll 5px 10px #F4EFE6;
		border: 1px solid #FF0000;
		clear: both;
		color: #FF0000;
		display: block;
		font-family: 'Open Sans',Arial,Helvetica,sans-serif;
		font-size: 12px;
		line-height: 40px !important;
		margin: 0px 0 15px;
		min-height: 40px !important;
		padding: 0 0 0 30px !important;
		text-align: left;
		width: auto;
	}
	
	p.red a, p.alert a, #content #right p.red a, #content #content_area p.alert a {
		color:#FF0000;		
	}

	p.msg,p.orange, #content #right p.msg, #content #content_area p.orange, .main .contentPanel #tabLayout .ui-tabs-panel p.orange{
		margin: 5px 0;
		padding: 0 0 0 30px !important;
		width: auto;
		min-height: 40px !important;
		line-height: 40px !important;
		font-size: 12px;
		border: 1px #f39322 solid;
		color: #a56d2c;
		background: #f4efe6 url(../images/iconAlertPending.png) 5px 10px no-repeat;
		display: block;
		clear: both;
		text-align: left;
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	}
	.notification_ok, p.green_msg, p.ok, p.green_alert, p.green, #content #right p.green_msg, #content #content_area p.green_alert, #content #content_area p.green, .main .contentPanel #tabLayout .ui-tabs-panel p.green{
		margin: 5px 0;
		padding: 0 0 0 30px !important;
		width: auto;
		min-height: 40px !important;
		line-height: 40px !important;
		font-size: 12px;
		border: 1px #7fba33 solid;
		color: #5a8127;
		background: #f4efe6 url(../images/iconTick.gif) 5px 10px no-repeat;
		display: block;
		clear: both;
		text-align: left;
		font-family: 'Playfair Display', Arial, Helvetica, sans-serif;
	}
	.clear{ clear: both; display: block;}
	

a {
	color:#c32032;
	text-decoration: none;
}
a:hover {
	color: #ca3a4a;
	text-decoration: none;
}
.button, .buttGen, button.buttGen, input[type="button"].buttGen, input[type="reset"].buttGen, input[type="submit"].buttGen{
	margin: 15px;
	padding: 5px 20px;
	text-align: center;
	width: auto;
	display: inline-block;
	background: #ac1727;
	border:0px;
	color: #ffffff;
	font-family: 'Playfair Display';
	line-height: 30px;
	font-weight: 100;
	text-transform: uppercase;
	font-size: .95em;
}
.button:hover, .buttGen:hover, button.buttGen:hover, input[type="button"].buttGen:hover, input[type="reset"].buttGen:hover, input[type="submit"].buttGen:hover{
	opacity: .85;
	color: #ffffff;
}
.nextStep{
	float: right;
}
.prevStep{
	float: left;
}
h1, h2.title{
	margin: 0 auto;
	clear: both;
	text-align: center;
	width: auto;
	height: auto;
	font-weight: bold;
	font-size: 2.6em;
	color: #003366;
}
h2{
	font-weight: 100;
	font-size: 1.8em;
	color: #3d3d3d;
}
p{
	font-weight: 100;
	font-size: 1em;
	color: #3d3d3d;
}
#mainWrapper{
	margin: 0px auto;
	width: 100%;
	height: 100%;
	display: block;
}
header{
	margin: 0 auto !important;
	width: 100%;
	display: block;
	background: rgba(111,111,111,.7);
	position: relative;
	left: 0;
	z-index: 1;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	text-align: center;
	z-index: 10;
	height: 100px;
}
header .container{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
}
header #top{
	max-width: 1180px;
	height: auto;
	display: block;
	margin: 0;
	position: absolute;
	text-align: right;
	padding: 0;
	top: 0px;
	right: 0;
	font-size: 1.35em;
}

header #top a{
	margin: 0 5px;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 40px;
	display: inline-block;
	color: #F6E8C6;
	font-size: .8em;
	text-align: left;
}
header #top .fa{
	margin: 0 5px 0 0;
	color: #F6E8C6;
	font-size: 1.1em;
}
header #top #tel, header #top #email{
	font-weight: 200;
}

header #top a:hover{
	color: #ed1b2e;
}
header #logo{
	margin: 0;
	height: 61px;
	width: 267px;
	display: block;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -133.5px;
}


header #tel, header #email{
	margin: 0;
	padding: 0 10px;
	display: block;
	width: auto;
	color: #ffffff;
	line-height: 28px;
	font-size: 1.4em;
	position: absolute;
	right: 0px;
	display: none;
}
header #tel{
	right: 25px;
}
header #email span,header #tel span{
	display: none;
}
header #email .fa,header #tel .fa{
	margin-right: 5px;
}
	
header nav{
	max-width: 1180px;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
	clear: both;
	height: 105px;
}
header nav ul.menu{
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	position: relative;
	max-height: 105px;
	width: 100%;
	text-align: center;
}
header nav ul.menu li{
	margin: 0;
	padding: 0;
	display: inline-block;
	height: 105px;
	font-size: 1.1em;
	text-transform: uppercase;
	width: auto;
	text-align: center;
	font-weight: 400;
}
header nav ul.menu li.blank{
	width: 317px;
}
header nav ul.menu li:last-child{
	border-right: 0px #cccccc solid;;
}
header nav ul.menu li a{
	margin: 0 15px;
	padding: 37.5px 0px;
	color: #ffffff;
	display: block;
	line-height: 30px;
	width: auto;
	height: 30px;
}
header nav ul.menu li a:hover{
	border-bottom: 2px #b1b1b1 solid;
}
header nav ul.menu li.active a{
	border-bottom: 2px #b1b1b1 solid;
}

.main{
	margin: 0 auto;
	background: #ffffff;
	position: relative;
	z-index: 1;
	clear: both;
}
hr{
	margin: 20px 0;
	padding: 0;
	width: auto;
	height: 17px;
	background: url(../images/bgHr.png) top center no-repeat;
	color: transparent;
	border: 0px;
}

.topNav{
	clear: both;
	list-style: none;
	text-align: center;
	margin: 0 auto;
}
.topNav li{

	display: inline-block;
}

.topNavAltHolder{
	margin: 0 auto;
	background: url(../images/bgNoise90.png) 0 0 repeat;
	position: relative;
	z-index:2;
	height: 50px;
	overflow: hidden;
}
.topNavAlt{
	clear: both;
	list-style: none;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index:2;
	height: 50px;
	overflow: hidden;
}
.topNavAlt li{
	text-align: center;
	border-right: 1px #c1c1c1 solid !important;
	padding: 0;
	margin: 0;
	display: block;
}
.topNavAlt li:first-child{
	border-left: 1px #c1c1c1 solid !important;
}
.topNavAlt li a{
	margin: 0;
	display: block;
	text-transform: uppercase;
	color: #6b6b6b;
	padding: 16px;
	line-height: 1.2em;
	text-align: center;
	font-size: 0.9em;
	font-weight: 600;
	height: 50px;
}
.topNavAlt li a:hover{
	background: rgba(199,199,199,.50);
}
.topNavAlt li.active a{
	background: rgba(107,107,107,.95);
	color: #ffffff;
}


/* //////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////// */

#.main .contentPanel{
	position: relative;
	z-index: 2;
	overflow: hidden;
	text-align: center;
	
	/*border: 0px;*/
}
.leftSideLayout{
	margin-top: 20px;
}
/* .main .contentPanel h1{
	text-align: left;
	line-height: 50px;
	font-size: 1.6em;
	font-weight: 100;
	color: #343838;
	text-transform: uppercase;
	position: relative;
	padding-left: 20px;
} */
.main .contentPanel h1{
	margin: 0 auto;
	clear: both;
	text-align: center;
	color: #686868;
	text-transform: uppercase;
 	font-size: 28px;
 	font-weight: 300;
  	border-bottom: 1px solid #b3b3b3;
  	padding-bottom: 15px;
}
.main .contentPanel h2{
	padding: 10px 20px 10px 20px;
	margin: 0;
	line-height: 28px;
	font-size: 18px;
}
.main .contentPanel h4.lightGrey{
	margin: 0 5px;
	padding: 0;
	line-height: 1.5em;
	border-bottom: 1px #e6e7e7 solid;
	font-size: 1.1em;
	color: #a7a8a8;
	text-transform: uppercase;
	font-weight: 100;
}
.main .contentPanel h2.titleProduct{
	display: block;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #073776;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 10px;
	line-height: 2em;
	font-size: 1em;
	height: auto;
	font-weight: bold;
	margin: 10px 0 1px 0;
}
.main .contentPanel h3, .main .contentPanel h4, .main .contentPanel h5, .main .contentPanel h6{
	padding: 0px 20px 0 20px;
	margin: 0;
}
.main .contentPanel p{
	padding: 10px 20px 10px 20px;
	font-size: 15px;
	line-height: 25px;
}
.main .contentPanel p .graphic{
	margin: 10px;
}
.main .contentPanel .buttTripadvisor, .main .contentPanel .buttBook {
	background-color: rgba(111,111,111,.7);
	color: #ffffff;
	padding: 10px 35px;
	margin: 10px;
	text-transform: uppercase;
}
.main .contentPanel .buttTripadvisor:hover, .main .contentPanel .buttBook:hover {
	background-color: rgba(111,111,111,.5);
}
.main .contentPanel .buttReviews {
	background-color: rgba(111,111,111,.7);
	color: #ffffff;
	padding: 10px 35px;
	margin: 10px;
	text-transform: uppercase;
}
.main .contentPanel .buttReviews:hover {
	background-color: rgba(111,111,111,.5);
}
.filesHolder{
	background: #e9e9e9;
	padding: 20px;
	text-align: center;
}
.filesHolder h3{
	text-align: center;
	font-weight: 100;
	border-bottom: 1px #999999 dotted;
	font-size: 1.7em;
	width: auto;
	display: inline-block;
	margin: 0 auto 20px auto;
	padding: 5px;
}
ul.files{
	list-style: none;
	columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	text-align: center;
	clear: both;
	display: block;
}
ul.files li{
	padding: 0;
	margin: 0 10px 10px 10px;
	list-style: none;
	columns: 1;
	  -webkit-columns: 1;
	  -moz-columns: 1;
	display: inline-block;
}
ul.files li a{
	padding: 10px;
	margin: 0;
	display: block;
	background: #ac1727;
	color: #ffffff;
	text-transform:uppercase;
}
ul.files li a:hover{
	opacity: .7;
}
ul.files li .iconFile{
	padding: 0 10px 0 0;
	display: none;
}
.main .contentPanel h2.galleryTitle{
	border-bottom: 1px #9e9175 solid;
	font-size: 1.3em;
	padding: 0;
	margin: 0 18px;
}
.main .contentPanel ul#gallery{
	margin: 10px;
	padding: 0;
	list-style: none;
}
.main .contentPanel ul#gallery li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.main .contentPanel ul#gallery li img{
	margin: 0;
	padding: 0;
	border: 1px #443B25 solid;
}

#googleMap{
	height: 300px;
	width: auto;
	display: block;
	margin: 0;
}
#ajax-contact-form{
	margin-bottom: 20px;
	margin-left: 20px;
	background: #f9f9f9;
	padding: 20px;
	margin-top: 30px;
}
#ajax-contact-form input, #ajax-contact-form textarea{
	background: #ffffff;
	border: 1px #c0c0c0 solid;
	color: #c0c0c0;
}

#ajax-contact-form textarea{
	height: 100px;
}
#ajax-contact-form input::-webkit-input-placeholder, #ajax-contact-form textarea::-webkit-input-placeholder,
#ajax-contact-form input::-moz-placeholder, #ajax-contact-form textarea::-moz-placeholder,
#ajax-contact-form input:-moz-placeholder, #ajax-contact-form textarea:-moz-placeholder ,
#ajax-contact-form input:-ms-input-placeholder, #ajax-contact-form textarea:-ms-input-placeholder
 {
    color: #343838 !important;
    opacity: 1 !important; /* for chrome */
}

#ajax-contact-form .btn_type8{
	background: #6a6c71;
	border: 0px;
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
	font-size: .9em;
	line-height: 2.2em;
	padding: 0 30px;
	border-bottom: 3px #404245 solid;
	clear: both;
}


.main .contentPanel .carouselCont{
	background: #443b25;
	padding: 0;
}
.main .contentPanel .carousel{
	max-height: 500px;
	height: auto;
	margin: 0 auto;
	max-width: 1170px;
	width: auto;
	overflow: hidden;
}
.main .contentPanel .carousel > ol{
	bottom: 3%;
	top: auto;
}
.main .contentPanel .carousel > ol li{
	border-radius: 1em;
	border: 0px;
	height: .8em;
	width: .8em;
	background: #ffffff;
}
.main .contentPanel .carousel > ol li.active{
	background: #75baff;
}
.main .contentPanel .carousel .genericon{
	font-size: 2em;
}
.main .contentPanel .carousel figure{
	background-size: 100% auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
}
.main .contentPanel .carousel figure img{
	height: auto;
	position: relative;
}
.main .contentPanel .carousel figure figcaption{
	display: block;
	top: 20%;
	right: 5%;
	position: absolute !important;
	background: #ffffff;
	border-top: 5px #75baff solid;
	width: auto;
	max-width: 30%;
}
.main .contentPanel .carousel figure figcaption h3{
	color: #003366;
	font-size:  1.8em;
	padding: 0 10px;
	margin: 0;
	line-height: 50px;
	font-weight: 500;
}
.main .contentPanel .carousel figure figcaption p{
	padding: 0 10px 10px 10px;
	color: #3d3d3d;
	font-weight: 100;
	font-size: 1em;
}
.main .contentPanel .carousel figure figcaption p.blue{
	color: #75baff;
}

.main .contentPanel #googleMap{
	height: 300px;
	width: auto;
	margin: 0;
	padding: 0;
}

.fullPanel{
	border: 0px;
	padding: 0;
}
.main .fullPanel{
	margin: 0;
	z-index: 2;
	position: relative;
	background: #ffffff;
}
.main .fullPanel h1,.main .fullPanel h2,.main .fullPanel h3,.main .fullPanel h4,.main .fullPanel h5,.main .fullPanel h6,.main .fullPanel p{
	margin: 0px auto;
	padding: 5px 0;
	max-width: 1070px;
	width: 100%;
	color: #404245;
	font-weight: 100;
}
.main .fullPanel h2,.main .fullPanel h4,.main .fullPanel h5,.main .fullPanel h6,.main .fullPanel p{
	padding: 15px 0;
}
.main .fullPanel p{
	padding: 30px 0 15px 0;
	font-size: .95em;
}
.main .fullPanel h4.titleCat{ margin: 10px auto; text-align: center; color: #7c7c7c; font-size: 1.4em; font-weight: 100; line-height: 2em; font-style: italic; border-top: 1px #cdcdcd solid; border-bottom: 1px #cdcdcd solid;}
.main .fullPanel .homepage{
	margin: 0;
	z-index: 2;
	position: relative;
	background: rgba(123,123,123,.72);
}
.main .fullPanel .homepage h1,.main .fullPanel .homepage h2,.main .fullPanel .homepage h3,.main .fullPanel .homepage h4,.main .fullPanel .homepage h5,.main .fullPanel  .homepage h6,.main .fullPanel .homepage p{
	margin: 0px auto;
	padding: 20px 0;
	max-width: 1070px;
	width: 100%;
	color: #ffffff;
	font-weight: 100;
}
.main .fullPanel .homepage h2,.main .fullPanel .homepage h4,.main .fullPanel .homepage h5,.main .fullPanel .homepage h6,.main .fullPanel .homepage p{
	padding: 15px 0;
}
.main .fullPanel .homepage p{
	padding: 15px 0 15px 0;
	font-size: .95em;
}
.main .fullPanel .homepage{
	padding: 0 0 20px 0;
	margin: 0;
}


.carousel{
	margin: 0;
	z-index: 1;
	position: relative;
}
.carousel > figure > figcaption {
	text-align: center;
}
.whiteNoise{
	background: url(../images/bgWhite.png) 0 0 repeat;
	clear: both;
	min-height: 200px;
	text-align: center;
}
.whiteNoise .cottagePreview{
	padding: 10px 10px 30px 10px;
	display: inline-block;
	float: none;
}
.whiteNoise .cottagePreview h4{
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: 1.7em;
	color: #7e7e7e;
	border-bottom: 1px #7e7e7e solid;
	font-weight: 400;
}
.whiteNoise .cottagePreview h4 a{
	color: #7e7e7e;
}
.whiteNoise .cottagePreview em{
	display: block;
	padding: 10px 0;
	font-style: normal;
	text-align: center;
	color: #888888;
	line-height: 2em;
}
.whiteNoise .cottagePreview .thumbHolder img{
	border: 1px #c1c1c1 solid;
}
.whiteNoise .cottagePreview .features{
	font-style: none;
	padding: 0;
	margin: 10px 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.1em;
	line-height: 2em;
	font-weight: 400;
	list-style: none;
	border-top: 1px #7e7e7e solid;
	border-bottom: 1px #7e7e7e solid;
}
.whiteNoise .cottagePreview .features li{
	border-top: 1px #dddddd solid;
	padding: 0;
	margin: 0;
	color: #888888;
}
.whiteNoise .cottagePreview .features li:first-child{
	border-top: 0px #dddddd solid;
}

.whiteNoise .cottagePreview .features li:last-child{
	border-bottom: 0px #dddddd solid;
}

.whiteNoise .cottagePreview a.info {
	color: #ffffff; 
	background: #ac1727; 
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: .7em;
	margin: 5px;
}
.whiteNoise .cottagePreview a.info:hover {
	color: #ffffff; 
	opacity: .8;
}

.whiteNoise .cottagePreview a.buttTripadvisor {
	color: #ffffff; 
	background: #5a9643; 
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: .7em;
    margin-left: 10px;
}
.whiteNoise .cottagePreview a.buttTripadvisor:hover {
	background: #457d2f; 
}

.whiteNoise .cottagePreview a.buttBook {
	background-color: rgba(111,111,111,.7);
	color: #ffffff;
	padding: 5px 10px;
	margin: 5px;
	text-transform: uppercase;
	font-size: .7em;
}
.whiteNoise .cottagePreview a.buttBook:hover {
	background-color: rgba(111,111,111,.5);
}
.whiteNoise .cottagePreview a.buttReviews {
	background-color: rgba(111,111,111,.7);
	color: #ffffff;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: .7em;
	margin: 5px;
    display: inline-block;
}
.whiteNoise .cottagePreview a.buttReviews:hover {
	background-color: rgba(111,111,111,.5);
}
.whiteFull{
	background: #ffffff;
	clear: both;
	min-height: 200px;
}
.whiteFull .review{
	padding: 40px 10px;
	text-align: center;
	font-size: 1.8em;
	font-style: italic;
	color: #706f6f;
	font-family: 'Playfair Display';
	position: relative;
}
.whiteFull .review p{
	color: #706f6f;
	width: 90%;
	margin: 10px auto;
	display: inline-block;
	font-size: .7em;
}
.whiteFull .review span{
	display: block;
	position: absolute;
	color: #f3f3f3;
	font-style: normal;
	margin: 0;
	width: 106px;
	height: 87px;
	opacity: .15;
}
.whiteFull .review span.opening{
	left: 40px;
	top: 30px;
	background: url(../images/bgOpeningQuotes.png) 0 0 no-repeat;
	background-size: 50%;
}
.whiteFull .review span.closing{
	right: 30px;
	bottom: 130px;
	background: url(../images/bgClosingQuotes.png) 0 0 no-repeat;
	background-size: 50%;
}
.whiteFull .review{
	right: 0;
	text-align: center;
	position: absolute;
	background-color: #ffffff;
}
.whiteFull .review em{
	width: 100%;
	margin: 10px 0 50px auto;
	font-style: normal;
	text-align: center;
	font-size: .5em;
	display: block;
	clear: both;
}
.whiteFull .review .buttGen{
	font-size: .5em;
	font-style: normal;
	margin-top: -20px;
}
.whiteFull .review #tripAdvisor{
	margin: 0;
	display: inline-block;
	clear: both;
}
.whiteFull #tripadvisorButt{
	margin: 0px auto 50px auto;
	display: block;
	width: auto;
	text-align: center;
}

.bgWhite{
	padding: 20px 0;
}
.bgWhite h4{
	font-size: 1.5em;
	text-align: center;
	color: #7c7c7c;
}
.bgWhite p{
	line-height: 2em;
	color: #7c7c7c;
	padding: 10px 0;
}

.bgStars{
	background: url(../images/bgStars.jpg) 0 0 no-repeat;
	background-size: cover;
	color: #858585;
	padding: 20px 0;
}
.bgStars h4{
	font-size: 1.5em;
	padding: 0px 0 10px 0;
	margin: 0;
}
.bgStars h4, .bgStars p{
	color: #c3c3c3;
}
.bgStars p{
	font-size: .95em;
	line-height: 1.8em;
	font-weight: 400;
}

/*_+_+_+_+_+_+_+_+_+_+_+CONTENT STYLES+_+_+_+_+_+_+_+_+_+_+_+_+_+*/
.main-content { 
	margin-top: 30px; 
	margin-bottom: 45px;
}
.main-content .cottagePreview { 
	text-align:	center; color: #686868;
}
.main-content .cottagePreview a {
	text-align: center; 
	color: #686868;
}
.main-content .cottagePreview a.info {
	color: #ffffff; 
	background: #ac1727; 
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: .9em;
        display: inline-block;
}
.main-content .cottagePreview a.info:hover {
	color: #ffffff; 
	opacity: .8;
}

.main-content .cottagePreview a.buttTripadvisor {
	color: #ffffff; 
	background: #5a9643; 
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: .9em;
    margin-left: 10px;
}
.main-content .cottagePreview a.buttTripadvisor:hover {
	background: #457d2f; 
}

.main-content .cottagePreview a.buttBook {
	background-color: rgba(111,111,111,.7);
	color: #ffffff;
	padding: 10px 20px;
	margin: 10px;
	text-transform: uppercase;
    display: inline-block;
}
.main-content .cottagePreview a.buttBook:hover {
	background-color: rgba(111,111,111,.5);
}
.main-content .cottagePreview a.buttReviews {
	background-color: rgba(111,111,111,.7);
	color: #ffffff;
	padding: 10px 20px;
	text-transform: uppercase;
    display: inline-block;
}
.main-content .cottagePreview a.buttReviews:hover {
	background-color: rgba(111,111,111,.5);
}
.main-content .cottagePreview h4 {
	text-transform: uppercase; 
	font-size: 28px; 
	font-weight: 300; 
	border-bottom: 1px solid; 
	padding-bottom: 15px;
}
.main-content .cottagePreview .more { 
	margin-top: 25px;
}
.main-content .cottagePreview .cottageDetails {
	overflow: hidden; 
	border-bottom: 1px solid #686868;
	padding-bottom: 20px; 
	font-size: 14px; 
}
.main-content .cottagePreview .cottageDetails p { 
	text-align: center; 
	line-height: 24px;
}
.main-content .cottagePreview .cottageDetails ul {
	padding:0;
	margin: 0; 
	list-style-type: none;
}
.main-content .cottagePreview .cottageDetails li {
	padding: 8px 0px; 
	border-bottom: 1px solid #e6e6e6; 
	text-transform: uppercase;
}
.main-content .cottagePreview .cottageDetails li .fa { 
	padding-right: 2px;
}

.activities .main {
   
	background-image: url(../images/bgWhite.png);
    background-repeat: repeat;
    background-color: inherit;
}
.activities .main .topNav {
	padding: 00px 0 20px 0 !important;
    min-height: 640px;
	height: auto;
	padding: 0;
}
.activities .main .fullPanel {
    background-color: #ffffff;
    color: #686868;
    margin-bottom: 30px;
}
.activities .main .fullPanel img {
    float: left;
}
.activities .main .fullPanel h2,
.activities .main .fullPanel h3,
.activities .main .fullPanel h4,
.activities .main .fullPanel h5,
.activities .main .fullPanel h6,
.activities .main .fullPanel p {
    color: #686868;
}
.activities .main .fullPanel h2 {
    text-transform: uppercase;
}
.activities .main .fullPanel h3 {
    font-size: 18px;
    line-height: 29px;
    padding: 0;
}
.activities .main .fullPanel p {
    font-size: 14px;
    line-height: 28px;
    padding-top: 15px;
}
.activities .main .fullPanel a {
	color: #ffffff; 
	background: #ac1727; 
	padding: 10px 20px;
	text-transform: uppercase;
	font-size: 1em;
}
.activities .main .fullPanel a:hover {
	opacity: .8;
}
.grantLogos {
	padding: 20px 0;
	border-top: 1px solid #e5e4e4;
}
.topNav {
}
.navTitle {
	margin: 0;
    font-size: 28px;
    line-height: 90px;
    color: #686868;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
}
.topNav .activity {
    background-color: #ffffff;
    height: auto;
    overflow: hidden;
}
.topNav .activity .description {
    padding: 20px 10px;
}
.topNav .activity .description p {
    font-size: 14px;
    line-height: 22px;
}
.topNav .activity .title {
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 20px;
}
.topNav .activity .title a {
    color: #686868;
}
.topNav .activity img {
    width: 100%;
}

/*.mainWrapper section { margin-bottom: 30px;}*/
.cottageGallery { background-color: #f8f8f8; padding: 20px; }
.cottageGallery .carousel>ol{ bottom: 20px; top: auto;}
.cottageGallery .carousel>ol li{ height: 10px; width: 10px; margin-left: 3px; background: #ffffff; border: 0px; }
.cottageGallery .carousel>ol li.active{ background: #ac1727; }
.cottageGallery .galleryHome { list-style-type:none; padding: 30px 0; overflow: hidden; margin:0;}
.cottageGallery .galleryHome .galleryImage { float:left; margin-bottom: 1%;}
.aboutCottage { margin-bottom: 30px;}
.aboutCottage ul { padding-left: 20px; font-size: 15px; line-height: 25px;}
.aboutCottage ul li {}
.aboutCottage p {padding:0;}
.cottageFacilities { background-color: #f8f8f8; margin-bottom: 0px; padding-bottom: 30px;}
.cottageFacilities #googleMap{ margin: 10px 0px; height: 350px; }
.cottageFacilities ul { padding-left: 20px; font-size: 15px; line-height: 25px;}
.cottageFacilities ul li {  }
.cottageFacilities p {padding:0;}
.cottageFacilities h2, .cottageFacilities h1, .cottageFacilities h3, .cottageFacilities h4, .cottageFacilities h5 { font-size: 24px; font-weight: 300; text-transform: uppercase;}
.aboutCottage h2, .aboutCottage h1, .aboutCottage h3, .aboutCottage h4, .aboutCottage h5  { font-size: 24px; font-weight: 300; text-transform: uppercase;}

/*_+_+_+_+_+_+_+_+_area styles_+_+_+_+_+_+_+_+*/
.area .topSubNav img { display: none;}
.area .main { background-color: #f1f1f1;}
.area .main .navTitle { display: none;}
.area .row{ margin: 0;}
.area .row.odd { background-color: #e8e8e8; text-align: right;}
.area .row.odd .activityImage { float: right;}
.area .activityPreview { padding: 25px 0px;}
.area .activityPreview h4 { text-transform: uppercase; color: #686868; font-weight: 300; font-size: 24px;}
.area .activityPreview .activityImage { padding: 25px;}
.area .activityPreview .activityDetails { padding: 0px 25px;}
.area .activityLists { padding: 25px 0px; text-align: center;}
.area .activityLists h4 { padding: 0 37px; text-transform: uppercase; color: #686868; font-weight: 300; font-size: 24px;}
.area .activityLists p { padding: 0 37px; font-size: .9em;}

.parallax{ margin: 20px auto; position: relative; clear: both; display: block; height: 400px; overflow: hidden; width: 100%; }
.parallax img{ margin:0; padding: 0; border: 0px; width: 100%; max-width: 1176px; }
.container h3{ text-align: center; color: #7c7c7c; font-size: 1.4em;}
.container h4.titleCat{ margin: 10px 0; text-align: center; color: #7c7c7c; font-size: 1.4em; font-weight: 100; line-height: 2em; font-style: italic; border-top: 1px #cdcdcd solid; border-bottom: 1px #cdcdcd solid;}

.littleListings{ margin: 0;}
.littleListings li{ padding: 0 0 20px 0;}
.littleListings h5{ margin: -5px 0 0 0 ; padding: 0;color: #000000; font-size: 1.1em; }
.littleListings h5 a{  font-size: 1.1em;  display: block; }
.littleListings h5 em{ color: #a8a8a8; display: block; font-size: .85em; font-style: normal; line-height: 1.6em; }
.littleListings p{ font-size: .85em; line-height: 1.6em; }

.artListings{ margin: 0; padding: 20px 0; text-align: center;}
.artListings li{ padding: 0 5%;}
.artListings h5{ margin: 0; padding: 10px 0; color: #000000; font-size: 1.2em; }
.artListings h5 a{  font-size: 1.2em;  display: block; }
.artListings h5 em{ color: #a8a8a8; display: block; font-size: .85em; font-style: normal; line-height: 1.6em; }
.artListings p{ font-size: .85em; line-height: 1.6em; }

h5{ margin: 0 ; padding: 0 0 5px 0;color: #000000; font-size: .95em; }
h5 em{ color: #a8a8a8; display: block; font-size: .85em; font-style: normal; line-height: 1.6em; }



/*_+_+_+_+_+_+_+_+_+_+_+NEWS/EVENTS+_+_+_+_+_+_+_+_+_+_+_+_+_+*/
.main .fullPanel .centre{ text-align: center; padding: 10px 10px;}
.main .fullPanel .eventsContainer { text-align: center; }
.main .fullPanel .eventsContainer p{ font-size: 1.1em; }
.main .fullPanel .eventsContainer h2{ font-size: 2.8em; font-style: italic; }
.main .fullPanel .eventsContainer .fullCatList {  font-size: .85em; list-style: none; margin: 10px 0; padding: 10px 0; }
.main .fullPanel .eventsContainer .fullCatList li { padding: 0 2%; }
.main .fullPanel .eventsContainer .newslist { border-top: 1px rgba(111,111,111,.7) dotted;  margin: 0; list-style: none; padding: 0;  }

.main .fullPanel .eventsContainer .newslist li { padding: 10px 0; }
.main .fullPanel .eventsContainer .newslist li:last-child { border-bottom: 0px rgba(111,111,111,.7) solid ; }
.main .fullPanel .eventsContainer .newslist li h4 { margin: 0; padding: 5px 0;  }
.main .fullPanel .eventsContainer .newslist li p { margin: 0; padding: 10px 0; font-size: .85em;   }
.main .fullPanel .eventsContainer .buttGen:hover { color: #ffffff; opacity:.7; }

.main .fullPanel .eventsContainer .postPageShare{ border-top:1px rgba(111,111,111,.4) dotted;  padding: 10px; font-size: 1.8em;}
.main .fullPanel .eventsContainer .postPageShare .share{ margin: 0 10px;}

.main .fullPanel .newsContainer { text-align: center; }
.main .fullPanel .newsContainer p{ font-size: 1.1em; }
.main .fullPanel .newsContainer h2{ font-size: 2.8em; font-style: italic; margin: 0px auto; }
.main .fullPanel .newsContainer .fullCatList {  font-size: .85em; list-style: none; margin: 10px 0; padding: 10px 0; }
.main .fullPanel .newsContainer .fullCatList li { padding: 0 2%; }
.main .fullPanel .newsContainer .newslist { border-top: 1px rgba(111,111,111,.7) dotted;  margin: 0; list-style: none; padding: 0;  }

.main .fullPanel .newsContainer .newslist li { padding: 20px 20px; }
.main .fullPanel .newsContainer .newslist li:last-child { border-bottom: 0px rgba(111,111,111,.7) solid ; }
.main .fullPanel .newsContainer .newslist li h4 { margin: 0 auto; padding: 5px 0;  font-size: 1.1em; }
.main .fullPanel .newsContainer .newslist li p { margin: 0 auto; padding: 10px 0; font-size: .9em;  }
.main .fullPanel .newsContainer .newslist li img { width: 90%;  }
.main .fullPanel .newsContainer .buttGen:hover { color: #ffffff; opacity:.7; }

.main .fullPanel .newsContainer .postPageShare{ border-top:1px rgba(111,111,111,.4) dotted;  padding: 10px; font-size: 1.8em;}
.main .fullPanel .newsContainer .postPageShare .share{ margin: 0 10px;}


/*_+_+_+_+_+_+_+_+_+_+_+REVIEWS+_+_+_+_+_+_+_+_+_+_+_+_+_+*/
.main .reviewsList{ margin: 0 auto; padding: 0; list-style: none;}
.main .reviewsList li{ padding: 10px 0; margin: 10px 0; text-align: center; list-style: none; border-bottom: 1px dotted #cccccc;}
.main .reviewsList li:last-child{ border-bottom:0px dotted #cccccc;}
.main .reviewsList li em{ display: block; width: auto;}
.main .textTripAdvisor{ display: block; text-align: center; margin: 30px auto; padding: 20px 0 ; border-top:1px dotted #cccccc;}
.main .buttCenter{ display: block; text-align: center; margin: 0px auto; width: 40%; }


/*_+_+_+_+_+_+_+_+_+_+_+FOOTER STYLES+_+_+_+_+_+_+_+_+_+_+_+_+_+*/

footer{
	margin: 0 auto !important;
	height: 215px;
	width: 100%;
	display: block;
	color: #ffffff;
	position: relative;
	clear: both;
	bottom: 0;
	text-align: center;
	font-size: .75em;
	background: url(../images/bgFooter.png) 0 0 repeat-x;
}
footer .container{
	margin: 0 auto;
	position: relative;
}
footer a{
	color: #ffffff;
}
footer a:hover{
	opacity: .8;
	color: #ffffff;
}
footer p#contact{
	margin: 0 auto;
	border-bottom: 1px #bdbdbd solid;
	height: 66px;
	line-height: 66px;
	font-size: 2em;
}
footer p#contact a{
	margin: 0 30px 0 0;
}
footer p#contact .fa{
	display: none;
}
footer ul#footerNav{
	text-align: center;
	list-style: none;
	padding: 25px 0;
	margin: 0;
	width: 100%;
}
footer ul#footerNav li{
	text-align: center;
	display: inline-block;
	padding: 0 18px 0 0;
	margin: 0 18px 0 0;
	border-right: 1px #bdbdbd solid;
	line-height: 18px;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 100;
}
footer ul#footerNav li:last-child{
	border-right: 0px;
}
footer em{
	text-align: left;
	display: block;
	position: absolute;
	left: 0;
	top: 135px;
	line-height: 80px;
	font-style: normal;
	text-transform:uppercase;
	font-size: 1.3em;
	font-weight: 100;
}
footer .awardDarkSkyFooter {
    text-align: right;
    display: block;
    position: absolute;
	right: 540px;
    top: 144px;
    line-height: 80px;
    font-size: 1.3em;
}
footer #lazy{
	text-align: right;
	display: block;
	position: absolute;
	right: 0;
	top: 135px;
	line-height: 80px;
	font-size: 1.3em;
}




/* Cookies */
#cookies{
	position: fixed;
	bottom: 0;
	width: 100%;
	min-height: 40px;
	height: auto;
	line-height: 40px;
	display: block;
	text-align: center;
	background: #5f5f5f;
	color: #f5f5f5;
	left: 0;
	z-index: 999;
	font-size: .7em;
}
#cookies a{
	color: #f5f5f5;
}
#cookies #butt_cookies{
	display: inline-block;
	padding: 0 10px;
	text-align: center;
	background: #7b7a7a;
	color: #ffffff;
	line-height: 30px;
	height: 30px;
	margin: 0 10px;
	text-transform: uppercase;
}
#cookies #butt_cookies:hover{
	text-decoration: none;
	opacity: .8;
}