@charset "UTF-8";
/* CSS Document */


.header {
	margin: 20px 0 5px 0;
	text-align:center;
	color:#ffffff; 
	font-size:46px;
	font-family:'PT Serif Caption', Arial, Helvetica, sans-serif;
	font-weight:bold;
}


/* Link styles */
a:link { opacity:1.0; }
a:visited { opacity:1.0; }

.links a:link, .links a:visited { opacity:0.7;}
.links a:hover, .links a:active, .links a:focus { opacity:1.0; }

.sm_links a:link, .sm_links a:visited {opacity:0.7;}
.sm_links a:hover, .sm_links a:active, .sm_links a:focus { opacity:1.0; }

.links {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding-top:18px;
	padding-bottom: 8px;
}

.linkBrackets {
	opacity:0.5;
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
}

.sm_links {
	width:125px;
	margin:8px auto;
	padding-bottom:40px;
}

/* background images and styles */
.fullscreen-overlay {
	opacity:0.9;
	background-image: url('../images/bg1_m.gif');
	background-color: #880000;	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}

.fullscreen-bg {	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -101;
}

.fullscreen-bg_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
}


/* image zoom when hovering - more universail settings in main.css file */
.transition {
	transform: scale(1.2);
	-webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}


.email {
	width: 520px;
	margin: 0 auto;
	background-color:#ffffff;
	opacity:0.8;
	padding:30px;
	color: #333333;
	font-weight:bold;
	border-radius: 20px;
}

input:focus, textarea:focus {
  border:#cccccc 1px solid;
  background:#777777;
  color:#ffffff;
  box-shadow: inset 2px 2px 2px 0px #555555;

}

.lbw, textarea {
  width: 510px;
  border:#cccccc 1px solid;
  background:#eeeeee;
  padding:3px 3px 3px 3px;
  color:#555555;
  box-shadow: inset 2px 2px 2px 0px #dddddd;
}
  
input, textarea, select {
  margin: 3px;
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
  -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
   box-sizing: border-box;
}

button, input, select, textarea, label {
  font-family: Arial, Helvetica, sans-serif; 
  font-size:17px;
  font-weight:bold;

}

.label { width:100px; margin-top:8px; color:#333333 }

#space { width:70px; float:left; }


@media (min-aspect-ratio: 16/9) {
	.fullscreen-bg_video {
		height: 300%;
		top: -100%;
	}
}

@media (max-aspect-ratio: 16/9) {
	.fullscreen-bg_video {
		width: 300%;
		left: -100%;
	}
}

@media (max-device-width: 600px) {
	div[class=fullscreen-overlay] {
		opacity:1.0;
		background-image: url('../images/bg1_m.gif');
		background-color: #880000;
	}
	div[class=header] {
		font-size:3em;
	}
	div[class=links] {
		font-size:2em;
		font-weight:bold;
	}
}

@media (max-device-width: 480px) {
	div[class=fullscreen-overlay] {
		opacity:1.0;
		background-image: url('../images/bg1_m.gif');
		background-color: #880000;
	}
	div[class=header] {
		font-size:2em;
	}
	div[class=links] {
		font-size:1.7em;
		font-weight:bold;
	}
}

@media (max-device-height: 500px) and (orientation: landscape) {
	div[class=fullscreen-overlay] {
		opacity:1.0;
		background-image: url('../images/bg1_m.gif');
		background-color: #880000;
	}
	div[class=header] {
		font-size:3em;
	}
	div[class=links] {
		font-size:2em;
		font-weight:bold;
	}
	div[class=content]{
	margin: 0;
	}
	div[class=sm_links] {
	width:75px;
	margin:60px auto;
	}
	div[class=header] {
	margin: 110px 0 0 0;
	}
}