html, body { border: 0; margin: 0; padding: 0; }

body {
	text-align: left; 	
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.3px;
	color: #3e3225;
	font-size: 14px;
	font-weight:normal;
	line-height: 21px;
	height: 100%;
	min-width: 100%;	
}

/* outer border */
#top, #bottom, #left, #right {background:#3e3225; z-index:-1;}
#left, #right {position:fixed;top:0;bottom:0;width:20px;}
#left {left:0;}
#right {right:0;}
#top, #bottom {position: fixed;left:0;right:0;height: 20px;}
#top {top:0;}
#bottom {bottom:0;}
/* end outer border */
				
/* div definition and styles */				
#wrapper {width:100%;display:table;}
#wrapper #header #main {display:table-header-group;}

#header .header-holder {height:150px !important; margin-top:0px;background: url(../images/bg_header.png) top repeat-x;z-index:999;}
#header .header-area {width:1000px;margin:0 auto;padding:0 25px;height:150px;z-index:999;}
#header .header-area:after {clear:both;display:block;content:"";}

.header-area .header-left {float:left;height:150px;width:300px !important;padding:0;display:inline;text-align:left; background:url(../images/bg_logo.png) top no-repeat !important;}
.header-area .header-right {float:right;height:0px;width:700px !important;padding:0;display:inline;text-align:right;}

.header-right .book-now {float:left;height:48px;width:250px;padding:0;margin:20px 20px 0 430px;background:url(../images/bg_book_online.png) top no-repeat; text-align:center;display:inline;}
.header-right .menu-area {float:left;height:42px;width:680px;padding:0 0 0 20px;text-align:left;display:inline;}	

#header {position:relative; z-index:5;} /* to stop menu appearing over lightbox images */	
		
#main .main-holder {margin-top:0px;z-index:999;}
#main .main-area {width:1050px;margin:0 auto;padding:0 !important;z-index:999;}	
#main .main-area:after {clear:both;display:block;content:"";}		
		
#main .image-area {width:1000px;padding:0 25px !important;z-index:999;height:366px;background:url(../images/bg_images.png) top center no-repeat;}			
.panorama {width:1000px !important;;height:350px !important;padding:8px 0;}

#main .map-area {width:1000px;padding:0 25px !important;z-index:999;height:716px;background:url(../images/bg_map.png) top center no-repeat;}			
.highlights {width:1000px !important;height:700px !important;padding:8px 0;}

#main .map-area-2013 {width:1000px;padding:0 25px !important;z-index:999;height:791px;background:url(../images/bg_map_2013.png) top center no-repeat;}			
.highlights-2013 {width:1000px !important;height:775px !important;padding:8px 0;background:url(../images/highlights-map-large-2013.jpg) center no-repeat;}

#main .map-area-2014 {width:1000px;padding:0 25px !important;z-index:999;height:796px;background:url(../images/bg_map_2014.png) top center no-repeat;}			
.highlights-2014 {width:1000px !important;height:780px !important;padding:8px 0;}

#main .content-area {float:left;width:950px;margin:0 auto;padding:0 50px 70px 50px;z-index:999; background:url(../images/bg_main.png) top repeat-y; height:auto !important;}
#main .content-area-winter {float:left;width:950px;margin:0 auto;padding:0 50px 70px 50px;z-index:999; background:url(../images/bg_main_winter.png) top repeat-y; height:auto !important;}

.content-area .left-col {float:left;width:650px !important;padding:0 25px 0 0;display:inline;text-align:left;}
.content-area .right-col {float:right;width:225px !important;padding:0 25px;display:inline;text-align:left;}

.news-class {text-align: left;}

.content-area-winter .left-col {float:left;width:650px !important;padding:0 25px 0 0;display:inline;text-align:left;}
.content-area-winter .right-col {float:right;width:225px !important;padding:0 25px;display:inline;text-align:left;}

.footerholder {background: none repeat scroll 0 0 transparent;bottom: 0;position: fixed;text-align: center;width: 100%;z-index:10;}
.footer {background: url(../images/bg_footer.png) top no-repeat;height: 60px;margin: auto;width: 1016px;}

.footer .footer-left {float:left;height:52px;width:480px;padding:8px 0 0 28px;display:inline;text-align:left;}
.footer .footer-right {float:right;height:52px;width:480px;padding:8px 28px 0 0;display:inline;text-align:right;}		
			
/* font definition and styles */				

a:link {color: #7d4300; font-weight: normal; text-decoration: none}
a:visited {color: #7d4300; font-weight: normal; text-decoration: none;}
a:hover {color: #fff; font-weight: normal; text-decoration: none;}
a:active {color: #7d4300; font-weight: normal; text-decoration: none;}

h1 a:link {font: 18px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #7d4300;text-decoration: none;}
h1 a:visited {font: 18px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #7d4300;text-decoration: none;}
h1 a:hover {font: 18px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #fff;text-decoration: none;}
h1 a:active {font: 18px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #7d4300;text-decoration: none;}

h2 a:link {font: 20px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #c7ac8d;text-decoration: none;}
h2 a:visited {font: 20px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #c7ac8d;text-decoration: none;}
h2 a:hover {font: 20px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #fff;text-decoration: none;}
h2 a:active {font: 20px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;color: #c7ac8d;text-decoration: none;}

h5 a:link {font: 12px Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}
h5 a:visited {font: 12px Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}
h5 a:hover {font: 12px Arial, Helvetica, sans-serif;color: #94bc4d;text-decoration: none;}
h5 a:active {font: 12px Arial, Helvetica, sans-serif;color: #fff;text-decoration: none;}

/* remove active border / outline on objects and links */

object, embed {
 outline: 0;
}

a {
outline: none;
}


/* Removed FFFTusjBold font because of fle size and loading issues */
/*

@font-face {
    font-family: 'FFFTusjBold';
    src: url('../fonts/FFF_Tusj-webfont.eot');
    src: url('../fonts/FFF_Tusj-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FFF_Tusj-webfont.woff') format('woff'),
         url('../fonts/FFF_Tusj-webfont.ttf') format('truetype'),
         url('../fonts/FFF_Tusj-webfont.svg#FFFTusjBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1.fontface {font:28px/28px 'FFFTusjBold', Arial, sans-serif;letter-spacing:0;color:#3b2500;margin:20px 0 0 0;}
h2.fontface {font:20px/20px 'FFFTusjBold', Arial, sans-serif;letter-spacing:1.8px;color:#c7ac8d;margin:0 0 0 0;}	

h2 a:link {font: 20px/20px 'FFFTusjBold', Arial, sans-serif;color: #c7ac8d;text-decoration: none;}
h2 a:visited {font: 20px/20px 'FFFTusjBold', Arial, sans-serif;color: #c7ac8d;text-decoration: none;}
h2 a:hover {font: 20px/20px 'FFFTusjBold', Arial, sans-serif;color: #fff;text-decoration: none;}
h2 a:active {font: 20px/20px 'FFFTusjBold', Arial, sans-serif;color: #c7ac8d;text-decoration: none;}

*/

@font-face {
    font-family: 'WCROUGHTRADBtaRegular';
    src: url('http://wetlandsadventures.com/2013/fonts/WC_RoughTrad-webfont.eot');
    src: url('http://wetlandsadventures.com/2013/fonts/WC_RoughTrad-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://wetlandsadventures.com/2013/fonts/WC_RoughTrad-webfont.woff') format('woff'),
         url('http://wetlandsadventures.com/2013/fonts/WC_RoughTrad-webfont.ttf') format('truetype'),
         url('http://wetlandsadventures.com/2013/fonts/WC_RoughTrad-webfont.svg#WCROUGHTRADBtaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1.fontface {font:28px/28px 'WCROUGHTRADBtaRegular', Arial, sans-serif;letter-spacing:1px;color:#6e5941;margin:20px 0 0 0;}
h2.fontface {font:20px/20px 'WCROUGHTRADBtaRegular', Arial, sans-serif;letter-spacing:1.8px;color:#c7ac8d;margin:0 0 0 0;}			

p 
{
	margin: 12px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.2px;
	color: #3e3225;
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;	
}

.question {color:#fff;}

.italic {font-style:italic; font-weight:bold;}

.news-class p 
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.2px;
	color: #3e3225;
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;	
}

h3 {
	margin: 6px 0 6px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.2px;
	color: #3e3225;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;			
}

h4 {
	margin: 20px 0 6px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.2px;
	color: #3e3225;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;			
}

h5 {
	margin: 6px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.2px;
	color: #c7ac8d;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;			
}

small {
	margin: 25px 0 6px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.2px;
	font-size: 11px;		
	color: #3e3225;	
	line-height: 11px;
}
	

/* bulleted lists */

ul, li {
	font-family: Arial, Helvetica, sans-serif;	
	letter-spacing: 1.2px;
	color: #3e3225;
}

/* definition of main menu */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/ipad-droplist.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}

.nav {width:680px; height:42px; background: transparent; position:relative; z-index:9999; font-family:arial, sans-serif; font-weight: normal; margin:0 auto; border-top:0px solid #fff; border-bottom:0px solid #fff;}
.menu,
.menu ul {padding:0; margin:0; list-style:none;}
.menu {width:680px; border-top:0px solid #fff; padding-left:0px;}

.menu ul.sub {position:absolute; left:-9999px; top:42px; background:#6e5941; padding:0 0 0 10px; z-index:-1; border-top:0px solid #fff;} /* sub menu overall */
.menu ul.sub1 {width:180px;}
.menu ul.sub2 {width:360px;}
.menu ul.sub3 {width:540px;}
.menu ul.sub h5 {clear:left;padding:10px 0 5px 0; margin:0; color:#fff; font-size:11px; width:170px; line-height:20px;}

.menu li.top-li {float:left; position:relative; background:#transparent; z-index:9950;}
.menu li.top-li a.top-a {display:block; float:left; line-height:42px; color:#3e3225; padding:0 14px 0 14px; text-decoration:none; font-size:13px;font-weight: normal;}

.menu li.top-li a.top-a:hover {background:#6e5941; color:#c7ac8d;}
.menu li.top-li:hover > a.top-a {background:#6e5941; color:#c7ac8d;}
.menu li.has-sub a.top-a:hover {height:42px;}
.menu li.has-sub:hover > a.top-a {height:42px;}

.menu li.close a {position:absolute; left:50%; top:-36px; width:100px; height:36px; line-height:36px; color:#000; font-weight:normal; font-size:11px; padding:0; margin:0 0 0 -50px; background:#fff; text-align:center; text-decoration:none; display:none;}

.menu ul li {width:180px; float:left;}
.menu ul li a {line-height:15px; color:#3e3225; background:#c7ac8d; display:block; width:150px; margin-bottom:1px; padding:5px 10px; text-decoration:none; font-size:11px;font-weight: normal;} /* sub menu items */
.menu ul li a:hover {background:#3e3225; color:#c7ac8d;}
.menu ul li.bottomLine {width:100%; clear:left; padding:5px 10px 5px 0; background:#3e3225; margin-left:-10px; margin-top:5px; border-top:1px solid #fff;}
.menu ul li.bottomLine p {padding:0; margin:0; line-height:20px; font-size:11px; color:#fff; font-weight:bold; width:100%; padding-left:10px;}
.menu ul li.bottomLine a {display:inline; padding:0 3px; line-height:20px; background:none; color:#c7ac8d;font-weight:bold;}
.menu ul li.bottomLine a:hover {color:#fff;}

.menu :hover ul.sub {left:0;}
.menu :hover ul.left {left:auto; right:0;}

/* for IE6 */
.menu table {border-collapse:collapse; margin-bottom:-1px;}
* html .menu ul.sub {border:0;}
* html .menu ul li.bottomLine {padding:5px 0 5px 10px;}

/* definition of main menu ends here */



/* contact form and book now form */

label, legend {font-family: Arial, Helvetica, sans-serif;letter-spacing: 1.2px;font-size: 14px;font-weight: normal;line-height: 26px;}
hr { color: inherit; height: 0; margin: 10px 0 10px 0; padding: 0; border: 1px solid #3e3225; border-style: none none solid; }
#contact { display: block; width: 620px; margin: 0px; padding: 0px; border: 0px solid #3e3225; -moz-border-radius: 5px; -webkit-border-radius:5px; }

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 200px;}
input, textarea, select { margin: 0; padding: 5px; color: #3e3225; background: #c9a882; border: 1px solid #3e3225; margin: 5px 0;font-family: Arial, Helvetica, sans-serif;letter-spacing: 1.2px;color: #3e3225;font-size: 14px;font-weight: normal;line-height: 21px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input:focus, textarea:focus, select:focus { border: 1px solid #3e3225; background-color: #ebd7c1; color:#3e3225; }
input.submit { cursor: pointer; border: 1px solid #3e3225; background:#6e5941; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#3e3225; }
fieldset {padding:20px; border:1px solid #3e3225; -moz-border-radius: 5px; -webkit-border-radius:5px;}
legend {padding:7px 10px;color:#3e3225;font-weight: normal;border:1px solid #3e3225; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px;font:28px/28px 'WCROUGHTRADBtaRegular', Arial, sans-serif;letter-spacing:0;color:#6e5941;margin:20px 0 0 0;}

/* definition of form style ends here */