/* --------------------------- GENERAL STRUCTURE --------------------------- */

html, body {
	width: 100%;
	height: auto;
	min-height: 100%;	
}
body {
	background: #ffffff;
}

/* -------------------------------- !CLEARFIX -------------------------------- */
.group:before, .group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

hr {
	display: block;
	border: none;
	height: 1px;
	background: #000;
}

#sitecontainer {
	width: 100%;
}

#sitewrap {
	margin: 26px 15px 0px 15px;
	padding-bottom: 28px;
	width: 100%;
}

#navi {
	width: 160px;
	margin-right: 28px;
}

#thumbcaption {
	height: 64px;
	overflow: hidden;
}
div.txtcol1 {
	width: 254px;
	margin-right: 22px;
}
div.txtcol1plus1 {
	width: 530px;
	margin-right: 22px;
}
div.txtcol2 {
	width: 254px;
	margin-right: 22px;
}
div.txtcol3 {
	width: 254px;
	margin-right: 22px;
}
div.txtcol4 {
	width: 254px;
	/* height: 102px; */
	margin-right: 22px;
}
div.txtcol5 {
	width: 245px;
}
div.vc {
	width: 200px;
	margin-bottom: 20px;
}
div.txtcol6 {
	width: 530px;
	margin-right: 22px;
}

div.endcol {
	float: right;
}


#pubimage {
	width: 530px;
	margin-right: 22px;
}

#pubimage img {
	width: 100%;
	height: auto;
}

.landingwrap {
	width: 100%;
	height: 100%;
}
/* default */

.fullwidth {
	width: 100%;
	display: block;
	padding-top: 28px;
	margin: 0 auto;	
}

.center {
	width: 388px;
	display: block;
	padding-top: 28px;
	margin: 0 auto;
}
.center.wide {
	width: auto;
	max-width: 100%;
}
.center.fullwidth {
	width: 100%;
	padding-top: 28px;
}



/* custom */
/*
.center {
	width: 963px;
	height: 650px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -481px;
	margin-top: -325px;	
}
*/
/* @media screen and (max-width: 851px) { */


@media screen and (max-width:480px) {
	.center {
		width: 80%;
		height: auto;
		left: 0;
		top: 0;
		margin-left: 10%;
		margin-top: 20px;	
	}
}
div.center_l {
	width: 550px;
	display: block;
	float: none;
	margin-top: 28px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
div.imgcol1nc {
	width: 504px;
}
div.imgcol1 {
	width: 504px;
	text-align: center;
}
div.imgcol2 {
	width: 700px;
	text-align: center;
}
div.ssimgcol2 {
	width: 700px;
	text-align: center;
	margin-top: 15px;
}
div.imgcol3 {
	width: 288px;
	margin-right: 28px;
	text-align: center;
}

div.fullwidth {
	/* width: 820px; */
	width: 100%;
}

div.signs {
	width: 190px;
	height: 268px;
	margin-bottom: 23px;
}

div.thumbs_s {
	width: 120px;
	height: 120px;
	margin-bottom: 20px;
}
div.thumbs_l {
	width: 148px;
	height: 148px;
	margin-bottom: 20px;
}
div.thumbsmargin {
	/* margin-right: 20px; */
}

img.thumb {
	width: 180px;
	height: auto;
	display: block;
	margin: 0 auto;
	text-align: center;
}


.pastimg {
/*
position: absolute;
	top: 0px;
	left: 0px; 
*/
}
.pastinfo {
	width: 190px;
	height: 268px;
	position: absolute;
	top: 0px;
	left: 0px; 
	display: none;
	cursor: pointer;
}
h1 {margin-bottom: 0;}
h2 {margin-bottom: 16px;}
h2.bm {margin-bottom: 48px;}

.ita {
	font-style: italic;
}

p.red,
span.red {
	color: #ff0000;
}
.msg {
	margin-top: 7px;
}

.small, .small p, .small span, .small a {
	font-size: 10px;
	line-height: 14px;
}


.dn {display: none;}


#tooltip {
	position: absolute;
	z-index: -1;
	border: 0;
	background-color: #ffffff;
	padding: 3px 6px 1px 7px;
}
#tooltip h3, #tooltip div { margin: 0; }


.mt {margin-top: 16px;}




/* ------------------------------- divs ------------------------------- */

div.nomargin {
	width: 100%;
}


.mb {margin-bottom: 16px;}


div.mb_sngl,
a.mb_sngl {
	width: 100%;
	margin-bottom: 16px;
}
div.mt_sngl {
	width: 100%;
	margin-top: 32px;
}

div.mb_dbl {
	width: 100%;
	margin-bottom: 32px;
}
div.mb_trip {
	width: 100%;
	margin-bottom: 48px;
}


div.tickerwrap1 {
	position: absolute;
	top: 87px;
	left: 0px;
	width: 100%;
	overflow: hidden;
}
div.tickerwrap2 {
	position: absolute;
	top: 187px;
	left: 0px;
	width: 100%;
	overflow: hidden;
}
div.tickerwrap3 {
	position: absolute;
	top: 287px;
	left: 0px;
	width: 100%;
	overflow: hidden;
}
div.zabove {
	z-index: 1;
}
div.zbelow {
	z-index: -1;
}


/* Container DIV - automatically generated */
.simply-scroll-container { 
	width: 100%;
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 100%;
	height: 30px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 3000px;
	height: 30px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	height: 30px;
}


/* new */

.ml-23 {
	margin-left: -23px;
}

.ml23 {
	margin-left: 23px;
}

.columnise_3 {
	-moz-column-count:3;
	-webkit-column-count:3;
	column-count:3;
}
.columnise_2 {
	-moz-column-gap: 22px; 
	-moz-column-count:2;
	-webkit-column-gap: 22px;  
	-webkit-column-count:2;
	column-count:2;
	column-gap: 22px; 
}
/*
.columnise_3 ul, .columnise_2 ul {
	page-break-inside:avoid;
	-webkit-column-break-inside: avoid;
}
*/

/* hide on mobile */
.hom {
	display: block;
}


#eximage img {
	width: 254px;
}
.firstgall {
	position: relative;
}
.firstgall:before {
	display: block;
	position: absolute;
	left: -11px;
	top: 2px;
	content: url(/css/img/playicon.png);
}

.threelines {
	height: 48px;
}

.mt50 {
	margin-top: 48px;
}

.mt64 {
	margin-top: 64px;
}

.mt100 {
	margin-top: 100px;
}


.wrapwrap {
	/* background: grey; */
}

.thumbswrapwrap {
	width: 180px;
	height: 180px;
	padding-bottom: 40px;
}


.video, .audio {
	position: relative;
}

.audio:after {
    background: url(/css/img/audioicon.png);
    content: " ";
    position:absolute;
	display: inline-block;
    height: 12px;
    width: 13px;
    top: 0px;
    right: -19px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.video:after {
    background: url(/css/img/videoicon.png);
    content: " ";
    position:absolute;
	display: inline-block;
    height: 9px;
    width: 13px;
    top: 1px;
    right: -22px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.mb50 {
	margin-bottom: 50px;
}

.db {
	display: block;
}

#subscribe {
	margin-top: 6px;
}
a.subscribe, a.unsubscribe {
	margin-top: 20px;
}

.mr0 {
	margin-right: 0 !important;
}

.newwrap {/* background: #f8ee9c */}

.mapimg img{
	width: 693px;
	height: auto;
	margin-left: 0px;
}


.homewrap {
	width: 552px;
}

.h113 {
	height: 113px;
}



#lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 999;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}



#lightbox .caption {
	position: absolute;
	bottom: 24px;
	left: 24px;
}

#lightbox .imgarea {
	margin: 84px 24px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #e3e3e3;
	text-align: center;
}


#lightbox .slideshow {
	padding: 26px 15px 28px 15px;
	float: none;
	display: block;
	height: 800px;
}
#lightbox .slideshow .slide {
	position: absolute;
	top: 0;
	left: 0;
}

#lightbox .ssimgcol2 {
	height: 700px;
}
#lightbox .sbtn, 
#lightbox .swipearea {
	position: absolute;
	top: 0px;
	width: 50%;
	height: 100%;
	display: block;
}
#lightbox .sbtn.prev {
	left: 0;
	cursor: url('/css/img/arrw_l.png'),url('/css/img/arrw_l.cur'), pointer;
}
#lightbox .sbtn.next {
	right: 0;
	cursor: url('/css/img/arrw_r.png'),url('/css/img/arrw_r.cur'), pointer;	
}
#lightbox .swipearea {
	width: 100%;
	left: 0;
}

#lightbox img {
	max-width: 700px; max-height: 600px;
}


#lightbox .background {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
}




.homeclick {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
.homeclick img {
	margin: 0 auto;
	display: block;
	margin-top: 28px;
}



.ico {
	text-indent: -9999px;
	display: inline-block;
}
.ico:hover {
	-moz-transition: none;
	-webkit-transition: none;
	transition: none;
}


.burger {
	display: none;
	width: 23px;
	height: 13px;
    background: url(/css/img/burger.png);
}

.burger:hover {
	cursor: pointer;
}


.slideshow #navi {
	width: 206px !important;
	height: 500px;
	margin-right: 40px;
}
.slideshow .rightcont .captioncontainer,
.slideshow .rightcont .ssimgcol2 {
	display: block;
	float: none;
}
.txtcol1.close {
	height: 100%;
	display: inline-block;
	cursor: pointer;
}


@media screen and (max-width: 1320px) {
	
	#navi {
		width: 145px;
	}
	
	.h113 {
		height: 113px;
	}
	

}

@media screen and (max-width: 1040px) {
	
	#navi {
		width: 145px;
	}
	
	
}

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

	#sitecontainer {}

	div.txtcol1plus1 {
		width:254px
	}
	
	.columnise_2 {
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
	}
	
	.hom {
		display: block;
	}
	
	div.imgcol2 {
		width: 100%;
	}
	
	.imgcol2 img
	{
		width: 100%; height: auto;
	}
	
	#navi {
		width: 145px;
	}
	
	.ml173 {
		margin-left: 173px;
	}
	
	.mapimg img{
		width: 552px;
		height: 344px;
	}
	
	.homewrap {
		width: 254px;
	}
	
	#lightbox img {
		max-width: 700px; max-height: 600px;
	}


}



@media screen and (max-width: 924px) {
	
	#navi {
		width: 145px;
	}
	
/*
	.slideshow #navi {
		height: auto;
	}
*/

}

@media screen and (max-width: 747px) {
	
	.mapimg img {
		width: 254px;
		height: 158px;
	}
	.mt64 {
		margin-top: 0;
	}

}

@media screen and (max-width: 568px) and (max-width: 762px) {

	#sitecontainer {}

	div.txtcol1plus1 {
		width:254px
	}
	
	.columnise_2 {
		-moz-column-count:1;
		-webkit-column-count:1;
		column-count:1;
	}
	
	.hom {
		display: block;
	}
	
	div.imgcol2 {
		width: 100%;
	}
	
	/*
.imgcol2 img {
		width: 100%; height: auto;
	}
*/
	
	#lightbox img {
		max-width: 700px; max-height: 600px;
	}
		
	#navi {
		width: 145px;
	}
	
	.ml173 {
		margin-left: 173px;
	}
	
	
	.mt100 {
		margin-top: 100px;
	}
	
	.h113 {
		height: 185px;
	}
	
	#thumbcaption {
		margin-top: 14px; 
	}
	
}

@media screen and (max-width: 568px) {
	
	#sitewrap {
		margin-top: 31px;	
	}

	.burgerwrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 31px;
		z-index: 999;
		background: white;	
	}
	.burger {
		display: inline-block;;
		margin-top: 8px;
		margin-left: 15px;
	}	
	
	.mobilemenu {
		display: none;
		z-index: 100;
		padding-bottom: 10px;
		background: white;
		width: 100%;
		height: 130px;
		position: fixed;
		overflow: scroll;
		left: 0px;
		top: 29px;
		padding-left: 14px;
	}
	

	body.home .mobilemenu {
		display: block;
		position: relative;
		padding-left: 0;
		top: -2px;
	}	

	body {-webkit-text-size-adjust: none;}
	
	#sitecontainer {
		width: 100%;
	}
	
	#navi {
		margin-right: 0;
		margin-bottom: 80px;
	}
	
	.slideshow #navi {
		margin-bottom: 0 !important;
	}
	
	.slideshow .h113 {
		height: auto;
	}
	
	#navipt1 {
		margin-right: 28px;
	}
	
	
	.hom {
		display: none;
	}
	
	.ml-23,
	.ml23 {
		margin: 0;
	}
	
	.ml23.thumbswrapwrap, .signs.ml23 {
		margin-left: 23px;
	}
	
	.fullwidth.ml-23 {
		margin-left: -23px;
	}
	
	.ml173 {
		margin-left: 0;
	}
	.thumbswrapwrap {
		height: auto;
	}
	#thumbcaption {
		margin-top: 14px; margin-bottom: 20px;
	}
	
	h2 {
		margin-bottom: 16px;
	}
	
	#lightbox #navi {
		display: none;
	}
	#lightbox img {
		display: block;
		max-width: 290px; max-height: 600px;
		margin-bottom: 15px;
	}
	#lightbox .ssimgcol2 {
		width: 100%;
	}
	.hiddencap {
		margin-top: 16px;
		display: block;
		float: none;
		text-align: left;
	}
		
}