@font-face
{
	font-family: viper;
	src: url('font/VIPER__.TTF');
}

* {
    -webkit-tap-highlight-color: #bf3731;
}

html, body {
	background:#000;
	position:fixed;
	width: 1280px;
	height:800px;
	overflow-x:hidden;
	overflow-y:hidden;
	color: #fff;
	font-family: sans-serif;
}
#dim {
	position:fixed;
	background: #000;
	opacity: 0;
	width:1280px;
	height:800px;
}
#wrapper {
	width:1280px;
	height:800px;
	background: #000 url('img/bg.jpg');
	overflow:hidden;	
	padding:0px;
	overflow-x:hidden;	 
}
.view {
	position: absolute;
	width:1280px;
	height:800px;
}
#asl-view {
	font-family : viper,"VIPER NORA";
	color:#fff;
}
#asl-view h1 {
	font-family : viper,"VIPER NORA";
	position:absolute;
	text-align:center;
	width: 100%;
	font-size:234px;
	line-height:800px;
	font-weight:normal;
}
#asl-view h2 {
	font-family : viper,"VIPER NORA";
	font-size: 60px;
	position:absolute;
	font-weight:normal;
	left:50px;
	bottom:50px;
}

#intro-view {
	top:800px;
}
#intro-view h1 {
	font-family : viper,"VIPER NORA";
	font-size: 60px;
	position:absolute;
	font-weight:normal;
	left:50px;
	top:50px;
}
#intro-view p {
	position:absolute;
	top: 250px;
	width:590px;
	left:50px;
	font-size: 20px;
}
#intro-view ul {
	position:absolute;
	left:50px;
	bottom:30px;
}
.db-link, .weblink {
	width:280px;
	text-align:center;
	float: left;
	margin:0px 20px 20px 0px;
	font-family : viper,"VIPER NORA";
	list-style-type: none;
}
#links>.weblink:nth-of-type(2) {
	background: url('img/white_btn.png') 0px;
}
#links>.weblink:nth-of-type(3) {
	background: url('img/white_btn.png') 280px;
}
#links>.weblink:nth-of-type(4) {
	background: url('img/white_btn.png') 560px;
}
#links>.weblink:nth-of-type(5) {
	background: url('img/white_btn.png') 0px 100px;
}
#links>.weblink:nth-of-type(6) {
	background: url('img/white_btn.png') 280px 100px;
}
#links>.weblink:nth-of-type(7) {
	background: url('img/white_btn.png') 560px 100px;
}
.db-link {
	height:82px;/*height:180px;*/
	line-height:82px;/*line-height:180px;*/
	background:url('img/red_btn.png');
	clear: left;
	font-size:36px;
}
#input-view {
	top:800px;
}
#info-view {
	top:800px;
color:white;
}
#web-view {
	top:800px;
}
#keyboard {
	position:absolute;
	left:10px;
	bottom:50px;
}
.keyboard-button, .keyboard-backspace, .keyboard-submit {
	background: #fff;
	color:#bf3731;
	height: 102px;
	line-height:102px;
	width:102px;
	float: left;
	margin: 18px 18px 0px 0px;
	text-align: center;
	font-size:45px;
	font-family:viper,"VIPER NORA";
	list-style-type: none;
}
.keyboard-backspace img
{
	width: 102px !important;
}
.keyboard-submit {
	width:162px;
	color: #fff;
	background:url('img/red_btn.png');
}
#input-form {
	position:absolute;
	left:50px;
	top: 40px
}
#form-label {
	display:block;
	float:left;
	font-family: viper,"VIPER NORA";
	font-size:36px;
	line-height:100px;
	width:356px;
}
#form-label2 {
	margin-left: 5px;
	display:block;
	float:left;
	font-family: viper,"VIPER NORA";
	font-size:16px;
	line-height:90px;
	width:469px;
}
#form-field {
	display:block;
	float:left;
	font-weight:bold;
	width:300px;/*width:400px;make smaller to free space for instructions*/
	padding: 0px 30px;
	font-size:48px;
	height:100px;
	line-height:100px;
	background: rgba(0,0,0,0.5);
}
.back-button {
	width:150px;
	height:50px;
	position:absolute;
	text-align:center;
	line-height:50px;
	font-family: viper,"VIPER NORA";
	font-size:24px;
	left:25px;
	top:25px;
	color: #fff;
	background:url('img/red_btn.png');
}
#wrapper div.back-button {
 left: auto;
 right: 25px;
}
.header {
	position:absolute;
	width:100%;
	height:100px;
}
.header h1 {
	position:absolute;
	left:210px;
	line-height:100px;
}
#info-view-container, #web-view-container {
	position: absolute;
	top:100px;
	width:1280px;
	height:700px;
	background:none;
	border:none;
	z-index:999;
}
.header h1 {
	font-family : viper,"VIPER NORA";
}

h1,h2,p {
	padding:0px;
	width:553px;
	font-weight:normal;
	text-align: justify;
}
h1,h2 {
	margin: 10px 0px 0px 0px;
}
p {
	font-size: 18px;
	width:553px;
}

body {
	min-width:1180px;
	padding-bottom:20px;
	margin:0px;
	background: rgba(0,0,0,0.6);
}

.image-holder {
	position: relative;
	float: right;
	width: 553px;
	clear: right;
	margin-bottom: 0px;
}

.left-table {
	float: left;

}
.right-table {
	float: right;
	margin-right: 0px;	
}
.full-width-table {
	float: left;
	width: 1180px;
}
table, tr, td, .reportPageTitle {
	color: #fff !important;
	border: 1px solid #fff;
	border-spacing:0px;
}
td {
	padding: 5px;
}
img {
	position:relative;
	width: 553px;	
	margin-bottom:15px;
}

.weblink {
	background: url('img/white_btn.png');
	color:#bf3731 !important;
	font-family: viper, "VIPER NORA" !important;
	height:80px;
	line-height:80px;
	font-size:24px;
}

.ds-left 
{
  	width: 600px;/*was 450*/
	float:left;
	overflow: auto; 
	max-height: 800px; 
	font-family: "Myriad Pro", sans-serif;
}

section {
	margin-top: 5px
}

a,a:link,a:visited {
  /*color: #C32D2D;rood*/
	color:#EFEFEF;
}
.breadcrumb a {
	display:none !important;
}

#page {
	padding-left:10px;
}

.field-name-field-field-photograph, img,
.field-name-field-more-images {
position:relative;	
text-align:center;
	margin-bottom:15px;
}

.field-name-field-photograph img {
	text-align: center;
position: absolute;
top: 50%;
    left: 50%;
}

.ds-right {
  width: 600px;/*was 870*/
  float: right;
font-family: "Myriad Pro", sans-serif;
}

.ds-content {
position:absolute;
margin-top: 800px;
}

body, .field-name-body {
	/*min-width:1180px;*/
	padding-bottom:20px;
	margin:0px;
	color:white;

	font-family: "Myriad Pro", sans-serif;
}

body {
	margin:0px;
	background: rgba(0,0,0,0.6);
}


.node-type-soil-monoliths p {
	padding:0px;
	max-width: 450px;
	font-weight:normal;
}

h2 {
	font-size:30px;
	font-weight: normal;
}
p {
	font-size: 20px;
}

::-webkit-scrollbar {
	width: 50px;
	height: 10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
	display: none;
}
 
::-webkit-scrollbar-track-piece  {
	background-color: rgba(255,255,255,0.1);
	height:20px;
}
 
::-webkit-scrollbar-thumb:vertical {
	background: #bf3731 url('thumb.png') no-repeat center center;
	max-height: 150px;
}
.image-holder, .field-name-field-image-holder {
	position: relative;
	float: right;
	width: 870px;
	clear: right;
	margin-bottom: 50px;
	margin-right: 25px;	
}

.ds-left table {
	width:289px!important;
}
 
table .reportBodyTekst {
	width: auto !important;
}
.reportPageTitle {
	color: #fff !important;
	/*border: 1px solid #fff;*/
	border-spacing:0px;
}
table table, table table tr, table table td, .reportPageTitle {
	color: #fff !important;
	border: none;
	margin-bottom: 0px;
}
table table {
	float: left;
}
img, .field-name-field-field-photograph {
	/*position:relative;*/
	/*width: 870px;	*/
	text-align:center;
	margin-bottom:15px;
}
.image-holder span {
	font-size: 20px;
}


.field-name-field-image-holder span {
	font-size: 20px;
}

.node-type-soil-monoliths .breadcrumb {
	display:none;
}

.bodytext p, .ds-left .field-name-body,  .ds-left p {
	font-size:28px;
    font-weight:100;
}