* {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 11px;

	font-weight: normal;

	text-decoration: none;

   color: #c0be99;
}

html 
{
	position: relative;

	width: 100%;
	height: 100%;

 	overflow: hidden;

   background-color: #222;
}

body
{
	position: static;

	width: 100%;
	height: 93px;

	background-color: #000;

   border-bottom: 2px solid #989672;
}

body h1
{
   z-index: 1;

   position: absolute;

   top: 0px;
   left: 0px;

   width: 119px;
   height: 65px;

   padding-top: 30px;
   padding-left: 11px;

   line-height: 10px;

   background-color: #989672;

   color: #f9f9eb;
}

body h1 img
{
   position: absolute;

   top: 5px;
   left: 11px;
}

body .subTitle, body ul.navi
{
   z-index: 2;

   position: relative;
	/*	position: static; */

   height: auto;
   width: auto;
   
   /* min-width: 240px; */
   min-width: 470px;

   top: 11px;
   margin-left: 141px;
   margin-right: 400px;
}

body .subTitle strong
{
   font-weight: bold;
}

body ul.navi
{
  list-style-type: none;
  margin-top: 5px;
}

body ul.navi li
{
   float: left;
}

body ul.navi li.prev
{
   margin-right: 11px;
   padding-right: 11px;
   
   border-right: 2px solid #c0be99;
}

/* NAVIGATION LINKS */

body ul.navi li a
{
	font-size: 13px;
	font-weight: bold;
}

body ul.navi li a:hover
{
	color: #f9f9eb;
}

body ul.navi li a strong
{
	z-index: 2;
	position: absolute;
	display: none;

	width: auto;
	height: auto;

	font-size: 11px;
	font-weight: normal;

	color: #000;

	white-space: nowrap;
	max-width: 300px;

	background-color: #f9f9eb;
	border: 1px solid #989672;

	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;

	margin-left: -3px;
	margin-top: 20px;

	text-align: center;
}

body ul.navi li a:hover strong
{
	display: block;
}

body ul.navi li a:hover strong img
{
	display: block;

	max-width: 300px;

   margin: auto;
	margin-top: 3px;
	margin-bottom: 5px;
	
	background-color: #222;
	border: 1px solid #989672;

	white-space: normal;
}


body .screen
{
   z-index: 1;
   
   position: absolute;

	left: 0;
   top: 95px;
   bottom: 0;
   
   width: 100%;
   
   overflow: auto;
}

body .screen img
{
   display: block;
   position: relative;

	
   margin: auto;
}


.shadow
{
	z-index: 1;
   
	position: absolute;
   
	top: 95px;
	left: 0;
   
	height: 9px;
	width: 100%;
   
   background-image: url( ./gfx/shadow.png );
   background-repeat: repeat-x;

}

h2.contact
{
	z-index: 1;
   position: absolute;

   left: 0;
   right: 200px;
   top: 0;
   
   /* min-width: 580px; */
   min-width: 800px;
   height: 95px;
   
   color: #c6c6c6;
}

h2.contact span
{
   position: absolute;
 
   right: 0px;
   top: 0;

   width: 120px;
   height: 88px;

   padding-left: 11px;
   padding-right: 52px;
   padding-top: 5px;
 
   background-image: url( ./gfx/man.gif );
   background-repeat: no-repeat;
   
   border-left: 2px solid #989672;
   
   color: #c6c6c6;
}

h2.contact a
{
   font-size: 9px;
	line-height: 20px;
	font-weight: bold;
}

p.contact
{
   position: absolute;

   left: 0;
   right: 0;
   top: 0;
   
   /* min-width: 780px; */
   min-width: 1000px;
   height: 95px;
   
   color: #c6c6c6;
}

p.contact a:hover
{
   color: #f9f9eb;
}

p.contact span
{
   display: block;
   color: #c6c6c6;
   
   float: right;
 
   margin: 5px;
}

h2.navi
{
   display: none;
}

/* INDEX */

h2.index
{
   z-index: 2;
   position: absolute;
   
   top: 70px;
   left: 0px;
   
   width: 119px;
   height: 25px;

	padding-left: 11px;

	font-size: 13px;
   line-height: 20px;
   font-weight: bold;
   color: #000;

   cursor: default;
}

h2.index:hover
{
   color: #f9f9eb;
	background-color: #000;
}

h2.index + ul
{
   z-index: 2;

	position: absolute;

   display: none;

	left: 0;
   top: 95px;
   bottom: 0;
   
   width: 128px;
   
   overflow: auto;

	background-color: #f9f9eb;
	border-right: none;
}

h2.index:hover + ul
{
   display: block;
}