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


body {
margin:900;
padding:0;
background:#000;
font:normal 12px Arial, sans-serif;
line-height: 18px;
color:#CCC;
}



.container {
	width:900px;
	margin:auto;	
	text-align:center;
		font:Bold 13px Arial, sans-serif;
	color:#CCCCCC;
}


.header {
    width:900px;
	margin:auto;
	border:30px 0px 0px 0px;
	padding:65px 0px 70px 0px;
	background-image:url(../images/xm_header_medium2.png);
	background-repeat:no-repeat;
	background-position:center;
	
	
}


.audio {
    width:900px;

	margin:auto;
	text-align:center;
	font:"Courier New", Courier, monospace;
	color:#CCCCCC;
}

.music {
	margin:auto;
	width:370px;
}

.fade{
	margin:auto;
	width:370px;
	
}

div {
	padding:0;
	margin:0;
}

a { font:Bold 13px Arial, sans-serif;
	text-decoration:none;
	line-height: 18px;
	color:#000;
	border:none;
}

a href { font:Bold 13px Arial, sans-serif;
	color:#990000;
	text-align:left;
	}

a:hover {
	text-decoration:underline;
	color:#000;
	border:none;
}



p {
	margin:auto; 
    text-align:center;
    line-height:16px;
	color:#CCCCCC;
}



h1 {					
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:2px 8px;
	color:#000;
	text-transform:capitalize;
	margin:0;
}




.nav_container
{
    margin:15px 0 0 0;
	width:900px;
	height:50px;
	text-align:center;
	}

.nav {
	font: bold 15px;
	
	color:#999;
	float:left;
	
	text-align:center;
	width:900px;
	height:50px;
	border-color:none;
	padding-bottom:20px;
	text-transform: UPPERCASE;
}


.nav a {
	font: bold 18px "Courier New", Courier, monospace;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	border:none;
	border-color:none;
}
.nav a:hover {
	color:#000;
	
}

																	/* clockwork */
.clocktext {
	font-family:bold Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align:right;
	color: #666;
	vertical-align: baseline;
}

#timeclock {
	position:absolute;
	left:60px;
	top:16px;
	width:900px;
	height:43px;
	z-index:2;
}



																	/* footer */

.footer {			
	font:bold Arial, sans-serif;		
	margin-top:35px;
	color:#333;
	width:900px;
	
}

.footertext {
	font:bold 13px Arial, sans-serif;
	padding-top: 30px;
	padding-left:15px;
	color:#666666;
	text-align:center;
}
.footertext a {
	font:bold 12px Arial, sans-serif;
    text-decoration:none;
	color:#666333;
	padding:0;
}
.footertext a:hover {
    text-decoration:none;
    color:#000;
}



#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('images/bg_shadow.gif') no-repeat top; position: relative; padding: 14px 0 15px; width: 603px; height: 306px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('images/spinner.gif'); display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('images/bg.jpg'); width: 437px; height: 277px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #menu { background: url('images/bg_side.jpg'); list-style-type: none; width: 166px; height: 257px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }