@charset "UTF-8";
/* CSS Document */

/* CSS Reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, strike, strong, b, u, i,  ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background:#000000 url(../images/site/halo.jpg) no-repeat top center;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
}

a.catalogue {
    font-size:36px;
	font-weight:bold;
	display:none;
	position:absolute;
	top:300px;
	left:370px;
	color:#FFFFFF;
}

a.catalogue:hover {
    color:#999999;
}

a.larrow {
    position:absolute;
	bottom:50px;
	left:0px;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}

a.rarrow {
    position:absolute;
	bottom:50px;
	right:0px;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}

#wrap {
   margin:0 auto;
   width:850px;
}

#header {
	font-size:18px;
	color:#FFF;
	text-align:right;
	margin:10px;
}

#header a {
	color:#FFF;
	text-decoration:none;
}

#header a:hover {
	color:#CCC;
}

#loader {
   height:30px;
   position:absolute;
   color:#FFFFFF;
   top:10px;
   left:10px;
}

#bubble {
    width:270px;
	position:absolute;
	text-align:left;
	bottom:30px;
	left:0px;
	z-index:5;
	display:none;
}

#info {
    padding:10px;
	background:#000000;
	z-index:5;
	position:absolute;
	text-align:center;
	bottom:10px;
	left:10px;
}

#info a {
    color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}

#info a:hover {
    color:#999999;
}

#catalogue {
    padding:10px;
	background:#000000;
	font-size:16px;
	font-weight:bold;
	z-index:5;
	position:absolute;
	text-align:center;
	bottom:10px;
	right:10px;
}

#catalogue a {
    color:#FFFFFF;
}

#catalogue a:hover {
    color:#999999;
}

#restart {
    padding:10px;
	background:#000000;
	font-size:16px;
	font-weight:bold;
	z-index:5;
	position:absolute;
	text-align:center;
	bottom:10px;
	right:120px;
}

#restart a {
    color:#FFFFFF;
}

#restart a:hover {
    color:#999999;
}

#bubble a {
    color:#CCCCCC;
	font-size:10px;
	font-weight:normal;
}

#bubble a:hover {
    color:#999999;
}

.pad {
    padding-left:271px;
	padding-right:271px;
}

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
	text-align:center;
    width: 975px; 
    height:650px; 
} 
 
/* 
    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:200000em; 
    position:absolute; 
} 
 
div.items img {
    float:left;
	display:none;
}

.pbs {
    text-align:center;
	color:#666666;
}

.pbs a {
    color:#CCCCCC
}

.pbs a:hover {
    color:#999999;
}