body {
	background-color: black;
	background-repeat: no-repeat;
	font-family:Digital, Arial, Helvetica, sans-serif;
	text-align: center; }


.a img{border: 0px;}


.xyz_main {
	background-image: url(images/bg.gif);
	width: 991px;
	height: 635px;
	text-align: left;
	position: absolute;
	top: 0px;
	margin-left: 70px;
}

a#button1 {
    display: block;
    width: 110px;
    height: 100px;
    background-image: url(images/header1_0.gif);
    margin: 0 auto;
}
a#button1:hover {
    background-image: url(images/header1_1.gif);
}
a .alt { display: none; }


.headerimg {
	position: absolute;
	left: 117px;
	top: 10px;
	width:110px;
	height: 100px;
	z-index: 1000;
}

.header {position: absolute;
	left: 140px;
	top: 0px;
	width:500px;
	height: 100px;
}

.twitter {position: absolute;
	left: 500px;
	top: 7px;
	width:200px;
	height: 100px;}

.div1 {
        background-image: url(images/divbg1.gif);
        background-repeat: no-repeat;
        background-position:top;
	overflow-x: hidden;
        height:330px;
        width:350px;
        visibility: visible;
	position: absolute;
              left: 500px;
              top: 105px;
}

.div1content {
	overflow:auto;
	overflow-x: hidden;
        height:300px;
        width:305px;
        visibility: visible;
	position: absolute;
              left: 525px;
              top: 115px;
font-size:14px;
}

.logos {
              position: absolute;
              left: 120px;
              top: 535px;
   width:450px;
   height: 50px;
   z-index:1000;
}


#overview {
 width: 500px;
 height: 340px;
 background: url(images/overview/ar-overview_bg.gif);
 margin: 10px auto; padding: 0;
 position: relative;
 left: -128px;
 top: -10px;
}
#overview li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#overview a {display: block;}

#studioa {background: url(images/overview/sa-0.gif);left: 27px; top: 21px; width: 192px; height: 163px;}
#control {background: url(images/overview/cr-0.gif);left: 129px; top: 46px; width: 182px; height: 175px;}
#studiob {background: url(images/overview/sb-0.gif);left: 271px; top: 63px; width: 204px; height: 187px;}
#studioa a { height: 180px;}
#control a {height: 184px;}
#studiob a {height: 195px;}

#studioa a:hover {background: url(images/overview/sa-1.gif) no-repeat;}
#control a:hover {background: url(images/overview/cr-1.gif) no-repeat;}
#studiob a:hover {background: url(images/overview/sb-1.gif) no-repeat;}


.logos img {margin:0px 2px;}


























}
#leftstripe {
	position:absolute;
	top: 0;
	bottom:0;
	left: 0;
	width: 235px;
	background:transparent url(pictures/2px.png) repeat scroll;
	
}

#rightstripe {
/*	position:absolute;
	top: 0;
	bottom:0;
	left:300px;
	right: 0;
	background:white;
	border-left: 1px solid #222;
	opacity:.3;*/
}

#container-flashbg{
	width:100%;
	height:100%;
	position:absolute;
	z-index: 0;
	background-color:transparent;
}
#logo h1{
	color: white;
	font-size:30pt;
}

body{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color:black;
	overflow:hidden;
}
#page{
	min-width:1250px;
	z-index:199!important;
  
}
div.page{
	
	z-index:200!important;
	width: 800px;
	margin-bottom:300px;
	Margin-top: 0px;
	margin-left:0px;
	float: left;
	color: white;
}
.page h1{
	margin-top:10px;
	line-height: 0pt;
	padding-left:0px;
	color: White ; 
	font-size: 24px;
	font-weight:normal;
	text-align: right;
	text-transform: uppercase;
	
}

.page div.txt{
	background:#636363;
	width: 500px;
	height: 323px ;
	line-height: 20px;
	padding:5px;
	border: 1px solid #222;
	font-size:13px;
	float: left;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.page div.txtlabel{
	position: relative;
	left: 50px;
	border: none;
	font-size:13px;
	float: left;
}
.page div.image{
	background: none ;
	line-height: 20px;
	min-height: 250px;
	padding:0px;
	border: 5px solid #222;
	font-size:13px;
	float: left;
}
.page div.txt2{
	position: inherit;
	width: 250px;
	height: 450px;
	background:#636363 ;
	line-height: 20px;
	padding:8px;
	border: 1px solid #222;
	font-size:12px;
	float: right;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index: 1000;
}
.page div.scroll{
	position: inherit;
	width: 240px;
	height: 410px;
	background:none ;
	line-height: 20px;
	min-height: 240px;
	padding-top:0px;
	padding-left:8px;
	padding-bottom:8px;
	border: 1px solid #c0c0c0;
	font-size:12px;
	float: right;
	overflow: auto;
}


.page div.txt2.img{
	padding: 2px;
	border: none;
}
.page div.txt2.img a {
	color: #636363;
	border: none;
}
.page div.home{
	background: transparent ;
	color: #eee;
	border: none;
}

.page div.facility{
	background: transparent;
	border: none;
	width: 750px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index:301 !important;
}

.page div.photos {
	background:#636363 ;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index:302 !important;
}


.page .txt p{
	margin-bottom:1em;
	text-align:justify;
  font-size:13px;
}

.page a:link {font-weight:bold; color:#cccc33; text-decoration: none}
.page a:visited {color: white; text-decoration: none}
.page a:active {text-decoration: none}
.page a:hover {text-decoration: none; color: #66cc33;}
.page .txt img.logoimg{
	margin-right:25px;
	margin-bottom:10px;
	float:left;
	border: 1px solid #555555;
	
}

#main_container{
	background-color:transparent;
	width:800px;
	margin-left: 115px ;
	margin-right:auto;
	top: 110px;
	position:relative;
	z-index:900;
}
#main_navi{
	width:100px;
	padding-left:25px;
	float: left;
	top: 130px;
	position:absolute;
	z-index:1000;
	left:-28px;
	list-style-type: none ;
}


#main_navi li{
	margin-bottom:5px;
	}
#main_navi li.cont{
	margin-top:30px;
	}
#main_navi li a.cont{
	font-size:10pt;
	padding-left:0px;
}
	
#main_navi li a{
	color: #ddd;
	font-size:16px;
	text-decoration:none;
}


#main_navi li.active a{
	color: #d7282f;
	font-size: 24px;
}
#main_navi li.active a.labe, .labe{
	color: #d7282f;
	font-size: 20px;
}

#main_navi li.active a.dist, .dist{
	color: #3289c1;}
	
		
#main_navi li.active a.pupl, .publ{
	color: #008980;
}
#main_navi li.active a.cont, .cont{
	color: #716d71;
}


#main_navi2{
	width:100px;
	z-index:1000;
	padding-left: 25px;
	list-style-type: none;
	padding-bottom: 5px;
}
#main_navi2 li{
	color: #ddd;
	text-transform: uppercase;
	margin-bottom:5px;
	font-size: 10px;
	font-weight: bold;
}

#main_navi2 li.a{
	text-transform: uppercase;
	font-size: 8px;
}


div.navi{
	height:0px;
	width:100px;
}
.navi a{
	width:5px;
	height:5px;
	background-color:yellow;
	}
li.switch{
	color:  #d7282f;
	margin-left:5px;
	margin-bottom:10px;
	margin-top:10px;
	list-style-image: url(pictures/redli.png);
	list-style-position: inside;

}
li.switch a{
	color:  #d7282f;
	text-decoration:none;
	
	}
li.switch a:hover{
	color: red;
}
#otherlabels{
	float:left;
	margin-top:15px;
}
#otherlabels a{
	float: left;
}
#otherlabels div.lbl{
	color:  #d7282f;
	width:173px;
	height:95px;
	float: left;
	background-color:transparent;
	margin-right:12px;
	margin-bottom:10px;
	border: 1px solid #555;
	cursor: pointer;

}
#internlabels{
	float:left;
	margin-top:6px;
}
#internlabels a{
	float: left;
}
#internlabels div.lbl{
	color:  #d7282f;
	width:173px;
	height:95px;
	float: left;
	background-color:transparent;
	margin-right:12px;
	margin-bottom:10px;
	border: 1px solid #555;
	cursor: pointer;

}

/*SCROLLABLE ------------------------- */
#main { 
    position:relative; 
    overflow:hidden; 
    height: 570px; 
} 
 
/* root element for pages */ 
#pages { 
    position:absolute; 
    height:20000em; 
} 
/* root element for horizontal scrollables */ 
.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 800px; 
    height: 520px; 
} 
 
/* root element for scrollable items */ 
.scrollable .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
}
.scrollable .items .item{
	float: left;
	width:790px;
	margin-right:50px;
}

.items div.blind{
	color: black;
}

/*----------FORM-----------*/
.notification_error
{

height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;

	color: #c4122f;
	font-size:12pt;
}

.notification_ok
{

height: auto;
width: 90%
padding: 8px;

text-align: center;
font-size:12pt;
}

.info_fieldset {}

.info_fieldset legend
{
border: 1px #dddddd solid;
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 
width:100px;
background: white;

color: #333333; 



-moz-border-radius: 5px;
}

/* Label */
label {width: 90px; padding-left: 0px; margin: 5px; float: left; text-align: left;clear: left;}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 2px;

clear:left;

border: 1px solid #666;
color: #aaa; 
background-color:#333;
width:200px;

font: 11px Verdana, Helvetica, Arial, sans-serif;


}
.txt a{
	color: #D7282F;
}