body {
		margin:0px;
		font-family:Helmet,Freesans,Helvetica,Arial,sans-serif;
		background: url(images/gorselow3.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.mevemail a:link {text-decoration:none;color:white;}
	.mevemail a:visited {text-decoration:none;color:blue;}
	.mevemail a:hover {text-decoration:underline;}
	
	a:link {text-decoration:none;color:blue;}
	a:visited {text-decoration:none;color:#333399;}
	a:hover {text-decoration:none;color:#6666FF;}
	
	#.link3 a:link {text-decoration:none;color:red;}
	#.link3 a:visited {text-decoration:none;color:red;}
	#.link3 a:hover {text-decoration:underline;}
 
	.picsdiv img{border:1px solid #;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}
 
 .fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.7;
      }
 
 
	#topspacediv {
		max-width:700px;
		height:60px;
		margin:0 auto;
	}
	
	#headerdiv {
		max-width:700px;
		height:30px;
		background-color:#333399;
		margin:0 auto;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	
	#footerdiv {
		max-width:700px;
		height:30px;
		background-color:#333399;
		margin:0 auto;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}
	.mevhead h1 {
		font-size: 1.0em;
		margin: 0px;
	}
	
	.mevhead {
		float:left;
		color:white;
		font-weight:bold;
		margin:4px 0 0 24px;
	}
	
	.mevnumber {
		float:left;
		color:white;
		font-weight:bold;
		margin:4px 0 0 20px;
	}
	
	.mevemail {
		float:left;
		color:white;
		font-size:0.8em;
		margin:6px 0 0 22px;
	}
	
	#bannerdiv {
		max-width:700px;
		max-height:189px;
		margin:0 auto;
	}
	
	img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 100%;
	}
	
	#menu1div {
		padding-left:54px;
		max-width:646px;
		height:30px;
		background-color:#D5D5A6;
		margin:0 auto;
	}
	
	#toptextdiv {
		max-width:660px;
		height:140px;
		margin:0 auto;
		background-color:#D5D5A6;
		padding:1px 20px 10px 20px;
		font-size:0.8em;
		text-align:justify;
	}
	
	#menu2div {
		padding-left:65px;
		max-width:635px;
		height:50px;
		background-color:#D5D5A6;
		margin:0 auto;
		font-weight:bold;
	}
	
	.sleepsdiv {
		max-width:700px;
		height:24px;
		background-color:#333399;
		margin:0 auto;
	}
	
	.sleepstitlediv {
		float:left;
		color:white;
		font-weight:bold;
		font-size:0.8em;
		margin-left:200px;
		padding-top:4px;
	}
	
	.sleepstextdiv {
		float:left;
		color:white;
		font-size:0.8em;
		padding-top:3px;
		margin-left:10px;
	}
	
	.cottagesdiv {
		max-width:700px;
		min-height:180px;
		margin:0 auto;
		background-color:#D5D5A6;
		border-bottom:1px solid #BDB6A6;
		# opacity: 0.8;
	}
	
	.picsdiv {
		height:100px;
		float:left;
		padding:20px;
	}
	
	.picsdiv img {
	height:140px;
	width:200px;
	}
	
	.cottageheader {
		float:left;
		margin-top:26px;
		width:460px;
		margin-bottom:4px;
	}
	
	.textdiv {
		font-size:0.8em;
		padding:20px 20px 4px 20px;
		text-align:justify;
	}
	
	.detailsdiv {
		font-size:0.8em;
		font-style: oblique;
	}
	
	.offersdiv {
		font-size:0.8em;
		color: 	#008B8B;
		#color:#DAA520;
		font-weight: bold;
		margin:3px 0 0 250px;
	}
	
	.callnow {
		display: none;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	.offersdiv2 {
		font-size:0.8em;
		# font-weight:bold;
		margin:3px 0 0 250px;
	}
	
	.break {
		clear:both;
	}
	
	.cottnamediv {
		float:left;
		font-size:0.9em;
		font-weight:bold;
	}
	
	.cottlinkdiv {
		float:left;
		margin-left:20px;
		font-size:0.8em;
	}
	
	.cottpricediv {
		float:left;
		margin-left:20px;
		font-size:0.7em;
	}
	
	
	#menu1div ul {
			margin:0px;
			padding:0px;
	}
		
	#menu1div li {
		float:left;
		list-style:none;
		font-size:0.8em;
		padding:10px 10px 10px 10px;
	}
	
	#menu2div ul {
			margin:0px;
			padding:0px;
	}
		
	#menu2div li {
		float:left;
		list-style:none;
		font-size:1em;
		padding:10px 10px 10px 10px;
	}
	
	#infodiv {
		max-width:700px;
		height:140px;
		margin:0 auto;
		background-color:#D5D5A6;
	}
	
	#eascodiv {
		float: left;
		padding:20px 10px 0px 20px;
	}
	
	#infotxtdiv {
		font-size: .8em;
		width: 140px;
		margin-top: 20px;
		float: left;
	}
	
	#menu3div ul {
		position:relative;
		top:-30px;
		left:120px;
		margin:0px;
		padding:0px;
	}
		
	#menu3div li {
		float:left;
		list-style:none;
		font-size:.8em;
		padding:0px 1px 0px 10px;
	}
	
	#cardsdiv{
		float:left;
		padding:20px 10px 10px 10px;
	}
	
	#edendiv{
		float:left;
		padding:20px 10px 10px 10px;
	}
	
	#facebookdiv{
		float:left;
		padding:20px 10px 10px 20px;
	}
	
	#specialdiv{
		float:left;
		padding:20px 10px 10px 10px;
	}
	
	#bottomspacediv {
		width:700px;
		height:200px;
		margin:0 auto;
	}
	
	#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #3e6da5;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.topnav {
  display: none;
  overflow: hidden;
  background-color: #333399;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

.navtext {
	font-size: 17px;
	float: left;
	padding: 14px 0px 0px 10px;
	color: white;
	font-weight: bold;
}

@media screen and (max-width: 700px) {
        body {
			margin:0px;
			font-family:Helmet,Freesans,Helvetica,Arial,sans-serif;
			# background: url(images/gorselow2.jpg);
			background: none;
			background-color: #D5D5A6;
        }
		.mevhead, .mevnumber, .mevemail {
			font-size: 0.8em;
			text-align: center;
			width: 90%;
		}
		#headerdiv {
			display: none;
			height: 68px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			#max-width: 95%;
		}
		img.centered {
			#max-width: 195%;
		}
		#menu1div, #menu2div {
			display: none;
		}
		#toptextdiv {
			height: auto;
		}
		.topnav {display:block;}
		.topnav a {display: none;}
		.topnav a.icon {
			float: right;
			display: block;
		}
		.sleepstextdiv {
			display: none;
		}
		.picsdiv {
			height: auto;
			clear: right;
		}
		.picsdiv img {
			width: 350px;
			height: 245px;
		}
		.textdiv {
			max-width: 400px;
			float: left;
			padding: 0px 20px 0px 20px;
		}
	
		.detailsdiv, .offersdiv {
			float: left;
			background-color: #D5D5A6;
			padding: 10px 0px 0px 20px;
			width: 90%;
		}
		.cottageheader {
			width: 100%;
			padding: 10px 0px 0px 20px;
		}
		.cottagesdiv {
			height: auto;
			margin-bottom: 0px;
			border-bottom:0px;
		}
		.offersdiv {
			border-bottom:2px solid #BDB6A6;
			margin: 0px;
			padding-bottom: 10px;
		}
		#infodiv {
			display: none;
		}
		#eascodiv, #edendiv {
			display: none;
		}
		#menu3div ul {
			margin-top: 10px;
			position: static;
		}
		#menu3div li {
			padding: 0px 0px 20px 40px;
		}
		#footerdiv {
			height: 70px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
		}
		.sleepstitlediv {
			margin-left:40px;
		}
		#bottomspacediv {
		width:100%;
		height:200px;
		margin:0 auto;
		}
		#topspacediv {
		width:100%;
		height:60px;
		margin:0 auto;
		}
    }
@media screen and (max-width: 700px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		clear: left;
		float: none;
		display: block;
		text-align: left;
	}
}
@media screen and (max-width: 380px) {
	.picsdiv img {
		width: 300px;
	}
}