html {
	overflow-y:scroll;
}
body {
	margin:1em;
	padding:0;
	font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial;
	font-weight:bold;
	width:auto !important;
	height:auto !important;
	overflow:initial !important;
}
a {
	color:black;
}

#main{
	width:100%;
	/*max-width:900px;*/
	margin-left:auto;
	margin-right:auto;
}

#header {
	position:relative;
	height:43px;
	margin-bottom:2em;
}
#header .logo {
	position:absolute;
	left:0px;top:0px;
	background-color:white;
	z-index:100;
	width:200px;
}
#header .line {
	position:absolute;
	left:0px;bottom:0px;right:0px;
	background-color:black;
	height:7px;
}
#header img{
	display:block;
}

#footer {
	clear:both;
	padding-top:1.5em;
	font-size:0.8em;
	/*border:1px solid blue;*/
}
#footer .line {
	background-color:black;
	height:7px;
	margin-top:0.3em;
}
#menu {
	font-size:1.3em;
	max-width:700px;
	margin-bottom:1em;
}
#menu a{
	color:black;
	text-decoration:none;
	border-bottom:0.15em solid black;
	height:1.1em;
	position:relative;
	display:inline-block;
}
#menu a.active{
	color:#c0081f;
	border-color:#c0081f;
	/*border-bottom:0.15em solid #c0081f;*/
}

/* big text */
.text {
	font-size:1.3em;
	margin-bottom:1em;
}
.text a, .img-text a {
	color:black;
	text-decoration:none;
	border-bottom:0.15em solid black;
	height:1.1em;
	position:relative;
	display:inline-block;
}
	
/* smaller text */
.text span.small {
	font-size:0.8em;
}
.img-text div.small, .img-text span.small {
	font-size:0.8em;
}

/* colored box */
.box {
	float:left;
	position:relative;
	display:block;
	width:100%;
	background-color:#c0081f; /* fallback color IE < 9 */
	font-size:1.3em;
	overflow:hidden;
	text-decoration:none;
}

.large { /* box large */
	width:100%;
	border:0;
}
.box > img {
	display:block;
	width:100%;
	height:auto;
	z-index:999;
	position:relative;
	visibility:hidden;
	border:none;
}
.box > div {
	padding:1em;
	padding-top:0.8em;
	position:absolute;top:0;left:0;
	color:white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}
.box:first-of-type {
	background-color:#de007b;
}
.box:nth-of-type(2) {
	background-color:#c0081f;
}
.box:nth-of-type(3) {
	background-color:#3fa033;
}
.box:nth-of-type(4) {
	background-color:#ffcb00;
}
.box:nth-of-type(5) {
	background-color:#009fee;
}
.box:nth-of-type(6) {
	background-color:#1c307e;
}
.box:nth-of-type(7) {
	background-color:#de007b;
}
.box:nth-of-type(9) {
	background-color:#c0081f;
}
.box:nth-of-type(9) {
	background-color:#3fa033;
}
.box:nth-of-type(10) {
	background-color:#ffcb00;
}
.box:nth-of-type(11) {
	background-color:#009fee;
}
.box:nth-of-type(12) {
	background-color:#1c307e;
}
.box:nth-of-type(13) {
	background-color:#de007b;
}
.box:nth-of-type(14) {
	background-color:#c0081f;
}
.box:nth-of-type(15) {
	background-color:#3fa033;
}
.box:nth-of-type(16) {
	background-color:#ffcb00;
}
.box:nth-of-type(17) {
	background-color:#009fee;
}
.box:nth-of-type(18) {
	background-color:#1c307e;
}

.no-touch .box:hover > img {
	visibility:visible;
	border:none;
}

/* image with text */
.img-text {
	clear:left;
	font-size:1.3em;
	margin-bottom:1em;
}
.img-text:last-of-type {
	margin-bottom:0em;
}
.img-text:before,.img-text:after{content:"";display:table}.img-text:after{clear:both} /* clearfix */
.img-text > img {
	float:left;
	width:100%;
	margin-right:1em;
}
.img-text > div {
	font-size:1em;
	display:table;
}
.img-text > div > a, .img-text span a{
	color:black;
	text-decoration:none;
	border-bottom:0.15em solid black;
	height:1.1em;
	position:relative;
	display:inline-block;
}

.img-text .video {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.21%;
	max-width:100%;
	margin-right:1em;
	overflow:hidden;
	margin-bottom:1em;
}

.img-text .video iframe {
	position:absolute;
	width:100%;
	height:100%;
}

.img-text .image {
	width:100%;
}
.img-text .image img {
	width:100%;
	height:auto;
}

.xslide {
	float:left;
	width:100%;
	margin-right:1em;
}

.img-text .xslide img {
	width:100%;
}

.form{
	clear:both;
	padding-top:1em;
}
select, input {
	font-size:1em;
	font-family:"HelveticaNeue";
	font-weight:bold;
}

/* 2 cols */
/*@media only screen and (min-width: 30em) {*/
@media only screen and (min-width: 25em) {
	#main {
		max-width:40em;
	}
	#menu {
		font-size:1.3em;
	}
	.text {
		font-size:1.3em;
	}
	.box {
		font-size:1.3em;
		width:50%;
	}
	.large {
		width:100%;
	}
	.img-text {
		font-size:1.3em;
	}
	.img-text img{
		width:50%;
	}
	.img-text .slider img{
		width:100%;
	}
	.xslide {
		width:50%;
	}
}

/* 3 col */
/*@media only screen and (min-width: 45em) {*/
@media only screen and (min-width: 55em) {
	#main {
		max-width:56em;
	}
	#header .line {
		position:absolute;
		left:0px;bottom:0px;right:5px;
		background-color:black;
		height:7px;
	}
	#sticky {
		background-color:white;
		position:fixed;
		display:inline-table;
		top:0;
		width:100%;
		max-width:56em;
		z-index:1001;
		padding-top:1em;
	}
	#menu {
		font-size:2em;
	}
	#content {
		margin-top:12.6em;
	}
	.text {
		font-size:2em;
	}
	.box {
		font-size:2em;
		width:33%;
	}
	.large {
		width:66%;
		overflow:hidden;
	}
	
	.img-text {
		font-size:2em;
	}

	.img-text img{
		width:100%;
	}

	.img-text img{
		width:33%;
	}

	.img-text .slider img{
		width:100%;
	}

	.xslide {
		width:33%;
	}
}



/*
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}
.img-text:before,.img-text:after{content:"";display:table}.img-text:after{clear:both}
#content:before,#content:after{content:"";display:table}#content:after{clear:both} */