html {
	background: url(deskindex.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

body {
	text-align: center;
	padding: 0px;
	font-family: 'Raleway', Arial, sans serif;
	overflow:hidden;
}

/* Playfair Display */
@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/PlayfairDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Raleway */
@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Raleway 800 */
@font-face {
  font-family: 'Raleway';
  src: url('/fonts/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

.nav {
	width: 900px;
	height: 120px;
	position: static;
	text-decoration: none;
	list-style-type: none;
	display: inline;
	float: center;
	text-align: justify;
	font-family: 'Raleway', Arial, sans serif;
	font-weight: 800;
	font-size: 33pt;
	line-height: .25em;
	letter-spacing: -2px;
	color: #eee;
	z-index: 1111;
	background: rgba(0,0,0,0.3);
	background: transparent; zoom: 1;    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); /* IE 6 & 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; /* IE8 */
}

.nav li {
	display: inline;
}

.nav b {
	color: #111;
}

.nav a:link {
	text-decoration: none;
	color: #eee;
}

.nav a:visited {
	color: #eee;
}

.nav a:hover {
	color: #ccc;
}

.root {
	width: 901px;
	position: static;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	float: center;
	background: rgba(0,0,0,0.3);
	background: transparent; zoom: 1;    
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); /* IE 6 & 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; /* IE8 */
}


#tag {
	position: absolute;
	bottom: -130px;
	left:80px;
	width:350px;
	height: 220px;
	padding: 0;
	color: #333;
	background-color: #fff;
	border-radius: 12px;
	text-align: left;
	z-index:1003;
	-moz-box-shadow: 1px 1px 2px #888;
	-webkit-box-shadow: 1px 1px 2px #888;
	box-shadow: 1px 1px 2px #888;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out; 
	transition: 1s ease-in-out;
	overflow: hidden;
}

#tag:hover {
	-webkit-transform: translate(0,-115px); 
	-moz-transform: translate(0,-115px); 
	-o-transform: translate(0,-115px); 
	-ms-transform: translate(0,-115px); 
	transform: translate(0,-115px);
}



#tag p {
	padding: 0 0 0 20px;
	font-size: 11pt;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.25em;
	color: #333;
}

#tag a:link {
	text-decoration: none;
	color: #105994;
	border-bottom: 3px solid #fff;
}

#tag a:visited {
	text-decoration: none;
	color: #105994;
	border-bottom: 3px solid #fff;
}

#tag a:hover {
	text-decoration: none;
	color: #222;
	border-bottom: 3px solid #eee;	
}

#tag h1 {
	padding: 20px 20px 0;
	line-height: .1em;
	font-size: 15pt;
	font-weight: 800;
}


span.codedirection { unicode-bidi:bidi-override; direction: rtl; }

.unselectable { 
      -webkit-user-select: none; 
      -webkit-touch-callout: none; 
      -moz-user-select: none; 
      -ms-user-select: none; 
      user-select: none;
}