body {

	background: url(tausta.jpg) right top no-repeat, url(tausta3.jpg) right bottom repeat-y;
	background-position:fixed;
	margin: 0; padding: 0; 
	background-color:#000;
	font:10px verdana; color:#000;
}

div#site { 
	margin: auto;
	float:right;
	width:666px;
	height:100%;
	border-width:0px;
}
B {font-family:impact; font-size:18px; font-weight:normal; float:left; position:relative;}

div#navi {
	position: static; top:0;
	background-color:#000;
	font:47px impact; color:#2e2e2e;
	text-transform:uppercase;
	text-align:center;
	width:666px; height:80px;
	border:0px; 
}

div#sisa { 
	color:#fff; margin:30px 0px 0px 10px; 
	padding-right:15px;
	overflow:scroll; overflow-y:auto; overflow-x:hidden; 
	width:640px; height: calc(100% - 120px);
}

input { float:left;width:455px;
	font:14px verdana;
	color:#000;
	background:#222;
	border: 1px solid #000;
	margin-left:5px;
}


#viewport {
	position:fixed;
	top:0px;
	left:calc(100% - 988px);
	width: 500px;
	height: 500px;
 	overflow: hidden;
 	background:url('tausta2.jpg') 0 0 no-repeat
}

#viewport .smoke {
 	position: absolute;
	width: 200px;
	height: 200px;
	background:url('smoke-texture.png') no-repeat;
	bottom: 175px; 
	margin-left:0px
}