html, body
{	padding: 0;	margin: 0;}

body
{	background:#ccc url(bglines.png) repeat ; 	font-family: 'Raleway', sans-serif;	position: relative;	-webkit-text-size-adjust: none;}

@media all and (min-width : 1400px) {
body
{width: 80%; margin: 0 10%;}
}

body *
{	text-shadow: none;}

h1, h2, h3, h4, h5, h6
{	line-height: 1.2;	margin: 20px 0 10px 0;	}

h1{padding: 23px 0px 0px 5%; color: #fff; font-size:6em;  margin: 0px;  font-weight:500; text-shadow: 2px 2px 2px #6A7F4B; font-size: 5.2em;}

h2{font-size: 1.8em;  line-height: 1.6em;  color:#6A7F4B; padding: 32px 5% 12px 5%;   margin:0;  font-weight: 400; }

h3{	font-size: 1.4em; line-height: 1.6em; padding:  0 5% 0 5%; font-weight: 100; color: #607444;}

h4{	font-size: 1em; padding: 0 0 0 10%; color: #009; font-weight: 100;}

p
{ font-size: 1.08em;
  padding: 2px 30px 12px 5%;   margin:0px;
  font-weight: normal; color: #5E892F; line-height: 1.8em}



@media only screen and (max-width: 480px) { 
 h1 {font-size: 3.1em;  padding: 4px 0% 0 2%; }	

 h2 {font-size: 1.4em; padding:  40px 10% 0 3% !important; }
 
 h3 {font-size: 1.25em; padding:  0 10% 0 3% !important; font-weight: 100; color:#5E892F;}
 
 p{ padding:0 10% 0 3%; font-size: 1.1em; }
}


#hold1 ul li,
#con2 ul li {
	line-height: 2rem;
	 color: #607444  !important;
	 padding: 23px 32px 0 12px;
	 	list-style-type: disc;
		font-size: 1.32em;
} 


img {margin: 0 0px 0 0; max-width: 100%; height: auto;}

.big {color:#002395;  font-size:.9em; opacity:.9; line-height: 1em; padding:0; }
.red {color:#ED2939;  font-size:.8em; opacity:.5; line-height: .8em; font-family: 'Open Sans', sans-serif; border-bottom: 60px solid;
 padding: 0 0 23px 0; text-shadow: 0 0 0;}
.quote {background: transparent url(quote.png) no-repeat 4% 50%;}


@media only screen and (max-width: 480px) {	 
.big{  font-size:1.2em; opacity:.9; line-height: .8em;}
.red {color:#ED2939;  font-size:.8em; opacity:.5; line-height: .8em; font-family: 'Open Sans', sans-serif; border-bottom:0; padding: 0 0 23px 0; text-shadow: 0;}
 }
 
.sml {font-size: .5em; padding: 0 0 0 290px; }


a, a:link, 
a:active, 
a:visited, 
a:hover
{
	color: orangered; 
    text-decoration: none; 
    outline:none;}

a {outline: none;}

a:hover{color: #039; border-bottom: 0px dotted #f00;text-decoration: none; outline:none; opacity: .8;}


ul li {	
list-style-type: none;	
margin: 0px;	
padding: 0px; 
color: #fff;} 


button {
	background: #ffb;
	padding: 12px 20px;
	font-size: 1.6em;
	border-radius: 9px;
	margin: 6px 0px 12px 10%;
	border: 6px solid #cee8a7;
}

button a {color: #5A862B !important;}

button:hover {background: yellow;
	border: 6px solid #82b749;
}

button:active {background: #82b749 !important; color: white !important; }

button:active a {color: white  !important;}

/* menu stuff g'wan 'ere*/
nav:not(.mm-menu)
{display: none;}

#contain 
{height: auto; width: auto;
 box-shadow: 0px 0px 60px rgba(23, 23, 23, 0.4); background: #fff;
}

#menu p{color: #ffc; padding: 20px; font-size: 1em; background: transparent; font-weight: normal;}
#menu h3 {font-size: 1.2em;}


.header
{	background: #5E892F;
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%; 
	top: 0;
	height: 46px; 
	padding: 0 50px; 
	position: fixed; 
	opacity: .8;}
	
	@media all and (min-width : 1400px) {
	.header {width: 80%; margin: 0 10%;}
}

	
	.header2
{	background: #000;
	font-weight: normal;
	width: 100%; top: 0;
	height: 50px; opacity: .9;
	padding: 7px 0 0 0; position: fixed;}
	
	
	.header a
{	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;	width: 40px; height: 40px; position: absolute;	top: 5px;	left: 12px; }
	
	@media only screen and (min-width: 480px) 
{ 		.header {width: 10%; background: transparent;}
		.header2 {display: none;}
			.header FixedTop {display: none}


.header a {display: none;}
}
	
.header.fixed{ position: fixed; top: 0; left: 0; }


/* for desktop yada */
#nav {
	width: 100%; 
	z-index: 100;
background: #5a862b; 
position: fixed; 
opacity:1; 
border-bottom: 2px solid #FFFAF0; }

@media all and (min-width : 1400px) {#nav {width: 80%;}}

#nav a {border: 0;  color: #fff; padding: 0 6px;}
#nav a:hover {background: #84BA34;  padding: 54px 6px 5px 6px;  border-top: 3px solid #fff; border-bottom: 5px solid #fff; color: #fff; opacity: .9;}

#nav a:active {background: #1A39A0;  padding: 54px 6px 5px 6px;  border-top: 22px solid #fff; border-bottom: 22px solid #1A39A0; color: #fff;  } 

@media only screen and (max-width: 480px) 
{ #nav {display: none;}
}

#nav h3 {padding: 0px; font-weight: normal; font-size: 1.08em; color: #aaa; line-height: 18px;}

@media only screen and (min-width: 768px) {
#nav h3 {padding: 15px 0 0 90px; }	}


@media only screen and (max-width: 768px) {
#nav h3 { font-size: .85em; }	}

@media only screen and (max-width: 668px) {
#nav h3 { font-size: .8em; padding: 15px 0 0 125px; }	}


/*==========contented */

#hold {width: 100%; height: auto; background: transparent; float:left; padding: 0;}

#con, #con2, #con3, #con4, #con5, #con6, #con7 
{width: 40%; height: auto; background: transparent; float:left; padding: 0 5%;}

@media only screen and (max-width: 480px) {
#con, #con2, #con3, #con4, #con5, #con6, #con7
{width: 100%; height: auto; background: transparent; float:left; padding: 0 5%;}
}


#intro {background: #78A92F  url(intro.jpg) repeat; height: auto;  padding-top: 12px;  padding: 120px 0 10px 20px; } 

@media only screen and (max-width: 480px) 
{
#intro {
	line-height: 1.6em; margin:0;
	} 
}

#hold1 {background: #fffaf0; width: 100%; height: auto;  float:left; padding: 10px 0 0 0;}

#first { height: auto; padding-top: 0px; padding-bottom: 0px;}

#hold2 {background: #FFEEEE; width: 100%; height: auto;  float:left; padding: 10px 0 0 0;}

#second { height: auto;}

#hold3 {background: #FFDDEE; width: 100%; height: auto;  float:left; padding: 0;}

#third { height: auto;  padding-top: 20px;padding-bottom: 10px; background: #FFDDEE;  }

#holdb {background: #E1E5DC; width: 100%; height: auto;  float:left; padding: 0;}	

#bookings {margin: 0; height: auto; width: 100%; background: #E1E5DC; padding: 50px 0 0 0;}
	
#four{ height: auto;  padding-top: 20px;padding-bottom: 10px;  background: #eee; width: 100%;} 

.footer
{	background: #84BA34; position: fixed;
	font-weight: normal;	width: 100%;
	height: 60px; bottom: 0; margin: 0; }
	
	@media all and (min-width : 1400px) {.footer {width: 80%;}}
	
.footer.fixed
{position: fixed; bottom: 0; left: 0;}

.footer a {color: #fff; border:0;}
.footer a:hover {color: #d00;}
.footer h3 {font-size: 1.6em; line-height: 0.4em; margin: 0; padding:30px 0 0px 10%; font-weight: normal; color: #fff;} 

@media only screen and (max-width: 480px) {
	
  .footer	{ position: relative;	font-weight: normal;	width: 100%;	height: 110px;  margin: 0; }
	
  .footer h3 {font-size: 1.2em; line-height: 2em; margin: 0; padding:0 0 0 5%; font-weight: normal; color: #84BA34; bottom: 0; margin: 0;} 
}