/*  STANDARD COLOURS ******************************************************************************************************************
	Background			#20201E
	
	Dk Panel BG			#282522
	Dk Panel border		#322C26
	
	Lt panel BG			#8E857C
	Lt panel border 	#645C51
	
	Inner Panel BG		#9A8D7C  Use within dark or light panel
	Inner Panel border	#645C51  When used within dark panel
						#FFFFFF	 When used within light panel
	
	Button - normal		#4F4841  Dark half (top)
						#5E574F  Light half (bottom)
	
	Body text			#998D7B
	Text - light		#DECCB2
*/

/*// Breakpoints*/
/*$bp-small: 48em; 768px*/
/*$bp-medium: 64em; 1024px*/
/*$bp-large: 85.375em; 1366px*/
/*$bp-xlarge: 120em; 1920px*/
/*$bp-xxlarge: 160em; 2560px*/

@charset "UTF-8";

@font-face {
    font-family: Brandon;
    src: url(/fonts/Brandon_reg.otf);
}

/*  TAG/TYPE SELECTORS *******************************************************************************************************************/
html{
	
	height:100%;
}
body, html, p, h1, h2, h3, a {
	font-family: 'Segoe UI', Arial, sans-serif ;
/*	font-family:Geneva, Arial, sans-serif;*/
	color:#998D7B/*#312c28*//*#606060*/;
	text-align:justify;
}

body{
	/*background:url('images/ui/maple.png') no-repeat ;
*/	/*background-image:url('images/ui/bg_gradient.png');
	background-repeat:repeat-x;*/
  	background-color:#20201E /*#312c28*/;
  	/*background-color:white;*/
    margin: auto;
	/*font-size:12pt;*/

    font-size: 1em;
    line-height: 1.5em;
	min-height: 100%;
}

@media screen and (min-width: 1024px){
	body{
		font-size: 1.2em;
		line-height: 1.6em;
	}
}
@media screen and (min-width: 1366px){
	body{
		font-size: 1.3em;
	}
}

@media screen and (min-width: 1920px){
	body{
		font-size: 1.4em;
	}
}

@media screen and (min-width: 2560px){
	body{
		font-size: 1.6em;
	}
}
  
  
h1{
    font-size:28pt;
    /*color:#CCCCCC;*/
    color:#DECCB2/*#998D7B*/;
    font-weight:normal;
    margin-top:0em;
    margin-bottom:0.5em;
}

h2{
    font-size:18pt;
    /*color:#CCCCCC;*/
    color:#DECCB2;
    font-weight:normal;
    margin-top:1.5em;
    margin-bottom:0.5em;
}

h3{
    font-size:14pt;
    /*color:#CCCCCC;*/
    color:#DECCB2;
    font-weight:normal;
    margin-top:0em;
    margin-bottom:0.5em;
}

em{
	color:#DECCB2;
	font-style:italic;
}

strong{
	color:#DECCB2;
	font-weight:normal;
}

a{color:#6688FF;text-decoration:none}
a:hover{text-decoration:underline}


/* Japanese fonts */

.h1_jp{
	
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	font-size:28pt;
	margin:0.5em 0;
}
.h2_jp{
	
	font-family: source-han-serif-japanese, serif;
	font-style: normal;
	font-weight: 400;
	font-size:18pt;
	margin:0.5em 0;
}


/*  MENU BAR STYLES *******************************************************************************************************************/

.header_bar{
    height: 60px;
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1024px;
    margin: auto;
}

.menubar{
	/*width:802px;*/
	
    /*margin-top:4px;
    margin-bottom:1px;*/
    text-align:center;
	display: inline-block;
	/*line-height:43px;*/
	/*position:absolute;*/
	/*top:285px;
	float:left;*/
}

.menubar a{
	text-decoration:none;
    color:#998D7B;
	padding:8px;
	
}
.menubar_button{
	display:inline-block;
}

.menubar_button:hover{
/*	text-decoration:none;
*/	background-color:#DECCB2;
	color:black;
}

.menubar_button_selected{
	display:inline-block;
	background-color:#282522;
	color:white;
	
	
}

div#page_logo{
	/*width:50px;*/
	
    display: inline-block;
}

div#page_language{
/*	text-align:right;
*/	display: inline-block;
	/*margin-top:35px;*/
}


/*  LANGUAGE BAR STYLES *******************************************************************************************************************/

ul#languagebar{
	list-style-type:none;
	margin:0px;
	padding:0px   0px   0px  0px;
	overflow:hidden;
	/*line-height:43px;*/
	/*text-align:left;*/
}

ul#languagebar li {display:inline;float:left;margin:0px   4px 0px 8px;}
ul#languagebar a {text-decoration:none;color:#998D7B;font-size:10pt}
ul#languagebar a:hover {color:white;}

/*  HOME PAGE - ENTRANCE STYLES *******************************************************************************************************************/

div#entrance {text-align:right;width:320px;margin:auto;text-align:center;}

ul#entrance{
	list-style-type:none;
/*	margin:0px;*/
	padding:0px;
	overflow:hidden;
	/*line-height:43px;*/
	/*text-align:center;*/
	
	margin:auto;
}
div#entrance p{text-align:center;}

ul#entrance li {display:inline;float:left;}

/*  HEADER/FOOTER STYLES *******************************************************************************************************************/

.header{
	display:block;
	width:100%;
    /*height: 70px;*/
	/*background-color:rgba(0,0,0,0.6);*/
	background-color:black;
	
	/*position:fixed;*/

	margin:auto;
	text-align:center;
	/*position:relative;*/
}

.header_bg{
	/*position:absolute;*/ 
	background: url('images/ui/header_bg_all.png') no-repeat top center;
	/*float:left;*/
	/*background-position: top center;
	border: 20px red solid;*/
	/*background: url('images/ui/bg_koi.png') ;*/
	height:100%;
	width:100%;
	margin:0px;
}

div#footer{
	padding:20px;
	font-size:9pt;
	color:#645C51;
	text-align:center;
	/*width:100%;*/

}

div#footer_bg{
	 /*position:absolute; 
*/	 float:left;
	background: url('images/ui/bg_bamboo_bottom_edge.png') repeat-x bottom;
	height:100%;
	width:100%;
	padding:0px;
}

div#slideshow
{
	/*top:70px;*/
	/*position:absolute;*/
	/*border: 2px #645C51  solid;*/
	/*float:left;*/
	margin-bottom:4px;
	/*border-radius:4px;*/ 

	/*position:absolute;top:100px;*/
}
div.slider-hide{
   display: none;
}
.nivoSlider img{
	
	min-height: 300px;
    width: 100%!important;
    object-fit: cover;
}

/*   *******************************************************************************************************************/

div#main_gallery{
	/*width:802px;*/
	/*height:42px;*/
    margin-top:2em;
    margin-bottom:1px;
}

div#main_gallery ul{
	/*width:810px;*/
	list-style-type:none;
	margin:0px;
	padding:0px 0px   4px 0px;
	overflow:hidden;
	/*line-height:43px;*/
	/*text-align:left;*/
}

div#main_gallery li {display:inline;float:left;margin-right:0.5em;}

div#main_gallery img {height:100px;width:160px;border:thin red ;}

/*   *******************************************************************************************************************/

div#container{
	/*width:807px;margin:auto;*/
	margin-top:20px;
	margin: 0;
	
}

/*@media screen and (min-width: 1024px){
	div#container{
		margin: 0 8%;
	}
}	
	@media screen and (min-width: 1366px){
	div#container{
		margin: 0 12%;
	}
}	
	@media screen and (min-width: 1920px){
	div#container{
		margin: 0  18%;
	}
}*/



div#map{float:right;margin-left:2em;text-align:center;}
/*div#map a{text-align:center;}
*/
div#content
{
	/*width:723px;*/
	/*float:left;
*/	margin: auto;
	/*margin-top:5px;*/
	padding: 40px;
	border: 2px #322C26 solid;
	border-radius:8px; 
/*background-color:#282522;*/
	background: url('images/ui/ContentBG.png');
/*	filter: alpha(opacity=60);
	zoom: 1;
	opacity: 0.6;
*/	background-repeat: repeat;
}

/*  DIV (LAYOUT) STYLES *******************************************************************************************************************/

div.attraction_panel {
	background-color:#2C2925;/*#3F3830;*/
	
	border:2px #322C26 solid;
	border-radius:8px;
	padding: 0em 1em 1em 1em;
	margin-top:1em;
	
}

div.attraction_panel h2{
	margin-top:0.8em;
	font-size:14pt;
}

div.info_panel {
	color:#DECCB2;
	width:100%;
/*    font-size:12pt;
    color:#808080;
*/    /*margin-top:0px;*/
    margin-top:2em;
/*    background-color:#8E857C;
*/    /*border:medium #645C51 solid;*/
	float:left;
}

div.info_panel h2{
	font-size:18pt;
	font-weight:normal;
	background-color:#2C2925;/*#3F3830;*/
	color:#998D7B; /*#DECCB2;*/
	padding:6px;
	margin:0;
	border:2px #322C26 solid;
	/*margin:   60px  0px 20px */;
}

div.info_panel h3{
	font-size:16pt;
	font-weight:normal;
	/*background-color:#3F3830*/;
	color:white;
	margin: 1em 0 0 0;
}

div.info_panel .content_left{
	/*margin: 0px    20px 0px 0px;*/
    color:#998D7B;  
    padding:1em 1em 1em 0em;
    font-size:11pt;
	float:left;
	/*border: thin white solid;*/
}
div.info_panel .content_right{
	/*margin: 0px    20px 0px 0px;*/
    color:#998D7B;  
    padding:1em 0em 0em 1em;
    font-size:11pt;
/*	padding-top:1em;
*/	/*float:left;*/
	/*border: thin white solid;*/
}

div.info_panel .content_right ul{
	margin:  0px 0px 0px 4px;
    color:#998D7B;  
    list-style-type:square;
    list-style-position:inside;
	/*float:left;*/
}
.image_link_noborder{
	border-width:0px;
	height:48px;
}

img.logo_align_left{
	text-align:left;border-width:0px;
}
/*  FORM STYLES *******************************************************************************************************************/

.formfield{
    color:#000000;
    font-size:10pt;
    font-family:Arial;
    margin-bottom:10px;
}

p.formfieldlabel{
    color:#888888;
    font-size:10pt;
    font-family:Arial;
    margin-top:0px;
	margin-bottom:0px;
	line-height: 1em;
}

div.content_centred{
	text-align:center;
	color:#998D7B; 
	font-size: 14pt;}
/*div.content_centred p{text-align:center;}
*/