html {
	height: 100%;
	
	background-image: url(/Assets/Images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000;

	scrollbar-face-color: #000;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #111;
	scrollbar-darkshadow-color: #111;
	scrollbar-track-color: #111;
	scrollbar-arrow-color: #fff;
}

body { }

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #898989; 	
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.lfloat { float: left; display: inline; }
a img { border: 0px; }

.mr0 { margin-right: 0px !important; }
.mb0 { margin-bottom: 0px !important; }

.label { width: 60px !important; margin: 10px 20px auto 20px; float: left; display: inline; font-size: 9pt !important; font-weight: bold; }
input.text { padding: 6px 2px 5px 2px; width: 260px;  font-size: 12pt; font-weight: 100; }
textarea { padding: 2px; margin: 0px auto auto 20px; width: 340px; height: 210px; font-size: 10pt; font-family: monospace;  font-weight: 100; }
.inputnormal { border: 1px solid #898989; background: transparent !important; color: #c0c0c0}
.inputactive { border: 1px solid #ffffff; background: #111 !important; color: #fff }

input.button { padding: 2px 5px; cursor: pointer; font-size: 10pt }
.btnnormal { border: 1px solid #898989; background: transparent !important; color: #c0c0c0}
.btnactive { border: 1px solid #ffffff; background: #898989 !important; color: #fff }

.mt10 { margin-top: 20px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

#preloader { width: 500px; height: 500px; overflow: hidden; position: absolute; top: -510px; left: -510px; opacity: .50; -moz-opacity: .50; -khtml-opacity: .50; filter: alpha(opacity=10);}

#content {
	width: 840px;
	height: 600px;
	
	position: absolute; z-index: 1; 
	top: 50%; left: 50%;
	margin-top: -300px; margin-left: -420px;
	
    border: 1px solid #333;


    overflow: hidden;

	/* background: pink; opacity: 0.50; */
}
#mainmenu { 
	position: absolute; z-index: 100;
	top: 50%; left: 50%;
	margin-top: -150px; margin-left: -390px;
	
	width: 320px; height: 400px;

}
.mmrow { height: 100px; float: none; clear: both; }
.mmbutton {
	width: 100px; height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
/*.mmbutton.active { cursor: default; }*/

.mmbutton { background-image: url(/Assets/Images/mmbtn.png); }
* html .mmbutton { background-image: url(/Assets/Images/mmbtn.gif); }

.mmbutton.active { background-image: url(/Assets/Images/mmbtn-active.png) !important; }
* html .mmbutton.active { background-image: url(/Assets/Images/mmbtn-active.gif) !important; }

.mmlink {
	width: 80px; text-align: center; margin-left: 5px; margin-top: 60px;
	text-transform: uppercase; font-size: 7.5pt;
}

.mmlink a, .mmlink a:hover, .mmlink span { color: #fff; text-decoration: none; }

#background {
	width: 840px;
	height: 540px;

	position: absolute; z-index: 45;
	top: 50%; left: 50%;
	margin-top: -270px; margin-left: -420px;

    overflow: hidden;

	background-position: center;
}

#page-content {
	width: 450px;
	height: 480px;

	position: absolute; z-index: 50;
	top: 50%; left: 50%;
	margin-top: -235px; margin-left: -50px;

    overflow: hidden;

	background-position: center;
	background-image: url(/Assets/Images/content-bg.png);
}

* html #page-content { background-image: url(/Assets/Images/content-bg.gif); }

#logo { background-image: url(/Assets/Images/logo.png); width: 300px; }
* html #logo { background-image: url(/Assets/Images/logo.gif); }

#body-content-working { 
	width: 220px; height: 19px;

	position: absolute; z-index: 50;
	top: 50%; left: 50%;
	margin-top: 195px; margin-left: -108px;

	display: none;
}

#body-content {
	width: 404px; height: 464px;
	overflow: hidden; 

	position: absolute; z-index: 50;
	top: 50%; left: 50%;
	margin-top: -237px; margin-left: -207px;
}

#body-content a, #body-content a:hover { color: #fff !important; }
#body-content li { margin-bottom: 8px; }

.news-content {
	padding: 1px; 
	margin: 10px 0px 0px 10px; 
	height: 330px; width: 403px; 
	overflow: auto; overflow-x: hidden
}

* html .news-content {
	width: 360px; height: 275px;
}

#body-content h1, .news-content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100 !important;
	font-size: 18pt;
	cursor: default;
	letter-spacing: -1px;
	color: #efefef;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	background-image: url(/Assets/Images/dot.gif); background-position: bottom; background-repeat:repeat-x;
}

.news-content h1 {
	font-size: 14pt !important;
}

#body-content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12pt;
	cursor: default;
	letter-spacing: -1px;
	color: #efefef;
	margin-top: 15px;
	margin-bottom: 5px;
}
#body-content strong, #body-content b { color: #dfdfdf !important; }

#div-page-content {
	height: 393px;
	overflow: hidden;
}

.scrollbar-vert{
	background-color: #111;
	height: 393px;
	width: 18px;
	float: right; display: inline;
}
.handle-vert{
	height: 42px;
	width: 14px;
	background: #000;
	border: 1px solid #cfcfcf;
	margin-left: auto;
	margin-right: auto;
}


#content-padding {
	padding-right: 10px;
}

#content-padding p { margin-top: 0px; margin-bottom: 20px; }

#lang-selector { 
	position: absolute; z-index: 40;
	width: 200px;
	
	top: 50%; left: 50%;
	margin-top: -292px; margin-left: 210px;
	
	text-align: right;
}

#nav-indicator { 
	position: absolute; z-index: 40;
	width: 200px;
	
	top: 50%; left: 50%;
	margin-top: -292px; margin-left: -410px;
	
	text-align: left;
}

#footer { 
	position: absolute; z-index: 400;
	width: 800px;
	
	top: 50%; left: 50%;
	margin-top: 278px; margin-left: -400px;
	
	text-align: center;
}
#lang-selector a, #nav-indicator a, #footer a { color: #898989; }
#lang-selector a:hover, #nav-indicator a:hover, #footer a:hover { color: #fff; }

.gallery-thumb { border: 1px solid #fff; margin: 5px; width: 82px; height: 60px; overflow: hidden; }