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




.xyz_main {
	background-image: url(images/bg.png);
background-attachment:fixed;
background-position: 76px -15px;
	background-repeat: no-repeat;
	width: 1000px;
	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;
}


.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: 540px;
   width:450px;
   height: 50px;
   z-index:1000;
}

/*FACILITY OVERVIEW ------------------------- */

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

#studio_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;}


#thumbs{
	float:left;
	margin-top:15px;
}
#thumbs a{
	float: left;
}
#thumbs div.artist:hover { border-color: #222; }
#thumbs div.artist{
	color:  #d7282f;
	width:173px;
	height:95px;
	border: 5px solid #111;
	float: left;
	background-color:black;
	margin-right:12px;
	margin-bottom:10px;
	cursor: pointer;
}

#thumbs div.squared:hover { border-color: #222; }

#thumbs div.squared{
	color:  #d7282f;
	border: 5px solid #111;
	width:173px;
	height:152px;
	float: left;
	background-color:black;
	margin-right:12px;
	margin-bottom:10px;
	cursor: pointer;
}	
/* caption styling */

.caption-bottom {
	color: #ffffff;	
	padding: 0em;	
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;	
	font-family: arial;	
	cursor: pointer;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}

}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #000000;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }



#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;
  
}
.bigscroll {}
div.page{
	
	z-index:200!important;
	width: 840px;
	margin-bottom:300px;
	Margin-top: 0px;
	margin-left:0px;
	float: left;
	color: white;
}
.page h1{
	margin-top:10px;
	line-height: 0pt;
	padding-left:0px;
	padding-right:10px;
	color: White ; 
	font-size: 20px;
	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.xxl{
	background:none;
	width: 840px;
	height: 500px;
	padding: -15px;
	min-height: 500px ;
	overflow-y: auto ;
	overflow-x: hidden;
	border: none;
}


.page div.image{
	background: none ;
	line-height: 20px;
	min-height: 250px;
	padding:0px;

	font-size:13px;
	float: left;
}
.page div.column_L{
	position: inherit;
	width: 280px;
	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.column_W{
	position: inherit;
	width: 450px;
	height: 200px;
	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.profile {
	background: none ;
	line-height: 20px;
	padding:0px;
	border: 5px solid #222;
	font-size:13px;
	float: left;}


.page div.tumblr{
	background: black ;
	position: inherit;
	border: hidden;
	border: none;
	width: 205px;
	height: 230px;
	line-height: 20px;
	min-height: 230px;
	padding:0px;
	font-size:10px;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
}


.page div.social{
	margin-top: 195px;
	background: none ;
	position: inherit;
	border: hidden;
	border: none;
	margin-left: -206px;
	width: 205px;
	height: 600px;
	line-height: 20px;
	min-height: 230px;
	padding:0px;
	font-size:13px;
	float: left;
	overflow-x: hidden;
	overflow-y: hidden;
}

.page div.column_xW{
	position: relative;
	left: -9px;
	width: 575px;
	height: auto;
	background:#636363 ;
	line-height: 20px;
	padding:10px;

	font-size:12px;
	float: right;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	z-index: 1000;
}

.page div.column_W2{
	position: relative;
	top: 10px;
	left: 0px;
	width: 460px;
	height: 140px;
	background: none;
	line-height: 20px;
	font-size:8px;
	float: right;
	z-index: 1000;
	overflow: auto;
}
.page div.column_W3{
	position: relative;
	text-align: right;
	top: 8px;
	left: 0px;
	width: 450px;
	height: 30px; 
	line-height: 20px;
	font-size:8px;
	float: right;
	z-index: 1000;
	overflow: visible;
}

.page div.column_W3 a:active {text-decoration: none  color: #66cc33;}
.page div.column_W3 a:hover {text-decoration: none; color: #66cc33;}

.page div.musicplayer{
	position: relative;
	width: 360px;
	height: 100px;
	background:none;
	line-height: 20px;
	padding-top:8px;
	border: none;
	font-size:12px;
	float: left;
	z-index: 1000;
}
.page div.scroll{
	position: inherit;
	width: 270px;
	height: 418px;
	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.column_L.img{
	padding: 2px;
	border: none;
}
.page div.column_L.img a {
	color: #636363;
	border: none;
}
.page div.home{
	background: transparent ;
	color: #eee;
	border: none;
}


.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 img {border:none;}
.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:840px;
	margin-left: 115px ;
	margin-right:auto;
	top: 110px;
	position:relative;
	z-index:900;
}
#main_navi{
	width:100px;
	padding-left:10px;
	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;
}


/*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;  
    width: 840px; 
    height: 520px; 
} 
 
/* root element for scrollable items */ 
.scrollable .items {
    width:1260em; 
    position:absolute; 
    clear:both; 
}
.scrollable .items .item{
	float: left;
	width:840px;
	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;
}