*{margin:0; padding:0;}

@font-face{
	font-family:merge;
	src: url(fonts/merge.otf) format("opentype");
}

html, body{
	color:#443333;
	font-family:"lucida grande", "lucida sans unicode", tahoma, sans-serif;
	font-size:0.9em;
	background:url(images/wrapper_bg.gif) repeat-y center;
	min-width:940px;
}

h1, h2, h3, h4{
	font-family:merge, "lucida grande", "lucida sans unicode", tahoma, sans-serif;
	font-weight:100;
}

h2, h3, h4{margin-bottom:10px;}

a{color:#B03831; text-decoration:none; cursor:pointer;}

a:hover, a:active{text-decoration:underline;}

a:active{color:#443333;}

p{margin-bottom:10px;}

img{border:none;}

/*---------------------------------- GENERAL */

.clear{clear:both;}

.credit{font-size:0.7em;}

.quote{font-size:40px !important; line-height:40px !important;}

#wrapper{
	width:940px;
	margin:0 auto;
	padding-left:1px; /* fixes background alignment issue! */
}

/* Hover button */
.button a, .button a:link, .button a:visited{
	display:block;
	background-color:transparent;
}

.button img{
	width:40px;
	height:40px;
	border:0;
}

.button a:hover img{
	visibility:hidden;
}

.button span{
	width:0;
	height:0;
	overflow:hidden;
	display:block;
}

/*---------------------------------- HEADER */

#header{
	height:80px;
	position:relative;
	color:#FFF;
}

#header h1{
	width:160px;
	font-size:34px;
	text-align:center;
	left:60px;
	bottom:0;
	position:absolute;
}

#header h1 a, #header h1 a:link, #header h1 a:hover, #header h1 a:visited, #header h1 a:active{color:#FFF; text-decoration:none;}

#navigation{
	width:340px;
	font-family:merge, "lucida grande", "lucida sans unicode", tahoma, sans-serif;
	font-size:22px;
	left:541px;
	bottom:0;
	position:absolute;
}

#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}

#navigation ul li{	
	padding:5px 2px 20px 2px;
	margin:0 -1px 0 -1px;
	display:inline;
}

#navigation ul li a{color:#FFF; text-decoration:none;}
#navigation ul li a:hover{color:#B03831;}
#navigation ul li a:active{color:#443333;}

.nav_active, #tl_active{
	color:#FFF;
	background-color:#B03831;
	-moz-box-shadow:0px 2px 5px #666;
	-webkit-box-shadow:0px 2px 5px #666;
	box-shadow:0px 2px 5px #666;
	display:block;
	position:relative;
}

#tl_active a{color:#FFF;}

.nav_active a:hover{color:#FFF !important;}

/*---------------------------------- MAIN */

#main{
	width:900px;
	padding:20px;
	background:url(images/main_bg.gif) repeat-y center;
	line-height:20px;
}

#content{}

#content h2{
	font-size:60px; 
	line-height:50px;
}

#content h3{font-size:24px;}

.column{
	margin:40px 0 20px 0;
	float:left;
}

.left{
	width:460px;
	margin-left:40px;
}

.left object{
	-moz-box-shadow:0px 2px 5px #666;
	-webkit-box-shadow:0px 2px 5px #666;
	box-shadow:0px 2px 5px #666;
}

.right{
	width:300px;
	margin-left:40px;
	color:#FFF;
}

#front_page h2{font-size:40px; line-height:40px;}


/*---------------------------------- FOOTER */

#footer{height:60px;}

#credit{
	width:320px;
	margin:20px 0 0 240px;
	font-size:10px;
	line-height:10px;
}

/*---------------------------------- TIMELINE SLIDER */

#timeline{
	height:40px;
	top:500px;
	left:0;
	right:0;
	position:absolute;
	z-index:20;
	background-color:#FFF;
	-moz-box-shadow:0px 2px 6px #666;
	-webkit-box-shadow:0px 2px 6px #666;
	box-shadow:0px 2px 6px #666;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity:0.9;
}

#tl_container{
	width:800px;
	height:40px;
	margin:0 auto;
	position:relative;
}

.tl_list{
	width:800px;
	height:40px;
	line-height:40px;
	margin:0;
	padding:0;
	list-style:none;
}

.tl_list li{
	width:800px;
	overflow:hidden;
}

.tl_list li div{
	width:123px;
	height:40px;
	font-family:merge, "lucida grande", "lucida sans unicode", tahoma, sans-serif;
	font-size:18px;
	text-align:center;
	display:block;
	float:left;
	padding-top:2px;
	margin:0 5px -2px 5px;
	position:relative;
	display:inline;
}

.tl_list li div a{display:block;}

.tl_list li div a:active{margin-top:2px; color:#443333;}

#tl_next a, #tl_prev a{
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	top:0;
	cursor:pointer;	
}

#tl_next a{
	right:-40px;
	background:url(images/future_arrow_active.png) no-repeat center center;
}

#tl_prev a{
	left:-40px;
	background:url(images/past_arrow_active.png) no-repeat center center;
}

#tl_next a:hover, #tl_prev a:hover{text-decoration:underline;}

#tl_next a:active, #tl_prev a:active{margin-top:2px;}

/*---------------------------------- SLIDESHOW SLIDER */

#slideshow{
	width:900px;
	height:450px;
	-moz-box-shadow:0px 2px 5px #333;
	-webkit-box-shadow:0px 2px 5px #333;
	box-shadow:0px 2px 5px #333;
	position:relative;
	overflow:hidden;
}

#ss_mini{
	width:340px;
	height:450px;
	position:absolute;
	z-index:10;
	left:520px;
	top:0;
}	

#ss_mini_slider{}

#slideshow ul{
	margin:0;
	padding:0;
	list-style:none;
}

#slideshow ul li{
	width:900px;
	height:450px;
	overflow:hidden;
}

#ss_controls{
	width:300px;
	height:20px;
	margin:30px 0 0 540px;
	list-style:none;
}

#ss_controls li{
	width:20px;
	height:20px;
	-moz-border-radius:10px;
  	-webkit-border-radius:10px;
 	border-radius:10px;
 	background-color:#FFF;
	display:block;
	float:left;
	text-align:center;
	font-size:0.6em;
	line-height:20px;
	margin:10px 5px 2px 0;
	cursor:pointer;
	-moz-box-shadow:0px 2px 6px #666;
	-webkit-box-shadow:0px 2px 6px #666;
	box-shadow:0px 2px 6px #666;
}

#ss_controls li:hover{background-color:#D1907E;}
#ss_controls li:active{margin:12px 5px 0 0;}

#ss_controls li.current{background-color:#B03831;}

#ss_controls li.current a{color:#FFF;}
#ss_controls li a:active, #ss_controls li a:hover{text-decoration:none;}

/*---------------------------------- TOOLTIPS */

#tooltip {
    padding:5px 10px;
    background:#FFF;
    opacity: 0.90;
    z-index:100;
    -moz-box-shadow:0px 2px 8px #666;
	-webkit-box-shadow:0px 2px 8px #666;
	box-shadow:0px 2px 8px #666;
}

.special {
margin-top: 20px; padding-top: 20px; border-top: 1px solid #B03831;
}

.special_button {
	width:100px;
	height:30px;
	line-height:30px;
	background-color:#B03831;
	border:none;
	color:#FFF;
	font-size:1.1em;
	margin:10px 0 2px 0;
	-moz-box-shadow:0px 1px 5px #666;
	-webkit-box-shadow:0px 1px 5px #666;
	box-shadow:0px 1px 5px #666;
	display:block;
}

.sepcial_button{ text-decoration: none; }