* { margin:0;
	padding:0;
	outline:none;
	text-decoration:none
	
}

body {
    height:100%;
    width:100%;
    overflow:hidden;
	position:absolute;
	background-color:#FFF
}
html {
    height:100%;
    width:100%;
    overflow:hidden;
}
td img {
	margin-top:6px;
	margin-right:4px}
.bg {
	height: 87%;
	position: absolute;
	top: 0px;
	left: 195px;
	z-index:0

}
.bgintro {
	height: 100%;
	position: absolute;
	top: 0px;
	left: 195px;
	z-index:0

}
#left {
	position:absolute;
	top:87%;
	margin-top:9px;
	left:160px;
	
	}
#right {
	position:absolute;
	top:87%;
	margin-top:9px;
	left:900px
	}
	
#rightText {
	position:absolute;
	width:190px;
	text-align:right;
	top:87%;
	margin-top:-10px;
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;
	}
#rightTextintro {
	position:absolute;
	width:190px;
	text-align:right;
	top:100%;
	margin-top:-17px;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;
	}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div#wn { 
 
    /* required settings */ 
    position:absolute; 
    overflow:hidden; 
	top:87%;
    height:51px;
	width:700px;
	left:195px;
	border:none
} 

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:relative;
	
	
	clear:both;
} 
#scroll {
	position:absolute;
	left:195px;
	top:87%;
	margin-top:10px;
	width:75%;
	overflow:hidden}
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	padding:2px;
	border:0px;
	cursor:pointer;
	width:100%;
	height:45px;
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
 
} 



/* you may want to setup some decorations to active the item */ 
.items img { 
	outline:none;
	text-decoration:none;
    background-color:#fff;
	border:0px;
	z-index:0;
	position:relative;
	}
/* you may want to setup some decorations to active the item */ 
.scrollable .active { 
	border:0px solid #000;
	z-index:0;
	background-color:#FFFFFF;
	
 
}
/* this makes it possible to add next button beside scrollable */


/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:4px 0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }




/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.nextPage {
	position:absolute;
	margin-right:50px;
	left:93%;
	top:87%;
	z-index:1
	}
.prevPage {
	position:absolute;
	left:150px;
	top:87%
	}

#menu {
	width:168px;
	position:absolute;
	left:15px;
	top:100px;
	
	}
#logo {
	width:168px;
	position:absolute;
	left:15px;
	top:15px;
	
	}
#fg {
	width:168px;
	position:absolute;
	left:15px;
	top:45px;
	
	}


.item {
text-decoration:none;
	font-family:  DIN-Bold;
		color:#CCCCCC;
		font-size:18pt;
		text-align:left;
border:none;
padding-top:20px

}
a.menuLink img {
filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

border:none;
padding-top:20px

}
a.menuLink:hover img {
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;
padding-top:20px
}
a.independentLink img {
filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

border:none;
padding-top:20px

}

a.independentLink:hover img {
display:visible;
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;
padding-top:20px
}
a.independentsubLink img {
display:none;
float:left;
padding-top:8px;
padding-left:0px;
padding-right:95px;
filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

border:none;

}
a.independentsubLink2 img {
display:none;
float:left;
padding-top:5px;
padding-left:0px;
padding-right:95px;

filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

border:none;

}
a.filmLink img {
filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

border:none;
padding-top:20px

}

a.filmLink:hover img {
display:visible;
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;
padding-top:20px
}
a.filmsubLink img {
display:none;
float:left;
padding-top:8px;
padding-left:0px;
padding-right:95px;

filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

border:none;

}
#subactive img {
display:visible;
float:left;
padding-top:8px;
padding-left:0px;
padding-right:95px;

filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;

}
a.portraitsLink img {
filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;
border:none;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

padding-top:20px

}

a.portraitsLink:hover img {
display:visible;
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;
padding-top:20px
}
a.portraitssubLink img {
display:none;
float:left;
padding-top:8px;
padding-left:0px;
padding-right:95px;

filter:Alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
-khtml-opacity: 0.2;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=20)”;

border:none;

}
#sub:hover a.independentsubLink img {
	display:block;

	
	
	}
#sub:hover a.independentsubLink2 img {
	display:block
	}
#sub:hover a.filmsubLink img {
	display:block;

	}
#sub:hover a.portraitssubLink img {
	display:block;

	}


a.independentsubLink:hover img {

filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;

}

a.independentsubLink2:hover img {
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;

}

a.filmsubLink:hover img {
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;

}
a.portraitssubLink:hover img {
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;

}
#active img {
filter:Alpha(opacity=40);
-moz-opacity:0.40;
opacity:0.40;

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-khtml-opacity: 0.4;
-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=40)”;

border:none;
padding-top:20px}



#legendintro {
	position:absolute;
	text-decoration:none;

	left:205px;
	top:95%;
	margin-bottom:5px;
	margin-right:5px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	z-index:2
	}

#legend {
	position:absolute;
	text-decoration:none;
	left:205px;
	top:87%;
	margin-top:-25px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	z-index:2
	}


	
#mask {
	
	position:absolute;
	margin-top:10px;
	left:93%;
	top:87%;
	width:2000px;
	height:45px;
	background-color:#FFFFFF;
	z-index:0
	
	}
#supersize img, #supersize a{ 
	position:absolute;
	left:190px;
     height:100%;  
     display:none;  
 }  
 #supersize .activeslide, #supersize .activeslide img{  
     display:inline;  
 } 
 #text {
	font-family: Nobel, Verdana;
	font-size:15px;
	color:#333333;
	position:absolute;
	left:235px;
	top:88px;
	}
 #text a {
	text-decoration:none;
	color:#666666;
	}

 #text a:hover {
	text-decoration:none;
	color:#CC0000;
	}