/* body */

body {

background-color: #4F6D94;

background-image:linear-gradient(to bottom, #FFFFFF, #4F6D94);

color: #666666;

font-family: Arial, Verdana,Sans-Serif;

}

/* header */

header {

background-color: #000033;

background-image: url(images/sunset.jpg);

background-repeat: no-repeat;

background-position: right;

text-align: center;

height: 60px;

padding-top: 15px;

color: #FFFFFF;

}

/* navigation menu */

nav {

font-weight: bold;

float: left;

width: 180px;

}

nav a {

margin: 20px;

text-decoration: none;

}

nav ul {

list-style-type: none;

margin: 0;

padding-left: 0;

font-size: 1.2em;

}

/* main h1, h2, dt styles */

h1 {

margin-bottom: 0px;

margin-top: 0px;

font-family: Arial, Verdana, Sans-Serif;

text-align: left;

text-align: center;

}

h2 {

color: #3399CC;

/* text-shadow: 1px 1px 1px #CCCCCC; */

}

h3 {

font-family: Arial,Sans-Serif, Times;

}

dt {

color: #000033;

}

.resort {

font-weight: bold;

}

main ul {

list-style-image: url(images/marker.gif);

}

/* footer styles*/

footer {

font-size: 75%;

padding: 20px;

margin-left: 190px;

background-color: #FFFFFF;

font-style: italic;

text-align: center;

font-family: Arial, Sans-Serif, Times;

clear: right;

}

#contact {

font-size: 90%;

}

#wrapper {

margin-left: auto;

margin-right: auto;

width: 80%;

background: linear-gradient(to bottom, #ffffff 0%, #3399ff 100%);

min-width: 960px;

max-width: 2048px;

box-shadow: 3px 3px 3px #333333;

}

/* images for all the header pages*/

#homehero {

height: 300px;

background-image: url(images/coasthero.jpg);

background-repeat: no-repeat;

background-size: 100% 100%;

margin-left: 190px;

}

#yurthero {

height: 300px;

background-image: url(images/yurthero.jpg);

background-repeat: no-repeat;

background-size: 100% 100%;

margin-left: 190px;

}

#trailhero {

height: 300px;

background-image: url(images/trailhero.jpg);

background-repeat: no-repeat;

background-size: 100% 100%;

margin-left: 190px;

}

/* main style */

main {

padding-top: 1px;

padding-right: 20px;

padding-bottom: 20px;

padding-left: 30px;

margin-left: 190px;

display: block;

background-color: white;

}

dt {

padding: 10px;

}

/* table styles */

table {

border: solid 1px #3399CC;

width: 80%;

border-spacing: 0;

}

td,

th {

padding: 10px;

border: solid 1px #3399CC;

}

td {

text-align: center;

}

.text {

text-align: left;

}

tr:nth-of-type(odd) {

background-color: #F5FAFC;

}

label {

float: left;

display: block;

width: 120px;

text-align: right;

padding-right: 10px;

}

input,

textarea {

display: block;

margin-bottom: 20px;

}

input[type="submit"] {

margin-left: 130px;

}

video,

embed {

float: right;

padding-left: 20px;

width: 320px;

height: 240px;

}

/*Support of HTML5*/

header,

main,

nav footer,

figure,

figcaption,

aside,

section,

article {

display: block;

}

#mobile {

display: none;

}

#desktop {

display: inline;

}

/*Media query min 600px Medium Display Tablet*/

@media only screen and (max-width:600px) {

video,embed {float: right;padding: 20px;}

nav {padding:0;}

nav a {display:block; text-decoration: none;border-bottom:solid 2px #330000;}

header {padding-top: 1em;}

main {padding-top: 0.1em;padding-bottom: 0.1em;padding-left: 1em;padding-right: 1em;font-size: 90%;}

h1 {font-size: 1.5em;}

#homehero {height: auto;}

#yurthero {height: auto;}

#trailhero {height: auto;}

#mobile {display: inline;}

#desktop {display: none;}

table {border: solid 1px #3399CC;width: 80%;border-spacing: 0;}

td,th {padding: 5px;border: solid 1px #3399CC;}

td {text-align: center;}

.text {text-align: left;}

tr:nth-of-type(odd) {background-color: #F5FAFC;}

label {float: none;text-align: left;}

input[type="submit"] {margin-left: 0;}

#fade {width: 100%;}

}

/*Media query for desktop*/

@media only screen and (max-width:1024px) {

body {margin: 0;background-color: #FFFFFF;}

main {margin-left: 0;}

#wrapper {min-width: 0;width: auto;box-shadow: none;}

nav {float: none;display: block;text-align: center;width: 100%;}

ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}

li a {display: block;color: white;text-align: center;margin: 10px 0px 0px 0px;text-decoration: none;border-bottom: solid 3px #330000;}

#homehero {margin: 0;height: 200px;}

#yurthero {margin: 0;height: 200px;}

#trailhero {margin: 0;height: 200px;}

#pathhero {margin: 0;height: 200px;}

footer {margin: 0;}

}
table {

border: 2px solid #3399cc;

border-collapse: collapse;

}

td,

th {

padding: 0.5em;

border: 2px solid #3399cc;

}

td {

text-align: center;

}

.text {

text-align: left;

}

thead:nth-of-type(odd),

tr:nth-of-type(even) {

background-color: #f5fafc;

}

/* media queries */