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%;
}
}