.clr { clear: both; }
.left { float: left; }
.right { float: right; }
.center {
	text-align: center;
}
.telephone { text-align: center; }
.width-400 { width: 400px; }
.width-440 { width: 440px; }
.lower-25 {width: 440px; 
			float: left; 
			}
.lower-50 {width: 440px; 
			float: right;
			}
.padding_25 {margin-top: 25px;}
			
			
			)
.width-650 { width: 650px; }
.width-980 { float: left; width: 100%; }  
.p { color: rgb(201, 236, 244); font: normal normal normal 14px/1.4em arial, helvetica, sans-serif; }



a:active, a:focus { border: none; outline: none; }
h1 { color: rgb(154, 220, 237); font-size: 24px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
h2 { color: rgb(154, 220, 237); font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 200;}
h3 { color: rgb(154, 220, 237); font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400;}
h4 {
  font-family: 'Arial', arial, serif;
  font-weight: lighter;
  font-size: 22px;
  font-weight: 300;
  color: #ee9f2e;
  margin: 0 0 5px 0;
}
p { color: rgb(201, 236, 244); font: normal normal normal 14px/1.4em arial, helvetica, sans-serif; }
p a { color: rgb(201, 236, 244); }
Ul, ol { color: rgb(201, 236, 244); font: normal normal normal 14px/1.4em arial, helvetica, sans-serif; }
span {
	color: black;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

body { background: rgb(154, 220, 237); }

.top-line { position: absolute; width: 100%; height: 85px; background: rgb(25, 61, 83); top: 0; z-index: -1; min-width: 981px }

.wrapper { margin: 0 auto; width: 980px; }

header { position: relative; }


nav { background: rgb(27, 69, 95); border-bottom: 14px solid rgb(25, 61, 83); }
nav ul { margin: 0; padding: 0; margin-left: 10px; } 
nav ul.left {
    float:left;
}
nav ul.right {
    float:right;
}
nav ul li { display: inline-block; line-height: 65px; position:relative; }
nav ul li a { display: block; color: rgb(154, 220, 237); padding: 10px; font-size: 14px; text-decoration: none; }
nav ul li.third { margin-right: 160px; }
nav ul ul.submenu { visibility:hidden; position:absolute; top:65px; left:50%; margin-left:-90px; z-index:9999; max-width:280px; width:180px; transition:visibility 0s linear 0.5s,opacity 0.5s linear; opacity:0; }
nav ul li:hover > ul.submenu { visibility:visible;opacity:1; transition-delay:0s; }
nav ul ul.submenu li { background-color:rgba(57,93,117,0.8);width:100%; line-height:20px; }
nav ul ul.submenu li a { color:#fff;font-weight:bold; padding-left:20px; }


nav2 { background: rgb(27, 69, 95); border-bottom: 14px solid rgb(25, 61, 83); }
nav2 ul { margin: 0; padding: 0; margin-left: 10px; } 
nav2 ul li { display: inline-block; line-height: 65px; }
nav2 ul li a { display: block; color: rgb(154, 220, 237); padding: 10px; font-size: 14px; text-decoration: none; }
nav2 ul li.third { margin-right: 150px; }

/*
nav { background: rgb(27, 69, 95); border-bottom: 5px solid rgb(25, 61, 83); }
nav ul { margin: 0; padding: 0; margin-left: 10px; } 
nav ul li { display: inline-block; line-height: 30px; }
nav ul li a { display: block; color: rgb(154, 220, 237); padding: 10px; font-size: 14px; text-decoration: none; }
nav ul li.third { margin-right: 150px; }
*/


.logo { position: absolute; top: 15px; left: 367px; z-index: 600; }

#slider { width: 100%; height: 305px; position: relative; overflow: hidden; border-bottom: 14px solid rgb(25, 61, 83); }
#slider img {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	display: block;
	width: 981px;
	height: 320px;
}
#slider img:first-child { position: static; z-index: 100; }
#slider ul { margin: 0; }

#prev, #next {
	position: absolute;
	top: 690px;
	margin-top: -15px;
	width: 14px;
	height: 30px;
	z-index: 800;
	cursor: pointer;
}

#prev { left: 15px; background: url(../images/slider-arrows.png) 0 0 no-repeat; }
#next {
	right: 999px;
	background: url(../images/slider-arrows.png) 100% 0 no-repeat;
}



#SNUG_AVAIL { position:inherit;
padding-left: 20px;
width: 425px;
height: 200px;
}

#APPLE_AVAIL { position:inherit;
padding-left: 20px;
width: 425px;
height: 200px;
}



.status-default {background-color: #00FF66 !important;} 
.status-1 {background-color: #FF0000 !important;} 
.ac-calendar-container {background-color: #1B455F !important;} 
/* Calendar inner table background:
.ac-calendar-container table.ac-table {background-color: #1B455F;}
*/
/* This gives a green start and a red end changeover 1 day */
.ac-day-split-bottom-2  {background-color: #00FF66 !important; border-color: transparent transparent #FF0000 transparent !important;} 


/* This gives a start red end green changeover 2 day */
.ac-day-split-bottom-3  {background-color: #FF0000 !important; border-color: transparent transparent #00FF66 transparent !important;} 

/* This gives a full green changeover 2 day
.ac-day-split-bottom-3  {background-color: #00FF66 !important; border-color: transparent transparent #00FF66 transparent !important;}  
*/
/* .ac-day-split-bottom-3  {background-color: #00FF66 !important;} */  

/*    border-color: transparent transparent #DDFFCC transparent;*/
/*.ac-day-split-bottom-3  { color:#00FF66 background-color: #00FF66 !important;} */

#Melanie {
position: absolute;
	top: 15%;
	left: 0%;
}

#MeetMelanie {
position: absolute;
	top: 20%;
	left: 25%;
}


#Phil {
position: absolute;
	top: 15%;
	right: 30%;
}

#MeetPhil {
position: absolute;
	top: 15%;
	right: 10%;
}

#Heidi {
position: absolute;
	top: 30%;
	right: 0%;
}

#MeetHeidi {
position: absolute;
	top: 43%;
	right: 17%;
}

#Abigail {
position: absolute;
	top: 44%;
	left: 42%;
}

#MeetAbigail {
position: absolute;
	top: 48%;
	left: 23%;
}
#Fudge {
position: absolute;
	top: 56%;
	left: 10%;
}

#MeetFudge{
position: absolute;
	top: 67%;
	left: 6%;
}

#Pip {
position: absolute;
	top: 56%;
	right: 4%;
}

#MeetPippin {
position: absolute;
	top: 58%;
	right: 18%;
}

#Animals {
	position: absolute;
	top: 73%
}

#tel {
	text-align: center;
	position:absolute;
	right: 45%;
	top: 30%;
}

#social {
	text-align: center;
	position:absolute;
	right: 2%;
	bottom: 2%;
}

#imgtopright{
		text-align: center;
	position:absolute;
	right: 2%;
	top: 2%;
}

#accom_navigation{
	text-align: center;
	position:absolute;
	right: 2%;
	top: 2%;
}

#MSNUG_AVAIL { position:inherit;
top: 0px;
left: 15px;
width: 200px;
height: 175px;
}

#MSTABLES_AVAIL { position:inherit;
left: 15px;
width: 200px;
height: 175px;
}

#MAPPLE_AVAIL { position:inherit;
left: 15px;
width: 200px;
height: 175px;
}

#MBOOK { position:inherit;
padding-top: 10px;
margin: auto;
width: 110px;
height: 46px;
}
	
#RoomLayout{
	text-align: left;
	position:absolute;
	left: 500px;
	top: 15px;
	z-index:6;
	color: rgb(201, 236, 244); 
	font: normal normal normal 16px/1.4em arial, helvetica, sans-serif; 
}

article { background: rgb(27, 69, 95); padding: 35px; position: relative; }

.navigation { float: right; width: 350px; position: absolute; top: 15px; left: 550px } /* was width: 250px */
.navigation.legal-stuff { width: 330px; top: -73px; }
.navigation div { float: left; margin-right: 10px; }
.navigation div span { display: block; }
.navigation a { color: rgb(201, 236, 244); margin-top: 5px; }
.navigation svg { fill: #26363a; stroke: #c9ecf4; stroke-width: 2px; }

.social { float: right; text-align: right; }
.social .fb-like, .social .fb-follow { margin-bottom: 3px; } 

.book-arrow { text-align: center;
	position: absolute;
	top: 2%;
	left: 2%;}
	
.Availibility { text-align: center;
	position: absolute;
	top: 16%;
	right: 18%;}

.SAvailibility { text-align: center;
	position: absolute;
	top: 23%;
	right: 20%;}

.AAvailibility { text-align: center;
	position: absolute;
	top: 20%;
	right: 20%;}

.MAvailibility { text-align: center;
	position: absolute;
	bottom: 12%;
	right: 16%;}
	
.MStablesAvailibility { text-align: center;
	position: absolute;
	bottom: 47%;
	right: 9%;}

.MAppleAvailibility { text-align: center;
	position: absolute;
	bottom: 47%;
	right: 9%;}
	
.MBarleyAvailibility { text-align: center;
	position: absolute;
	bottom: 47%;
	right: 9%;}

#accom_text_right {
position: absolute;
	top: 15%;
	right: 10%;
	width: 400px;
}

.GreenGold {
	text-align: center;
	position: absolute;
	top: -175px;
	left: 826px;
	z-index: 999;
}

.GreenGold2 {
	text-align: center;
	position: absolute;
	top: 211px;
	left: 827px;
	z-index: 999;
}

.GreenGold3 {
	text-align: center;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 999;
}

.GreenGold4 {
	text-align: center;
	position: absolute;
	top: 5px;
	right: 50px;
	z-index: 999;
}

.Things { text-align: center;
	position: absolute;
	top: 1%;
	right: 2%;}

.front-title {
	text-align: center;
	position: absolute;
	top: 3px;
	left: 272px;
}
.front-title.events { left: 385px; top: 60px; }
.front-title.contacts, .front-title.legal { position: static; margin-left: -40px; }
.front-title.meet { position: static; }
.front-title.green { left: 380px; top: 60px; }
.front-title.nature { left: 380px; top: 60px; }

.title-box {
	padding: 5px 10px 5px 130px;
	background: rgb(27, 69, 95);
	color: rgb(154, 220, 237);
	box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 4px 0px;
	left: 1px!important;
	top: -285px!important;
	z-index: 500;
}

.fb-post { margin: 0 auto; width: 466px!important; display: block!important; }

.accommodation-list { list-style: none; }
.accommodation-list > li { float: left; margin-right: 35px; margin-bottom: 35px; color: rgb(201, 236, 244); position: relative; }
.accommodation-list > li.third { clear: both; }
.accommodation-list > li h2 { color: rgb(154, 220, 237); }
.accommodation-list ul { list-style: disc; }
.accommodation-list .click-me { position: absolute; left: 110px; top: 190px; color: rgb(201, 236, 244); text-decoration: none; }
.accommodation-list .click-me.second { top: 172px; color: rgb(201, 236, 244); text-decoration: none;  }text-decoration: none; }

.activities { list-style: none; padding: 0; margin-top: 35px; }
.activities li { color: rgb(201, 236, 244); margin-bottom: 35px; display: inline-block; float: left; text-align: center; margin-right: 15px; }
.activities li .title { color: rgb(154, 220, 237); margin-bottom: 5px; }

.other-activities li { margin-bottom: 10px; }

#map_canvas { height: 400px; width: 100%; }

.team { position: relative; left: -30px; }

.mates { list-style: none; margin-top: 35px; }
.mates li { float: left; color: rgb(201, 236, 244); margin-right: 20px; margin-bottom: 20px; width: 150px; }
.mates li.last { clear: both; }

.mates2 { list-style: none; margin-top: 35px; }
.mates2 li { float: left; color: rgb(201, 236, 244); margin-right: 10px; margin-bottom: 20px; width: 150px; }
.mates2 li.last { clear: both; }

#MatesContainer { width: 100%; height: 3800px; position: relative; top: -500px; overflow: hidden; }


.green-credentials { list-style: none; padding: 0; margin-top: 35px; }
.green-credentials li { color: rgb(201, 236, 244); clear: both; margin-bottom: 35px; display: block; }
.green-credentials li .title { color: rgb(154, 220, 237); margin-bottom: 20px; font-size: 20px; }
.green-credentials li img { float: left; margin-right: 35px; }

.green-credentials.half-width li { width: 440px; float: left; margin-right: 15px; clear: none; }

footer { background: rgb(25, 61, 83); height: 90px;min-width: 981px}
footer .right a, footer .right span { color: #fff; padding-top: 23px; display: inline-block; }
footer span { margin-right: 25px; }
footer .right { padding-right: 35px; }
footer .left a { margin-right: 55px; }




#MapAppleloft {
position: absolute;
	top: 39%;
	left: 48%;
}

#MapSnuggledown {
position: absolute;
	top: 67%;
	left: 47%;
}

#MapDeer {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapStables {
position: absolute;
	top: 116%;
	left: 49%;
}

#MapSRCWillow {
position: absolute;
	top: 40%;
	left: 56%;
}

#MapDucks {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapNationalTrust {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapBadgers {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapChickens {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapGoats {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapOldRed {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapBoating {
position: absolute;
	top: 116%;
	left: 54%;
}

#MapWoods {
position: absolute;
	top: 116%;
	left: 54%;
}
#comments {
    display:table;
    margin:0;
    padding:0;
}
#comments li {
    display:table-cell;
    max-width:300px;
    padding-left:40px;
    padding-right:5px;
	background-image:url("../images/speechmark.png");
    background-position:0 0;
    background-repeat:no-repeat;
    position:relative;
}
#comments li:after {
    content:"";
    width:32px;
    height:30px;
    margin:0;
    padding:0;
    display:block;
    background-image:url("../images/speechmark2.png");
    background-position:0 0;
    background-repeat:no-repeat;
    float:right;
    margin-top:-45px;
}
#comments li p {
    font-size:12px;
    line-height:1.2em;
}
.button {
  -moz-box-shadow: 0 0 5px #7f7b7d;
  -webkit-box-shadow: 0 0 5px #7f7b7d;
  box-shadow: 0 0 5px #7f7b7d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f26d00;
  background: -o-linear-gradient(bottom, #d86200 0%, #EE9F2E 94%, #ff7a0c 99%);
  background: -moz-linear-gradient(bottom, #d86200 0%, #EE9F2E 94%, #ff7a0c 99%);
  background: -webkit-linear-gradient(bottom, #d86200 0%, #EE9F2E 94%, #ff7a0c 99%);
  background: -ms-linear-gradient(bottom, #d86200 0%, #EE9F2E 94%, #ff7a0c 99%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bf5600), color-stop(0.94, #EE9F2E), color-stop(0.99, #f26d00));
  background: linear-gradient(bottom, #d86200 0%, #EE9F2E 94%, #ff7a0c 99%);
  font-weight: lighter;
  border: none;
  padding: 4px 14px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 18px;
  z-index: 1000;
  border-image: initial;
  text-decoration:none;
}
.button:hover {
  background: #9adced;
  background: -o-linear-gradient(bottom, #9adced 0%, #9AC0ED 94%, #9ACEED 99%);
  background: -moz-linear-gradient(bottom, #9adced 0%, #9AC0ED 94%, #9ACEED 99%);
  background: -webkit-linear-gradient(bottom, #9adced 0%, #9AC0ED 94%, #9ACEED 99%);
  background: -ms-linear-gradient(bottom, #9adced 0%, #9AC0ED 94%, #9ACEED 99%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #104326), color-stop(0.94, #249554), color-stop(0.99, #1a6c3d));
  background: linear-gradient(bottom, #9adced 0%, #9AC0ED 94%, #9ACEED 99%);
  cursor: pointer;
  color: #193d53;
  text-decoration:none;
}
#Comment1 {
	background: url(../images/speechmark.png) 0 0 no-repeat;
}

#Comment2 {
	background: url(../images/speechmark.png) 0 0 no-repeat;
}

#Comment3 {
	background: url(../images/speechmark.png) 0 0 no-repeat;
}

#Comment4 {
	background: url(../images/speechmark.png) 0 0 no-repeat;
}
.M-Menu{
	display: none;
}
.M-txt{
	display: none;
}