html{
margin:0;
padding:0;
}

/* General Style Info */
body{
background:url(/img/bg.jpg);
color:#000;
font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
font-size:90%;
margin:0;
padding-top:20px;
}

#container{
position:relative;
margin:0 auto;
width:990px;
}

a{
outline:none;
}

#header{
text-align:center;
background:url(/img/header_bg.png) left top no-repeat;
height:268px;
}

#header h1 {display:none;}

/* MENU STYLE */

#menu{
position:absolute;
top:215px;
left:26px;
width:933px;
text-align:center;
}

#menu ul{
list-style:none;
margin:0 auto;
padding:0;
overflow:auto;
width:777px;
}

#menu ul li{
float:left;
padding:0;
}

#menu ul li a{
display:block;
height:24px;
background:url(/img/nav_bg.png) 0 0 no-repeat;
}

#menu ul li.home_link a{
width:93px;
background-position:10px 3px;
}

#menu ul li.home_link a:hover,
#menu ul li.home_link a.active:link,
#menu ul li.home_link a.active:visited{
background-position:10px -24px;
}

#menu ul li.cabin_link a{
width:110px;
background-position:-85px 3px;
}

#menu ul li.cabin_link a:hover,
#menu ul li.cabin_link a.active:link,
#menu ul li.cabin_link a.active:visited{
background-position:-85px -24px;
}

#menu ul li.caravan_link a{
width:182px;
background-position:-197px 3px;
}

#menu ul li.caravan_link a:hover,
#menu ul li.caravan_link a.active:link,
#menu ul li.caravan_link a.active:visited{
background-position:-197px -24px;
}

#menu ul li.chalet_link a{
width:122px;
background-position:-380px 3px;
}

#menu ul li.chalet_link a:hover,
#menu ul li.chalet_link a.active:link,
#menu ul li.chalet_link a.active:visited{
background-position:-380px -24px;
}

#menu ul li.camp_link a{
width:140px;
background-position:-498px 3px;
}

#menu ul li.camp_link a:hover,
#menu ul li.camp_link a.active:link,
#menu ul li.camp_link a.active:visited{
background-position:-498px -24px;
}

#menu ul li.contact_link a{
width:129px;
background-position:-635px 3px;
}

#menu ul li.contact_link a:hover,
#menu ul li.contact_link a.active:link,
#menu ul li.contact_link a.active:visited{
background-position:-635px -24px;
}

#menu ul li a span{
display:none;
}

#menu ul li span{
display:none;
}

#menu ul li span a{
display:none;
}


/* CONTENT STYLING */

#content{
overflow:auto;
background:url(/img/content_bg.png) repeat-y;
min-height:120px;
padding:1px 130px 25px 115px;
color:#c4ab58;
font-family:georgia;
}

#content img{
border:5px solid #000;
margin:5px;
}

#content a:link,
#content a:visited{
color:#a3c6ec;
font-weight:bold;
text-decoration:none;
}

#content a:hover{
text-decoration:underline;
}


/* Contact Page & Form Style */

#map_right{
float:right;
margin-right:20px;
padding-top:30px;
}

form{
width:361px;
padding:20px 20px 0 20px;
background:#aaa68f;
margin-left:25px;
}

#form_header{
background:url(/img/form_header.gif);
height:60px;
margin-left:20px;
}

#contact{
float:right;
}


form .input{
margin-bottom:5px;
}

form .input input,
form .input textarea{
width:198px;
padding:3px;
border:1px solid #68603e;
color:#7eaaad;
font-weight:bold;
}

form label{
display:block;
float:left;
width:155px;
color:#44371e;
padding-top:3px;
}

form .input select{
border:1px solid #68603e;
color:#7eaaad;
font-weight:bold;
}

.submit input{
border:none;
cursor:pointer;
font-size:0;
width:120px;
height:42px;
margin-left:155px;
padding-top:10px;
background:url(/img/submit_bg.jpg) no-repeat;
}

#form_footer{
background:url(/img/form_footer.gif) bottom center;
height:35px;
margin-left:25px;
}

/* FOOTER STYLING */

#footer{
background:url(/img/footer_bg.png) no-repeat;
height:75px;
padding-bottom:1px;
}

#sub_menu{
position:relative;
text-align:center;
top:10px;
}

#sub_menu ul{
margin:0;
padding:0;
list-style:none;
}

#sub_menu ul li{
display:inline;
}

#sub_menu ul li a:link,
#sub_menu ul li a:visited{
text-decoration:none;
padding:0 8px 0 4px;
font-family:georgia;
color:#68603e;
}

#sub_menu ul li a:hover,
#sub_menu ul li a.active:link,
#sub_menu ul li a.active:visited{
color:#f8da79;
}

#website p{
text-align:center;
font-size:75%;
font-family:georgia;
color:#685624;
}

#website p a{
color:#272000;
text-decoration:none;
}

#website p a:hover{
text-decoration:underline;
}

.mobile-menu{display:none;}
#header-img{display:none;}
#footer-img{display:none;}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 1000px) {
	.mobile-menu {display:block;position: fixed;right: 0;top: 0;z-index: 9999;width:90%;text-align:right;line-height:54px;font-size:22px;color:#fff;background-color:#272000; padding:0 5%; text-decoration:none; border:0;}
	.mobile-menu:hover, .mobile-menu:focus{background-color:#272000; color:#fff;}
	.mobile-menu span.fa {margin-right:10px;}
	#mobile-menu2 {display:none;position: fixed; width:100%;left:0;top:54px;z-index:15 !important;background-color:#5E7A81;}
	nav ul {z-index:1000;display:block !important;width:100% !important;margin:0 !important;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	nav ul li {display:block !important;background-color:#403500;}
	nav ul li a {background:#403500; text-align:left !important; padding:0 5% !important; font-size:20px; color:#fff !important; height:50px !important;line-height:50px !important;display:block;}
	nav ul li a:hover, nav ul li a:focus{color:#f8da79 !important;}
	.menu ul li a.active, .menu ul li a:hover{background-image:none;}
	#mobile-menu2 ul li ul li a{color:#fff !important;}
	#mobile-menu2 ul li a span{display:inline;margin:0 15px 0 0;}
	#mobile-menu2 ul li ul{position:relative;}
	#mobile-menu2 ul li ul li a{width:100%;font-size:110%;padding:0 0 0 10% !important;}
	.menu{position:fixed;z-index:9999;margin:0;width:100%;left:0;right:0;top:0;}
	#container{margin: 54px auto 0;}
	#separator{display:none;}
	#container{max-width:990px;width:100%;}
	#header-img{display:block;width:100%;height:auto;}
	#footer-img{display:block;width:100%;height:auto;}
	#header{background-image:none;height:auto}
	#footer{background-image:none;height:auto;}
	#content{background-image:none;background-color:#272000;padding:5px 10px 15px 10px;}
	#content img{max-width:90%;height:auto;}
	#contact{float:none;background-color:#AAA68F;border-radius:20px;margin:15px 10px 20px 10px;}
	#form_header, #form_footer{background-image:none;height:20px;}
	form{width:94%;margin:0 3%;padding:0;}
	form .input input, form .input textarea{width:96%;}
	.submit input{margin-left:0;}
}