.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
 

}
.flex-container {
  display: flex;
  flex-wrap: nowrap;
  background-color: #eeeeee;
}

.flex-container > div {
  background-color: #fff;
  width: 33%;
  margin: 20px;
  text-align: center;

}
#top {margin-bottom:11px;display:block;}

 /* navigation */
#topnav {
    float: left;
    height: 81px;
    clear: none;
    width: 100%;
    min-width: 0px;
    background-color: #bababa;
    position: fixed;
	z-index:1040;
    top: 0px;
    padding: 0px;
}
#bookingbar {background: rgb(67, 107, 142) !important;}
#topnav{  }
#topnav2{display:none;}
#topnaviconwrapper{display:none;}
#topnavicon{display:none;}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}
	nav ul {
	  
	padding: 0 ;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	width:95%;height:50px;
	margin-left:auto;margin-right:auto;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
	nav ul li {
	float: right;
	display:inline;
	border:0px solid #545454;
}
	nav ul li:hover {
		background: #4b545f;
		background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
		background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	}
	

		nav ul li:hover a {
			color: #fff;
		}
	
	nav ul li a {
		display: block; padding: 25px 20px;
		color: #ffff7f; text-decoration: none;
		font-size:.9em;font-weight:bold;
	}
		nav ul li a:visited {
			color: #fff;
		}
	nav ul ul {
	background: #440000; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;max-width:200px;z-index:100;margin:-5px 0px !important;
}
	nav ul ul li {background: #5f6975; 
		 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
 width:200px;
		
	}
		nav ul ul li a {
			padding:  25px 20px;
 				border-top:1px solid #4b545f;
			color: #fff;
			margin-top:1px; 
		 
		}	
			nav ul ul li a:hover {
				background: #4b545f;
			}
			nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/* home special */
#display {
   
    height: auto;
    margin-left: 0%;
    clear: none;
    width: 100%; 
	display:block;
	overflow:none;
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 716px;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}
#displaysm {display:none;}
#rope {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 2.396557%;
    margin-top: 22px;
    clear: none;
    color: rgb(0, 0, 0);
}

.themooringlodge-text {
    float: left;
    font-size: 6em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.97915351%;
    margin-top: 22px;
    clear: none;
    min-height: 0px;font-family: 'Cinzel Decorative', cursive;color: rgb(255, 255, 255);
    text-shadow: rgb(37, 36, 36) 0px 3px 3px;
}
 
	.nextline {display:block;
		 
		    position:absolute;
	 
 z-index:1020;
   
     left:75px;
   top:270%;
    font-size: 2em;
    width: auto;
    height:100%;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    min-height: 0px; color: rgb(255, 255, 255);
    text-shadow: rgb(37, 36, 36) 0px 3px 3px; }
	


   .cb-slideshow,
.cb-slideshow:after { 
 
    width: 100%;
    height: 100%;
  
	 list-style: none;
}
.cb-slideshow:after { 
    content: '';
     
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
   -webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 36s linear infinite 0s;
-moz-animation: imageAnimation 36s linear infinite 0s;
-o-animation: imageAnimation 36s linear infinite 0s;
-ms-animation: imageAnimation 36s linear infinite 0s;
animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow ul {
    list-style: none; /* Remove list bullets */}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
   -webkit-animation: titleAnimation 36s linear infinite 0s;
-moz-animation: titleAnimation 36s linear infinite 0s;
-o-animation: titleAnimation 36s linear infinite 0s;
-ms-animation: titleAnimation 36s linear infinite 0s;
animation: titleAnimation 36s linear infinite 0s; 
		 border-bottom: 0px solid rgb(67, 107, 142);

}
.cb-slideshow li div h3 { 
    font-family: Arial, sans-serif;
    font-size: 2em;
    padding: 0;
    line-height: 2em; 
	
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/5.jpg) 
	
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/1.jpg);
 -webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/2.jpg);
  -webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/3.jpg);
    -webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/4.jpg);
   -webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../images/6.jpg);
   -webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s; 
}

.cb-slideshow li:nth-child(2) div { 
  -webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div { 
  -webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div { 
   -webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div { 
  -webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) div { 
   -webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
0% { opacity: 0;
-webkit-animation-timing-function: ease-in; }
8% { opacity: 1;
-webkit-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
0% { opacity: 0;
-moz-animation-timing-function: ease-in; }
8% { opacity: 1;
-moz-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
0% { opacity: 0;
-o-animation-timing-function: ease-in; }
8% { opacity: 1;
-o-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
0% { opacity: 0;
-ms-animation-timing-function: ease-in; }
8% { opacity: 1;
-ms-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}
@keyframes imageAnimation { 
0% { opacity: 0;
animation-timing-function: ease-in; }
8% { opacity: 1;
animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
0% { opacity: 0 }
8% { opacity: 1 }
17% { opacity: 1 }
19% { opacity: 0 }
100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
0% { opacity: 0 }
8% { opacity: 1 }
17% { opacity: 1 }
19% { opacity: 0 }
100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
0% { opacity: 0 }
8% { opacity: 1 }
17% { opacity: 1 }
19% { opacity: 0 }
100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
0% { opacity: 0 }
8% { opacity: 1 }
17% { opacity: 1 }
19% { opacity: 0 }
100% { opacity: 0 }
}
@keyframes titleAnimation { 
0% { opacity: 0 }
8% { opacity: 1 }
17% { opacity: 1 }
19% { opacity: 0 }
100% { opacity: 0 }
}
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}
#Span1 {
    float: none;
    font-size: 1em;
    line-height: 1em;
    letter-spacing: 0em;
}

#m-up1 {
    float: none;
    font-size: 1.4em;
    line-height: 1em;
}

#l-up1 {
    float: none;
    font-size: 1.4em;
    line-height: 1em;
}

#spacer-wide {
 
    height: 60px;
    margin: 0px 0px 0px 0%;
    clear: none;
    width: 100%;
    min-width: 0px;
    
}
#homecontent {background-color:#bababa;}
#tri-box-wrapper {
padding-top:50px;
    height: auto;
    margin-left: 0%;
    margin-top: 100px;
    clear: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
	border-top:0px solid #fff000;
}

#left-box {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 33%;
    padding: 20px 40px 40px;
    background-color: rgb(255, 255, 255);
 
}

#center-box {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 33%;
    margin-right: 0%;
    padding: 20px 40px 40px;
    background-color: rgb(255, 255, 255);
 
}

#right-box {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 33%;
    margin-right: 0%;
    padding: 20px 40px 40px;
    background-color: rgb(255, 255, 255);
 
}
#right-boxB {
    float: right;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 50%;
    margin-right: 0%;
    padding: 20px 40px 40px;
    background-color: rgb(255, 255, 255);
	border:1px solid #ffffee;
	border-radius:5px;
}

#siteinfo {
    float: left;
    height: 81px;
    clear: both;
    width: 100%;
    min-width: 0px;
    background-color: rgb(67, 107, 142);
    position: fixed;
    top: auto;
    left: 0%;
    bottom: 0px;
}

#headline {
    float: left;
    font-size: 1.4em;
    width: 93.027973%;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    margin: 0px;
    clear: none;
    min-height: 27px;font-family: 'Open Sans', sans-serif;color: rgb(38, 61, 81);
}

#headline1 {
    float: left;
    font-size: 1.4em;
    width: 93.027974%;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    margin-left: 0.64649708%;
    margin-top: 7px;
    clear: none;
    min-height: 27px;font-family: 'Open Sans', sans-serif;color: rgb(38, 61, 81);
    margin-right: 0%;
}

#headline2 {
    float: left;
    font-size: 1.4em;
    width: 93.027974%;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    margin-left: 0.33381222%;
    margin-top: 7px;
    clear: none;
    min-height: 27px;font-family: 'Open Sans', sans-serif;color: rgb(38, 61, 81);
    margin-right: 0%;
}

#box-text {
    float: left;
    font-size: 1em;
    width: 93.027691%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    min-height: 214px;font-family: 'Open Sans', sans-serif;color: rgb(53, 53, 53);
}

#Image {
     
    width: 93%;
    max-width: 100%;
    height: auto;
    margin: 6px 0px 0px 0%;
    clear: both;
    color: rgb(0, 0, 0);
}

#Image1 {
     
    width: 93%;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 6px;
    clear: both;
    color: rgb(0, 0, 0);
}
#Image2 {
     
    width: 93%;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 6px;
	margin-bottom: 26px;
    clear: both;
    color: rgb(0, 0, 0);
}
.largenormal {font-size:120%;}

#box-text2 {
    float: left;
    font-size: 1em;
    width: 99.670413%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.32958675%;
    margin-top: 6px;
    clear: both;
    min-height: 74px;
}

#photobox {width:100%;display:block;clear:both;}
.roomphotos {    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 10px 1%;
    clear: none;
    color: #000;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #D1D0D0;}
	.pageimage {width: auto;
    max-width: 100%;
    height: auto;
	margin:0px 0 25px 0;}
	
	#infographic {display:block;width:40%;float:left;margin-right:25px;clear:both;}
	#featuredbox {display:block;width:70%;float:right;margin-left:25px;padding:25px;border:1px solid #bebebe; border-radius:5px;}
#siteinfowrapper {
    float: left;
    height: 75px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 90%;
}

#bottom-nav-basic {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 2.063518%;
    margin-top: 18px;
    clear: none;
    min-height: 39px;
    color: rgb(255, 255, 127);
}

#copyright-contact {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 1.37693%;
    margin-top: 18px;
    clear: none;
    min-height: 39px;
    margin-right: 0%;
}

#top-of-page {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 93.864637%;
    margin-top: -75px;
    clear: both;
    color: rgb(0, 0, 0);
}

#box-text1 {
    float: left;
    font-size: 1em;
    width: 93.02769%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.64649708%;
    margin-top: 0px;
    clear: both;
    min-height: 0px;font-family: 'Open Sans', sans-serif;color: rgb(53, 53, 53);
    margin-right: 0%;
}

#image {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    margin-left: 7.864087%;
    margin-top: 11px;
    display: none;
}

#rope-header {
	display:block;
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#themooringlodge-text-header {
    float: left;
    font-size: 2em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin: 10px 0px 0px;
    clear: none;
    min-height: 0px;font-family: 'Cinzel Decorative', cursive;color: rgb(255, 255, 255);
    text-shadow: rgb(37, 36, 36) 0px 3px 3px;
}

#m-up {
    float: none;
    font-size: 1.4em;
    line-height: 1em;
}

#Span {
    float: none;
    font-size: 1em;
    line-height: 1em;
    letter-spacing: 0em;
}

#l-up {
    float: none;
    font-size: 1.4em;
    line-height: 1em;
}

#headerbox {
    float: left;
    height: 100%;
    margin: 0px;
    clear: none;
    width: 29.997707%;
    padding: 5px;
    min-height: 0px;
}

#navtext_box {
    float: left;
    height: 81px;
    margin: 0px;
    clear: none;
    width: 70%;
    padding: 5px;
}

#nav-icon {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 3.118091%;
    margin-top: 11px;
    clear: none;
    color: rgb(0, 0, 0);
    display: none;
}

#navtext {
    float: left;
    font-size: 1em;
    width: 96.27921%;
    height: auto;
    text-align: left;
    font-weight: 900;
    line-height: 1em;
    margin-left: 2.251529%;
    margin-top: 1px;
    clear: none;
    min-height: 53px;
    padding-top: 15px;font-family: 'Open Sans', sans-serif;color: rgb(255, 255, 127);
}

#maincontent {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 70px;
	margin-bottom:150px;
    clear: both;
    width: 100%;
}
#maincontenttext {display:block;width:80%;margin-left:auto;margin-right:auto;}
#booknow {float:right;margin-left:25px;margin-right:30%;}
#homepage-maintext {
    float: left;
    font-size: 1em;
    width: 88.190114%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1.3em;
    margin-left: 4.475422%;
    margin-top: 25px;
    clear: none;
    min-height: 0px;font-family: 'Open Sans', sans-serif;text-indent: 0%;
}

#bottom-nav-full {
    float: left;
    
    margin-left: 0%;
   
    clear: both;
    width: 100%;
    background-color: rgb(67, 107, 142);
}

#emailicon {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 1.017767%;
    margin-top: 18px;
    clear: none;
    color: rgb(0, 0, 0);
}

#phoneicon {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 1.046282%;
    margin-top: 18px;
    clear: none;
    color: rgb(0, 0, 0);
}
#fbicon {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 1.046282%;
    margin-top: 18px;
    clear: none;
    color: rgb(0, 0, 0);
}
#topfb {margin-top:-10px;}
#bottom-nav-basic {
    float: left;
    font-size: 1em;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: 600;
    line-height: 1em;
    margin-left: 2.063518%;
    margin-top: 18px;
    clear: none;
    min-height: 39px;
    color: rgb(255, 255, 127);
}
 .buttonwrapper {display:block;padding:4px;border:2px solid #eee;background:#FFFFFF;float:right;margin-left:25px; }
 

 .buttonwrapper a { color:#fff;text-decoration:none;}
 .specialbutton {display:block; height:auto;padding:12px;background:#BABABA; color:#ffffff;font-family: 'Open Sans', sans-serif;font-size:2em;}
.bottomlink { color: #ffff7f !important; text-decoration:none; }
.bottomlink{ color: #ffffff !important;text-decoration:none; }
.bottomlink{ color: #1692BF !important; text-decoration:none;}
.bottomlink {color:#ffff7f !important;text-decoration:none;}
.image {max-width:100%;}

.sliderpa{
	width: 600px; /*Same as width of the large image*/
	position: relative;
	/*Instead of height we will use padding*/
	padding-top: 450px; /*That helps bring the labels down*/
	
	margin:   auto;
	
	/*Lets add a shadow*/
	box-shadow: 0 10px 20px -5px rgba(0, 3, 0, 0.75);
}


/*Last thing remaining is to add transitions*/
.sliderpa>img{
	position: absolute;
	left: 0; top: 0;
	transition: all 0.5s;
}

.sliderpa input[name='slide_switch'] {
	display: none;
}

.sliderpa label {
	/*Lets add some spacing for the thumbnails*/
	margin: 18px 0 0 18px;
	border: 3px solid #999;
	
	float: left;
	cursor: pointer;
	transition: all 0.5s;
	
	/*Default style = low opacity*/
	opacity: 0.6;
}

.sliderpa label img{
	display: block;
}

/*Time to add the click effects*/
.slider input[name='slide_switch']:checked+label {
	border-color: #666;
	opacity: 1;
}
/*Clicking any thumbnail now should change its opacity(style)*/
/*Time to work on the main images*/
.sliderpa input[name='slide_switch'] ~ img {
	opacity: 0;
	transform: scale(1.1);
}
/*That hides all main images at a 110% size
On click the images will be displayed at normal size to complete the effect
*/
.sliderpa input[name='slide_switch']:checked+label+img {
	opacity: 1;
	transform: scale(1);
}
/*Clicking on any thumbnail now should activate the image related to it*/

/*We are done :)*/
.mh {display:block;padding:20px;background:#EBEBEB;border:1px solid #eeeeee;border-radius:20px;font-size:120%;}
.trainphoto {width: 391px; height: 205px; margin-left: 20px; margin-right: 20px;}
 @media only screen and (max-width: 1440px) {
   	.nextline {  top:200%;
  
 
}
#featuredbox {display:block;width:50%;}
    #bottom-nav-full {
        display: none;
    }
	#tri-box-wrapper {  margin-top: 10px;
 
 }
 .roomphotos {  
    width: 40%;
	height:auto; 
}
nav ul li a {font-size:80%;padding: 25px 10px;}

 }
 @media only screen and (max-width: 1280px) {.nextline {  top:120%;}}
@media only screen and (max-width: 1024px) {
    #themooringlodge-text-header {
        font-size: 1.5em;
    }
	.nextline {  top:100%;
  
 
}

    #headerbox {
        width: 5%;
    }
 
    #navtext_box {
        width: 90%;
    }
    #rope-header {
        display: none;
    }
	#featuredbox {display:block;width:45%;}
		#infographic {display:block;width:40%;float:right;margin-right:25px;margin-left:25px;clear:both;}

	#fishingphoto {width:50%;height:auto;}
}


@media only screen and (max-width: 880px) {
	nav ul li a {padding: 25px 5px;}
	}
@media only screen and (max-width: 769px) {
    #navtext_box {
        margin-left: 0px;
        margin-right: 0.015625px;
        float: right;
        margin-top: 0px;
        clear: none;
        display: none;
    }

    #headerbox {
        width: 70%;
    }

    #nav-icon {
        display: block;
    }

    #rope {
        height: 100px;
    }

    .themooringlodge-text {
        font-size: 4em;
    }
	.nextline {  }
	
	#featuredbox {display:block;width:100%;float:none;margin-left:0;}
.image {width:95%;float:none;margin:20px 0 20px 0;}
    #left-box {
        width: 100%;
    }

    #center-box {
        width: 100%;
    }

    #right-box {
        width: 100%;
    }

    #top-of-page {
        margin-left: 90%;
    }

    #bottom-nav-full {
        display: block; padding-bottom:100px;
    }
	#topnav2 {display:block; width:100%;height:auto;margin-top:25px;}
		#infographic {width:100%;}

.atthebottom {display:block;list-style-type: none;padding:none;margin:none;}
 
.bottomli a:link  {  color: #ffff7f;display:block; width:100%;border-bottom:1px solid #fff;background:#477B5E;height:45px;margin-bottom:20px;padding:10px;text-decoration:none;}
.bottomli a:visited  { color: #fff; }
.bottomli a:hover  { color: #fff;background:#ccc; }
}
 
@media only screen and (max-width: 450px) {
	
	#booknowhome {display: block;position: fixed;top: 1;left:1;  width:70%;height:auto;padding:5px 15px; margin-bottom:2px;z-index: 1200; color: #FF3F00;}
	#booknowhome a {color: #55DD45;font-size: 180%;text-shadow:  2px 2px #000; }
	#display {}
	#displaysm {display:none;background:#0a7087;height:200px;width:100%;margin:25px 0 0 0;padding-bottom:25px;}
    #rope-header {
        display: none;
    }

    #rope {
        display: none;
    }

    .themooringlodge-text {
        text-align: center;
		font-size:3em;display:block;width:100%;
    }

    #themooringlodge-text-header {
        text-align: center;
    }
#tri-box-wrapper {
 
   }
    .roomphotos {  
    width: 100%;}
	#infographic {display:block;width:100%;float:none;clear:none;}
	#featuredbox {width:100%;margin-bottom:25px;}

    #left-box {
        padding-right: 20px;
        padding-left: 20px;
    }
     #center-box {
        padding-right: 20px;
        padding-left: 20px;
    }

    #right-box {
        padding-right: 20px;
        padding-left: 20px;
    }

    #siteinfowrapper {
        width: 80%;
    }

    #top-of-page {
        margin-left: 80%;
    }

    #bottom-nav-basic {
        min-height: 0px;
    }

    #copyright-contact {
        margin-top: 5px;
        font-size: 0.7em;
    }

    #emailicon {
        margin-top: 5px;
    }

    #phoneicon {
        margin: 5px 0px 0px 1.05%;
    }
	    #fbicon {
        margin: 5px 0px 0px 1.05%;
    }
}

@media only screen and (max-width: 376px) {
    #bottom-nav-basic {
        font-size: 0.8em;
    }
	.booknow {margin-left:auto;margin-right:auto;float:right; }
.nextline {top:180%;left:20px;}
}

@media only screen and (max-width: 322px) {
    #bottom-nav-basic {
        margin: 5px 0px 0px 2.06%;
    }
}