@keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#cf4a img.top {
/*	min-height: 100%; 
	min-width: 1340px;*/
	width: 100%;
  	height: auto;
	position:absolute; z-index:-1;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 30s;
animation-direction: alternate;
}
#cf4a img:nth-of-type(1) {
  animation-delay: 30s;

}
#cf4a img:nth-of-type(2) {
  animation-delay: 24s;

}
#cf4a img:nth-of-type(3) {
  animation-delay: 18s;

}
#cf4a img:nth-of-type(4) {
  animation-delay: 12s;

}
#cf4a img:nth-of-type(5) {
  animation-delay: 0;

}
}


#wrapper {
	width:100%
	text-align:center;
/*	background-image:url(../images/Background.png);*/

/*	background-color: #00B8F4;*/
}
.topline{
	text-align:center;
	width:100%;
	padding:0px;
	position:fixed;
	top:0px;
	z-index:1;
}
.toplineimage{
	width:100%;
	padding:0px;
}

.nav {
	background-color: #00688A;
	height: 100px;
	color:#FFFFFF;
	font-size: 18px;
	padding-left:0px;
	width:100%;
	top:40px;
	position:fixed;
	z-index:1;
}

#dropdown, #dropdown ul {
	padding: 0;
	padding-left:180px;
	/* margin-top: 10px;*/
	margin: 0px;
	list-style: none;
	display:inline-block;
}

#dropdown a {
	display: block;
	color: white;
	background-color: #00688A;
	text-decoration: none;
	padding: 4px 0 5px 0;
	width: 120px;
	border-right: 0px solid #FFF;
}

#dropdown li { 
	float: left;
	margin:0;
	padding: 0 4px 0 0;
}

#dropdown li ul {
	position: absolute;
	left: -999em;
	width: 120px;
	padding: 0;
	display:none;
}

#dropdown li ul a{
	width: 120px;
	color:white;
	border: 0;
	background-color: #112151;
}

#dropdown li:hover ul {
	left: auto;
	display:block;
}

#dropdown li:hover ul, #dropdown li.sfhover ul {
	left: auto;
	display:block;
}

#dropdown a:hover, #dropdown a:focus {
	color: white;
	border:#FFFFCC solid 1px;
}
#centernav {
	text-align:center;
	margin-top:15px;
}

a {
    color: #112151;
}
#optionundrlne {
		border-bottom: 2px solid #FFF;
}
a:link {
  text-decoration: none;
  color:#FFF;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
/*p {
  line-height: .2px ;
}*/
#signimg{
	height: 85px;
	width:160px;
	color:#FFFFFF;
	font-size: 16px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
}
#signimgitm{
	width:440px;
	padding-left:30px;
}

#welcome{
	position:absolute;
	margin-top:700px;
	width:100%;
}
#welcomeitm{
	width:100%;
}
#bottomtag{
	position:absolute;
	margin-top:1400px;
	width:100%;
}
#bottomtagitm{
	width:100%;
}
#upsurf{
	width:100%;
	text-align:center;
	position:absolute;
	margin-top:1610px;	
}
#bottomtagrr{
	position:absolute;
	margin-top:200px;
	width:100%;
}
#bottomtagitmrr{
	width:100%;
}
#upsurfrr{
	width:100%;
	text-align:center;
	position:absolute;
	margin-top:410px;	
}
#bottomtagd{
	position:absolute;
	margin-top:650px;
	width:100%;
}
#bottomtagitmd{
	width:100%;
}
#upsurfd{
	width:100%;
	text-align:center;
	position:absolute;
	margin-top:860px;	
}
#bottomtagcu{
	position:absolute;
	margin-top:50px;
	width:100%;
}
#bottomtagitmcu{
	width:100%;
}
#upsurfcu{
	width:100%;
	text-align:center;
	position:absolute;
	margin-top:260px;	
}
/*#roomrates{
	position:absolute;
	margin-top:120px;
	width:100%;
}
#roomratesitm{
	width:100%;
}*/
#devouroom{
	margin-top:160px;
}
ul.devouphotos {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    width: 400px;;
    overflow-x: auto;
    background-color: #ddd;
  }
  ul.devouphotos li {
    display: inline;
    width: 150px;
    height: 150px;
  }
#devouphotosimg{
	width:300px;
}

#directions{
	position:absolute;
	margin-top:120px;
	width:100%;
}
#directionsitm{
	width:100%;
}
#contactuslineup{
	text-align:center;
}
#contactus {
	display:inline-block;
	width:450px;
	margin-right:0px;
	margin-left:0px;
	margin-top:180px;
	padding:0px;
}

#contactus label {
	display:inline-block;
	font-size:20px;
	margin-top:10px;
}
#contactus input {
	width:300px;
}
#contactusta {
	margin-top:15px;
	padding:0px;
	vertical-align:text-top;
}
#contactustag {
	margin-left:105px;
}
#friendstag {
	display:inline-block;
	list-style-image:url(../images/bullet_links.gif);
	vertical-align:top;
	margin-top:180px;
}
#friendstag ul {
	list-style-image:url(../images/bullet_links.gif);
	text-align:left;
	margin-left:200px;
}
#friendsa{
	color:black;
}
#friendstagitm {
	margin-left:200px;
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}
.w3-content{max-width:0px;padding-left:60px;display:inline-block;}
.w3-auto{max-width:1140px}
.w3-display-container:hover .w3-display-hover{display:block}
.w3-display-container:hover span.w3-display-hover{display:inline-block}
.w3-display-hover{display:none}
.w3-tooltip,.w3-display-container{position:relative;margin-left:92px;}
.w3-tooltip .w3-text{display:none}
.w3-tooltip:hover .w3-text{display:inline-block}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}
.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-tiny{font-size:10px!important}
.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}
.w3-large{font-size:18px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-display-topleft{position:absolute;left:0;top:0}
.w3-display-topright{position:absolute;right:0;top:0}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-display-left{position:absolute;top:50%;left:50%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:-887%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}

.mySlides1 {
	display:none;
	width:500px;
	height:504px;
}
.mySlides2 {
	display:none;
	width:500px;
	height:504px;
}
.mySlides3 {
	display:none;
	width:500px;
	height:504px;
}
.mySlides4 {
	display:none;
	width:500px;
	height:504px;
}
.mySlides5 {
	display:none;
	width:500px;
	height:504px;
}
.mySlides6 {
	display:none;
	width:500px;
	height:504px;
}
.mySlides7 {
	display:none;
	width:500px;
	height:504px;
}

#encapsrooms{
	margin-top:145px;
}
#detailroom{
	display:inline-block;
	width:450px;
	margin-right:0px;
	margin-left:0px;
	margin-top:180px;
	padding:0px;
	vertical-align:top;
	border-style:outset;
}
/* 800PX */	
@media (max-width: 800px) {
	.nav {
		top:35px;
	}
}

 
/* 700 Px */
@media screen and (max-width: 700px) {
	.nav {
		top:25px;
	}
}

/* 600 Px */
@media screen and (max-width: 600px) {
	.nav {
		top:25px;
	}
}


/* 500 Px */
@media (max-width: 500px) {
	.nav {
		top:15px;
	}
}


/* 400 Px */
@media (max-width: 400px) {
	.nav {
		top:10px;
	}
}