@font-face {
 font-family: Din;
 src: url("images/DIN-Light.eot");
 src: url('images/DIN-Light.eot?#iefix') format('embedded-opentype'),
 	url("images/DIN-Light.ttf")  format('truetype');
	font-weight: normal;
}
@font-face {
 font-family: Din;
 src: url("images/DIN-BoldAlternate.eot");
 src: url('images/DIN-BoldAlternate?#iefix') format('embedded-opentype'),
 	url("images/DIN-BoldAlternate.ttf")  format('truetype');
	font-weight: 700;
}
@font-face {
 font-family: Din-bold;
 src: url("images/DIN-Bold.eot");
 src: url('images/DIN-Bold?#iefix') format('embedded-opentype'),
 	url("images/DIN-Bold.ttf")  format('truetype');
	font-weight: 700;
}
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
	width:100%;
	height:100%;
	font-size: 62.5%;
	position:relative;
}
body {
	margin:0px;
	padding:0px;
	font-family:Din, 'Open Sans', Helvetica, Arial, sans-serif;
	color:#333;
	width:100%;
	height:100%;
	position:relative;
	
	-webkit-text-size-adjust:none;
	
}
.lt-ie7 body {
	behavior: url('csshover.htc');
	font-size: 100%;
}
ul,
li,
div,
p,
h1,
h2,
h3,
header,
article,
footer,
section,
img {
	position:relative;
	border:none;
	display:block;
	list-style:none;
	font-weight:normal;
	margin:0px;
	padding:0px;
	border:none;
}
a {
	text-decoration:none;
	border:none;
}
.clear {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	height:0;
}

/* regular */
body {
	font-size:16px;
	background-position:center;
	min-width:940px;
	min-height:560px;
}
#canvas {	
	position:absolute;
	width:940px;
	height:560px;
	margin-left:-470px;
	margin-top:-280px;
	top:50%;
	left:50%;
}
.but_menu_lbl, 
#but_menu {
	display:none;	
}
#header {
	position:absolute;
	top:0;
	left:0;
}
#footer {
	position:absolute;
	top:0;
	right:0;
	line-height:20px;
	font-size:12px;
	color:#999;
	
}
#footer a {
	color:#999;
	transition:color 0.25s;
	-webkit-transition:color 0.25s;	
	-moz-transition:color 0.25s;	
	-o-transition:color 0.25s;
}
#footer a:hover {
	color:#000;
}
.content_masthead {
	height:130px;
	background-image:url(images/strip_bg.jpg);
	background-size:1000px;
	margin-top:20px;	
	overflow:hidden;
}
.temp_home .content_masthead {
	height:65px;
	background-image:url(images/strip_bg.png);
}
.header_menu {
	padding-left:8px;	
}
.header_menu li {
	float:left;
	margin:0;
	line-height:20px;
	font-size:12px;
	margin-right:8px;
	font-weight:700;
}
.header_menu li a {
	color:#999;
	transition:color 0.25s;
	-webkit-transition:color 0.25s;	
	-moz-transition:color 0.25s;	
	-o-transition:color 0.25s;
}
.header_menu li a:hover {
	color:#000;
}
.header_menu li.selected a {
	color:#0C83B4;
}
#content {
	height:540px;	
}
.content_title {
	text-transform:uppercase;
	color:#999;
	float:left;
	font-weight:700;
	font-size:22px;
	margin-top:3px;
	line-height:130px;
	padding-left:8px;
	/*text-shadow: -1px -1px 0px rgba(234, 232, 208, 0.25);*/
	white-space:nowrap;
}
.temp_home .content_title {
	color:#fff;
	line-height:65px;
	text-shadow: none;
}
.content_header_lbl, 
.content_subtitle {
	text-transform:uppercase;
	color:#999;
	float:left;
	font-size:22px;
	line-height:130px;
	margin-top:3px;
	/*text-shadow: -1px -1px 0px rgba(234, 232, 208, 0.25);*/
	padding-left:3px;
	white-space:nowrap;
}
.temp_home .content_header_lbl, 
.temp_home .content_subtitle {
	color:#fff;
	line-height:65px;
	text-shadow:none;
}
.content_header_lbl {
	position:absolute;
	right:0px;
	padding-right:8px;
	text-align:right;
	width:50%;
}
.thumblist {
	display:none;
}
.slideshow {
	position:fixed;
	z-index:-1;
	background:#000;
	top:0;
	left:0;
	width:100%;
	height:100%;	
}
.slideshow li {
	position:absolute;
	z-index:1;
	visibility:hidden;
 	 opacity:0;
	transition:visibility 0s 1s,opacity 1s;
	-webkit-transition:visibility 0s 1s,opacity 1s;	
	-moz-transition:visibility 0s 1s,opacity 1s;	
	-o-transition:visibility 0s 1s,opacity 1s;	
}
.slideshow li video,
.slideshow li img {
	opacity:0;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;	
	-moz-transition:opacity 1s;	
	-o-transition:opacity 1s;
	-webkit-backface-visibility: hidden;	
}
.slideshow li video.loaded,
.slideshow li img.loaded {
	opacity:1;
}
.slideshow li.last,
.slideshow li.selected {
	z-index:10;
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-0-transition-delay:0s;
}
.slideshow li.last {
	z-index:9;
}
.content_header_lbl {
	opacity:0;
	transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;	
	-moz-transition:opacity 0.5s;	
	-o-transition:opacity 0.5s;
}
.content_header_lbl.show {
	opacity:1;
}
.submenu {
	position:absolute;
padding-left:8px;
z-index:2;
}
.submenu li {
	float:left;
	margin:0;
	line-height:20px;
	font-size:12px;
	padding-right:8px;
	font-weight:700;
	transition:padding-top 0.25s, opacity 0.25s;
	-webkit-transition:padding-top 0.25s, opacity 0.25s;
	-moz-transition:padding-top 0.25s, opacity 0.25s;
	-o-transition:padding-top 0.25s, opacity 0.25s;
}
.submenu li:hover {
	/*padding-top:5px;*/
}
.submenu li a {
	color:#999;
	transition:color 0.25s;
	-webkit-transition:color 0.25s;	
	-moz-transition:color 0.25s;	
	-o-transition:color 0.25s;
	font-family:Din-bold, 'Open Sans', Helvetica, Arial, sans-serif;
}
.submenu li.but_next {
	width:10px;
	height:20px;
	background:url('images/sprite.png');
	background-position:-16px -251px;
	cursor:pointer;
	opacity:0.5;
}
.submenu li.but_prev {
	width:10px;
	height:20px;
	background:url('images/sprite.png');
	background-position:-16px -211px;
	cursor:pointer;
	opacity:0.5;
}
.submenu li.but_prev:hover,
.submenu li.but_next:hover {
	opacity:1;
}
.submenu li.but_prev.disabled,
.submenu li.but_next.disabled {
	opacity:0.1;
}
.submenu li.sameyear a {
	color:#ccc;
}
.submenu li:hover a {
	color:#000;
}
.submenu li.selected a {
	color:#0C83B4;
}
.submenu li .century,
.submenu li .title {
	display:none;
}
.content_body {
	position:relative;
	top:40px;
	padding:0 8px 0 8px;	
	color:#999;
	font-size:14px;
	line-height:20px;
	height:370px;
}
.content_body strong {
	font-weight:normal;
	color:#0C83B4;
}
.content_body a {
text-decoration:underline;
	color:#0C83B4;
}

.content_body .imgbox {
	width:400px;
	height:100%;
	float:left;
	overflow:hidden;
	margin-left:-8px;
}
.temp_contact .content_body .imgbox {
	width:50%;
}
.content_body .imgbox img{
	width:380px;
	height:auto;
}
.content_body .txtbox {
	width:520px;
	height:100%;
	overflow:auto;
	float:right;
	margin-right:-8px;
}
.temp_contact .content_body .txtbox {
	width:50%;
}
.content_body .txtbox p {
	margin-bottom:20px;
}
.content_body .txtbox a {
	color:#333;
	font-weight:700;
}
.content_body .txtbox a:hover {
	text-decoration:underline;	
}
.temp_contact .content_body .txtbox {
	font-size:16px;
	line-height:23px;
	color:#333;
}
.temp_contact .content_body .txtbox strong {
	color:#333;
	font-weight:700;
}
.content_body .imgbox p.success {
	color:#0C0;
	padding-left:8px;
	margin-bottom:20px;
}
.content_body .imgbox p.error {
	color:#F00;
	padding-left:8px;
	margin-bottom:20px;
}
.content_body label {
	display:block;
	padding-left:8px;
	font-weight:700;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
}
.content_body label.error {
	position:absolute;
	top:-100%;
	right:0;
	color:#F00;
}
.content_body .input_wrapper {
	display:block;	
	width:95%;
	border:solid #ccc 1px;
	margin-bottom:10px;
}
.content_body input[type="text"] {
	width:100%;
	height:20px;
	line-height:20px;
	border:none;
	padding:0;
	margin:0;
	font-family:Din, 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.content_body input[type="submit"] {
	cursor:pointer;
	background:none;
	padding:0;
	margin:0;
	border:none;
	font-family:Din, 'Open Sans', Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#999;
	font-weight:700;
	text-transform:uppercase;
	padding-left:8px;
}
.content_body input[type="submit"]:hover {
	color:#000;
}
.content_body textarea {
	width:100%;
	height:160px;
	border:none;
	padding:0;
	margin:0;
	font-family:Din, 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight:700;
}
.gallery {
	width:100%;
	height:130px;
	position:absolute;
	left:0;
	bottom:0;
}
.gallery li {
	position:absolute;
	bottom:0;
 	 opacity:0;
	visibility:hidden;
}
.gallery li img {
width:232px;
height:130px;
}
.gallery li.img:nth-child(2n+0) {
	left:235px;
}
.gallery li.img:nth-child(2n+1) {
	left:0;
}
.gallery li.img:nth-child(1) {
	visibility:visible;
	opacity:1;
}
.gallery li.img:nth-child(2) {
	visibility:visible;
	opacity:1;
}

.gallery.active li.img {
	z-index:1;
	visibility:hidden;
 	 opacity:0;
	transition:visibility 0s 1s,opacity 1s;
	-webkit-transition:visibility 0s 1s,opacity 1s;	
	-moz-transition:visibility 0s 1s,opacity 1s;	
	-o-transition:visibility 0s 1s,opacity 1s;	
		
}
.gallery.active li.img.last,
.gallery.active li.img.selected {
	z-index:10;
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-0-transition-delay:0s;
}
.gallery.active li.img.last {
	z-index:9;
}
.gallery.active li.img img {
	opacity:0;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;	
	-moz-transition:opacity 1s;	
	-o-transition:opacity 1s;
}
.gallery.active li.img img.loaded {
	opacity:1;
}
.gallery li.mov {
	z-index:20;
	opacity:1;	
	left:0;
	width:0;
	opacity:1;
	overflow:hidden;
	height:370px;
	visibility:hidden;
	transition:visibility 0s 1s,width 1s,opacity 1s;
	-webkit-transition:visibility 0s 1s,width 1s,opacity 1s;	
	-moz-transition:visibility 0s 1s,width 1s,opacity 1s;	
	-o-transition:visibility 0s 1s,width 1s,opacity 1s;
}
.gallery li.mov video {
	position:absolute;
	bottom:0;
	height:370px;
	width:auto;
	z-index:2;
}
.mobile .gallery li.mov video,
.ipad .gallery li.mov video {
	width:100%;
}
.gallery li.mov .bg {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	background:#fff;
}
.gallery li.mov.selected {
	width:100%;	
	opacity:1;	
	visibility:visible;
	transition-delay:0s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-0-transition-delay:0s;
}
.gallery .but_mov {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	z-index:15;
	cursor:pointer;
	transition:background 0.5s;
	-webkit-transition:background 0.5s;	
	-moz-transition:background 0.5s;	
	-o-transition:background 0.5s;
}
.gallery .lbl_mov {
	position:absolute;
	bottom:100%;
	padding:0 0 5px 8px;
	font-size:14px;
	line-height:20px;
	opacity:1;
	color:#999;
	transition:opacity 0.5s, color 0.5s;
	-webkit-transition:opacity 0.5s, color 0.5s;	
	-moz-transition:opacity 0.5s, color 0.5s;	
	-o-transition:opacity 0.5s, color 0.5s;
  	-webkit-font-smoothing: antialiased;
}
.gallery .but_mov:hover {
	opacity:1;
	background:rgba(255,255,255,0.25);
}
.gallery .but_mov:hover .lbl_mov {
	opacity:1;
	color:#000;
}
.gallery .but_mov_close {
	display:none;
	position:absolute;
	bottom:375px;
	right:0;
	width:20px;
	height:20px;
	z-index:25;
	margin-left:8px;
	cursor:pointer;
	background-image:url(images/but_mov_close.gif);
	visibility:hidden;
 	 opacity:0;
	transition:visibility 0s 1s,opacity 1s;
	-webkit-transition:visibility 0s 1s,opacity 1s;	
	-moz-transition:visibility 0s 1s,opacity 1s;	
	-o-transition:visibility 0s 1s,opacity 1s;	
}
.mobile .gallery .but_mov_close,
.ipad .gallery .but_mov_close {
	display:block;
}
.gallery .but_mov_close.selected {
	visibility:visible;
	opacity:0.5;
	transition-delay:0s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-0-transition-delay:0s;
}
.gallery.active .but_mov_close:hover {
	background-color:#eee;
}

.nonselect {

	-webkit-user-select: none;  
  -moz-user-select: none;    
  -ms-user-select: none;      
  user-select: none;	
}
.hidden {
display:none;	
}
@media only screen
and (max-width : 940px) {
body {
	min-width:0px;
	min-height:0px;
}
#canvas {	
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	top:0;
	left:0;
}
#content {
	height:auto;	
}
.content_masthead {
	background-size:150%;
	margin-top:0px;	
}
.header_menu {
	padding-top:8px;
	padding-bottom:8px;	
}
.submenu {
	position:relative;
	padding-top:8px;
	padding-bottom:8px;	
}
.content_body {
	position:relative;
	top:0;
	height:auto;
}
#header {
	position:relative;
}
#footer {
	position:relative;
	padding:8px;
	
}
.temp_home #footer {
	position:absolute;
	bottom:0;
	top:auto;	
}
.gallery {
	width:100%;
	height:130px;
	position:relative;
	margin-top:130px;
	bottom:auto;
}
.gallery.active li.mov {
	bottom:auto;
	top:0;	
}
.gallery.active li.mov video {
	bottom:auto;
	top:0;	
}
.gallery.active .but_mov_close {
	bottom:auto;
	top:-28px;
	right:8px;
}
.content_body {
}
.content_body .imgbox {
	width:50%;
	height:100%;
	padding-top:30px;
}
.temp_contact .content_body .imgbox {
	width:50%;
}
.content_body .imgbox img{
	width:90%;
	height:auto;
}
.content_body .txtbox {
	padding-top:30px;
	width:50%;
	height:100%;
	overflow:auto;
	float:left;
	margin-right:-8px;
}
}
@media only screen
and (max-width : 480px) {
.gallery {
	margin-top:40px;
}
.gallery li.img:nth-child(2n+0) {
	left:auto;
	right:0;
}
.gallery.active li.img {
	width:50%;	
	top:0;
	bottom:auto;
}
.gallery.active li.img img {
	width:100%;	
	height:auto;
}
.content_title,
.content_header_lbl, 
.content_subtitle {
	font-size:16px;
	line-height:65px;
}
.content_masthead {
	height:65px;
}

.temp_home .content_header_lbl {
	line-height:40px;
	position:fixed;
	bottom:0;
	left:8px;
	text-align:left;
}
.content_body .imgbox {
	width:100%;
	height:100%;
	padding-top:30px;
	margin-left:0;
	float:none;
}
.temp_contact .content_body .imgbox {
	width:100%;
}
.content_body .imgbox img{
	width:100%;
	height:auto;
}
.content_body .txtbox {
	padding-top:30px;
	width:100%;
	height:100%;
	overflow:auto;
	float:none;
	margin-right:0;
}
.temp_contact .content_body .txtbox {
	width:100%;
}
}