body { padding:0px; margin:0px; }

/* Gallry */
.gallery ul {
	list-style: none;
	display: inline;
	margin-left: 0px;
	padding: 0px;
}
.gallery li {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
.gallery img {
	padding: 5px;
}
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-family: Arial;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}


#bg_wrapper {
    background: url("../images/header.jpg") scroll center top transparent;
	background-size: cover;
    min-height: 500px;
    width: 100%;
}

/* Gallry */
.gallery ul {
	list-style: none;
	display: inline;
	margin-left: 0px;
	padding: 0px;
}
.gallery li {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
.gallery img {
	padding: 5px;
}
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-family: Arial;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}

body, form {
    color: #201501;
    font-family: 'Ubuntu',Arial,Helvetica,sans-serif;
    font-size: 15px;
	line-height: 18px;
    margin: 0;
    padding: 0;
}

#bg_layer {
    background: url("../images/contentbg1.jpg") no-repeat scroll left top transparent;
    position: absolute;
    top: 440px;
    width: 100%;
	background-size: cover;
}

#content .portfolio_images {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#content .portfolio_images li {
    float: left;
    margin: 0 10px 0 0;
}
#content .portfolio_images li a img {
    background: none repeat scroll 0 0 #201501;
    padding: 3px;
}
#content .portfolio_images li a:hover img {
    background: none repeat scroll 0 0 #ED9100;
}

#content table {  }
#content td { padding:7px 0px; margin:0px; line-height:18px; color:#201501; }
#content th { padding:8px 8px; text-align:left; font-size:12px; font-weight:normal; color:#FFFFFF; background:#201501;  border-left:1px solid #201501; border-bottom:1px solid #201501; text-transform:uppercase; }
#content table tr:nth-child(odd) {  }

#content { width:960px; padding:0px; color:#201501; margin:0 auto; }
#content h1 { margin:0; padding:0;font-size:24pt;font-family:Ubuntu, Arial, Helvetica, sans-serif; color:#E08F00; font-weight:500; }
#content h3 { margin:0; padding:0;font-size:24pt;font-family:Ubuntu, Arial, Helvetica, sans-serif; color:#BC9343; font-weight:500; text-shadow: 1px 1px 1px #222;}
#content h4 { margin:0; padding:0;font-size:14pt; font-family:Ubuntu, Arial, Helvetica, sans-serif;color:#201501;font-weight:normal;}
#content p, li { font-family:'Ubuntu', Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }

#container { position:relative; width:960px; margin-top:-440px; margin-left:auto; margin-right:auto; }

.fadein { position:relative; width:960px; height:310px; margin:0 auto; margin-top:25px; }
.fadein img {
	position: absolute;
	left: 0;
	top: 0;
	width: 960;
	height: 310;
}

#flags { width:950px; height:40px; padding:30px 30px 0 0; color:#a79362; line-height:24px; }
#flags li { float:right; margin:0 5px; }

#header {
    background-image: url("../images/logo.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 200px;
    padding: 0 10px;
	margin:0 auto;
    width: 960px;
}
#header ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#header .nav li { }
#header .nav { padding-top:95px; }
#header .nav ul { list-style:none; margin:0px; padding:25px 0 0 1px; }

#header .nav .n1 { float:left; font-size:15px; visibility:visible; }
#header .nav .n1 a { 
	display:block; 
	line-height:30px;
	padding: 3px 10px;
	text-transform:lowercase;
	color:#e8e8e8;
	font-family:"Ubuntu",Arial,Helvetica,sans-serif;
	text-decoration:none;
	font-size:19px;
	text-shadow: 1px 1px 2px #141414;
}

#header .nav ul li ul { 
    position: absolute;
    width: 200px; 
    margin: -1px 0 0;
	padding: 0;
    display: none;
	z-index:89999;
}
#header .nav ul li ul li { 
    text-align: left;
	font-family:'Myriad';
	font-size:15pt;
	font:#adbc89;
    width: 200px;
	box-sizing:border-box
}
#header .nav ul li ul a { padding: 10px 0; }
#header .nav ul li:hover ul { display: block;}


.logos { text-align:center }
.logos img { margin-right: 20px }

.bb-link {
	box-sizing: border-box;
    float: left;
    max-width: 250px;
	margin-top: -10px;
}
.bb-link img { display: block; padding-bottom: 5px }
.bb-link a { 
	background: #E8E8E8;
	font-family: "Special Elite",cursive;
	text-transform:uppercase;
	text-decoration:none;
	color: #008555;
	text-align:center;
	padding: 15px 20px;
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.bb-link a:hover { 
	text-decoration:underline;
	background: #E8E8E8;
	color: #008555;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
#footer { width:100%; background:#201501 url(../images/footer_bg.gif) repeat-x; }
#footer_nav { width:960px; margin-left:auto; margin-right:auto; height:90px; padding:0px 20px 90px 20px; line-height:20px; }
#footer_nav ul { list-style:none; margin:0px; padding:0px; }
#footer_nav ul ul { display:none; }
#footer_nav li { float:left; margin:0 15px 0 0; color:#e2940c; }
#footer_nav li a { color:#a2886a; text-decoration:none; }
#footer_nav li a:hover { color:#ffffff; }
#footer_nav .yellow a { color:#e2940c; }
#footer_nav .logo { float:right; padding-right:20px; }
#footer_nav .icon { float:left; padding-right:5px; }
#footer_ul { text-transform:lowercase;} 

.notice-info {
	font-size: 14px;
	padding: 10px;
	background-color: #e2940c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	-webkit-box-shadow: 2px 2px 6px 0px rgba(136,136,136,1);
	-moz-box-shadow: 2px 2px 6px 0px rgba(136,136,136,1);
	box-shadow: 2px 2px 6px 0px rgba(136,136,136,1);
}

.notice-info a {
	color: #fff;
	text-decoration: none;
}

.notice-info a:hover {
	color: #381f03;
}
	
.navigation a { background: none; }
.navigation li a:hover { background: #472111; }
.sub-nav { background: #752300; }
.sub-nav li { border-bottom: 1px solid #5d1d01; }
.sub-nav a { font-family:Ubuntu, sans-serif; font-size:11pt !important; }
ul.navigation li:hover > a { background: #472111; } 
.lightBoxGallery { overflow: hidden }
.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
}

.distances { box-sizing:border-box; width: 24%; padding: 10px 4%; float:left; margin-right: 1%; text-align:center }
.distances ul { padding-left: 5px }
.distances h5 { padding: 10px; background: #201501; color: #FFF; height:50px; font-size: 12px}
.clear { clear: both }
table.contact-details {  }
/** START MOBILE CSS **/
@media screen and (max-width: 960px) {
	* { box-sizing: border-box }
	#bg_wrapper { background-image: 180% cover; background-color: #E8D2BE }
	#container, #header, #flags, #header .nav ul li ul, #header .nav ul li ul li, .fadein, .fadein img, #content, #footer_nav { width: 100% !important }
	.fadein, .fadein img {height:inherit !important;  }
	#content { margin-top: 34%; padding: 3%; box-sizing: border-box;  background-color: #E8D2BE }
	#content h1, #content h2, #content h3, #content h4 { line-height: 110% }
	#content p { font-size: 115%; line-height: 125% }
	#content ul { text-align: center; padding-left: 10px; list-style-position: inside; }
	table td, table td table td {display: block; width: 100% !important; text-align: center; }
	table td table td { display: block !important; width: 100% !important; }
	table div { float: none; text-align:center; margin:auto; }
	.hide { display: none; }
	table.contact-details td { display: inline !important }
	table.contact-details div { width: auto !important; height:100%; font-size: small }
	div img { max-width: 100% ; float:none}
	div table img { max-width: 100% ; float:none}
	table { float: none; margin: auto }
	#footer_nav { height: inherit; padding-bottom: 40px; }
	#footer_nav .logo { float:none; display: block; margin:auto }
	.logos img { max-width: 100%; height:inherit; padding: 10px 0 }
	.lightBoxGallery { width: 100%; margin:auto;float: none; text-align:center; overflow:hidden}
	.lightBoxGallery table td { display: inline-block !important; width: auto !important}
	#p_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneLeft_EventCalendar1_calItems td { display: table-cell !important; width: auto !important}
	#p_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneLeft_EventCalendar1_calItems td table {  width: auto !important }
	.distances { float: none; width: 100% }
	.bb-link { width: 100%; max-width: 150px; padding:5px; margin-top: -30px }
	.bb-link img { max-width: 100% }
	.bb-link a { padding: 5px 10px }
	#footer { text-align:center }
	#footer ul { display:inline-block; float:none !important }
	input, textarea { width: 100% !important;}
	input { padding: 10px }
	textarea { height: 100px !important }
	input#submit { width: 50% !important }
	#nav
    {
        position: absolute;
    	right: 0;
    	top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 25px; top: 25px;
			background-image: url('../images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 80px!important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #30150C;
			border-bottom: 1px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }
}
@media screen and (max-width: 700px) {
	#bg_wrapper { min-height: 300px; }
	#bg_layer { background-image: none !important; }
	.bb-link a {font-size: 12px;}
}
@media screen and (max-width: 400px) {
	#header { background-size: 420px;}
	.bb-link { max-width: 100% !important; margin-top: 108px !important }
	.bb-link img { width: 100px !important; display:block !important; margin:auto !important }
	h1 { font-size: 1.8em !important }
	#nav > ul { margin-top: 30px !important; }
@media screen and (max-width: 300px) {
	#header { background-size: 350px;  height: 230px;}
	.logos img { margin-right: 0 !important }
}