body {background-color:#FFFFFF; color:#666666;
		background-image:url(../images/background5.jpg);
		font-family: Arial, Helvetica, sans-serif;}

	  
#wrapper {background-color:#90C7E3;
         margin:auto;
		 width: 80%;
		 min-width:960px;
		 box-shadow: 5px 5px 5px #000033;}
	  
header {background-color:#000033; color:#FFFFFF; 
	   background-image: url(../images/e_logo.png);
		background-size: 25% 99%; 
		/*margin-right: 130px;*/
	   background-repeat: no-repeat;
	   background-position: right;}
/*
header {
	background-image: url(../images/e_logo.png);
	background-size: 30% 100%;
	margin-right: 130px;
	// background-size: auto 100%;
    background-repeat: no-repeat;
	background-position: right;
	}
*/	   
nav {font-weight:bold;
	padding: 20px 5px 5px 20px;
	float: left;
	width: 160px;}
	
nav ul {list-style-type: none;
	  margin:0;
	  padding-left:0;
	  font-size: 1.2em;}
	  
nav a {text-decoration: none;
	  -webkit-transition: color 3s ease-out;
	  -moz-transition: color 3s ease-out;
	  -o-transition: color 3s ease-out;
	  transition: color 3s ease-out;}
	  
nav a:link{color: #000033;}
nav a:visited{color: #344873;}
nav a:hover{color: #FFFFFF;}

#content {padding: 1px 20px 20px 30px;
		  background-color: #FFFFFF;
		  margin-left:190px;
		  overflow:auto;}
		  	  
#content ul {list-style-image: url(marker.gif);
		   list-style-position: inside;}
#content img, #content video, #content embed  {float: left;
			 padding-right:20px;}

#contact{font-size: 90%;}
		  
h1 {margin-bottom: 0; padding:10px; 
   font-family: Georgia, "Times New Roman", serif;}
h2 {color:#3399CC;
   font-family: Georgia, "Times New Roman", serif;
   text-shadow: 1px 1px 1px #ccc;}
h3 {color:#000033;
   font-family: Georgia, "Times New Roman", serif;}
   
img {max-width: 100%; height: auto;}

.error {
	color:#FF0033;
	font-size:14px;
	}


.resort {color:#5C7FA3;
         font-weight:bold;}
		 


table {border: 1px solid #3399CC;
	 width: 80%;
	 border-spacing: 0;}
/*tr:nth-of-type(odd) { background-color:#F5FAFC; }
*/
	 
td, th {padding:5px;
   border: 1px solid #3399CC;}
   
td {text-align: center;}
.text {text-align: left;}

dt {color:#000033;}

footer {padding: 20px;
      font-size:75%;
	  font-style:italic;
	  font-family: Georgia, "Times New Roman", serif;
	  margin-left: 190px;
	  background-color:#FFFFFF;
	  clear: both;}

/*
label {float: left;
	 display: block;
	 text-align: right;
	 width: 120px;
	 padding-right: 20px;}
	 
input, textarea {display: block;
		     margin-bottom: 20px;} 
*/

#gallery {position: relative;
	      height: 200px;
		  text-align: left;
		  color:#3399CC;}

#gallery ul {list-style-type: none;
			 width: 300px;}
	
#gallery li {display: inline; 
				float: left;
				padding: 10px;}

#gallery img {border-style: none;
			  float:none;}

#gallery a {text-decoration: none;
             font-style: italic;  
             color: #eaeaea;}
			 
#gallery span {position: absolute;
               left: -1000px;
               opacity: 0;
              -webkit-transition:  opacity 3s ease-in-out;
              -moz-transition:   opacity 3s ease-in-out;
              -o-transition:  opacity 3s ease-in-out;
              transition:  opacity 3s ease-in-out;}

#gallery a:hover span {position: absolute;
						top: 16px;
						left: 320px; 
						text-align: left; 
						opacity: 1;
						color:#3399CC;}
						
figure {position: absolute;
			left: 280px; 
			text-align: center; 
            opacity: .25;}

header, hgroup, nav, footer, figure, figcaption, aside, section, article {display: block;}

#mobile {display: none;}

#desktop {display: inline;}
			  


@media only screen and (max-width: 768px) {
	body {
		margin: 7px;
		}
		
	#wrapper {
		width: 100%;
		min-width: 0;
		margin: 0;
		}
	#content {
		margin: 0;
		}
	nav {
		float: none;
		width: auto;
		padding: 0;
		}
	nav ul {
		text-align: center;
		}
	nav li {
		display: inline;
		padding: 0 .4em;
		}
	footer {
		margin: 0;
		}
	h2 {
		text-align:center;
		}
	ul {
	margin-left: 5%;
	margin-right: 10%;
		}
	}
	
@media only screen and (max-width: 600px) {
	body {
		margin: 7px;
		}
	#wrapper {
		width: auto;
		min-width: 0;
		margin: 0;
		}
	#content {
		margin: 0;
		}
	nav ul {
		padding: 0;
		}
	nav li {
		display: block;
		padding: 0 .75em;
		margin: 0;
		border-bottom: 2px solid #330000;
		}
	nav a {
		display: block;
		}
	footer {
		margin: 0;
		}
	h2 {
		text-align:center;
		}
	ul {
	margin-left: 3%;
	margin-right: 5%;
		}
	header {
		background-size: auto 50%;
		background-position: center bottom;
		padding-top: 0;
		margin-right: 0;
		}
	h1 {
		padding-bottom: 40px;
		text-align:center;
		}
	table {
		width: 90%;
		}
	}	


@media only screen and (max-width: 480px) {
	body {
		margin: 0;
		}
	#wrapper {
		width: auto;
		min-width: 0;
		margin: 0;
		}
	#content {
		padding: 0.1em 1em;
		margin: 0;
		font-size: 90%;
		}
	h1 {
		margin: 0;
		font-size: 1.5em;
		padding-left: 0.3em;		
		}
	nav ul {
		padding: 0;
		}
	nav li {
		display: block;
		padding: 0 .75em;
		margin: 0;
		border-bottom: 2px solid #330000;
		}
	nav a {
		display: block;
		}
	#content img {
		float: none;
		padding: 0;
		margin: 0.1em;
		width:100%;
		}
	figure {
		float: none;
		width:98%;
		border: 2px solid Pink;
		}
	#content ul {
		list-style-position: outside;
		}
	#mobile {
    display: inline;
		}

	#desktop {
    display: none;
		}
	label {
		float: none;
		text-align: left;
		}
	h2 {
		text-align:center;
		}
	ul {
	margin-left: 0%;
	margin-right: 2%;
	}
	table {
		width: 100%;
		}
	}