@charset "utf-8";
/* This CSS was written by Chrysillis @ http://dark-sylph.com/ */

/* body */
body {
	font-family:"Century Gothic";
	font-size:14px;
	font-style:normal;
	color:#000;
	background-color:#FFF;
}
#body {
	width:1050px;
}
.profile {
	font-family:"Century Gothic";
	font-size:14px;
	font-style:normal;
	color:#CCC;
}

#footer {width:1050px; font-size:10px; color:#333; text-align:center;}
#footer a:link, #footer a:visited {color:#333; text-decoration:none;}
#footer a:hover {color:#CCC; text-decoration:none;}


/* background */
#red {
	float:left;
	width:850px;
	height:250px;
	background-color:#330000;
}
#slideshow {
	position:relative;
	top:25%;
}
#title_box {
	height:250px;
	width:850px;
}
#title_text {
	position:absolute;
	top:200px;
	left:75px;
}
#music {
	width:850px;
}


/* links */
a:link {
	color:#333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#333;
}
a:hover {
	text-decoration:none;
	color:#CCC;
}
a:active {
	text-decoration: none;
	color:#333;
}

/* title */
.title1 {
	font-family:"Times New Roman", Times, serif;
	font-size:56px;
	letter-spacing:18px;
	color:#4A000B;
}
.title2 {
	font-family:"Times New Roman", Times, serif;
	font-size:56px;
	letter-spacing:18px;
	color:#000;
}
.title3 {
	font-family:"Times New Roman", Times, serif;
	font-size:56px;
	letter-spacing:18px;
	color:#999;
}

/* headings */
.headings {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
}
.headings:link {
	color:#333;
	text-decoration:none;
}
.headings:visited {
	color:#333;
	text-decoration:none;
}
.headings:hover {
	color:#CCC;
	text-decoration:none;
}
.headings2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
.headings2:link {
	color:#FFF;
	text-decoration:none;
}
.headings2:visited {
	color:#FFF;
	text-decoration:none;
}
.headings2:hover {
	color:#333;
	text-decoration:none;
}
.headings3 {
	font-size:24px;
	color:#CCC;
	font-weight:bold;
	text-transform:uppercase;
}

/* menu_index */
#menu_index {
	float:right;
	width:200px;
	line-height:45px;
}
#menu_index ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu_index li {
	border-bottom:2px solid #CCC;
	border-left:2px solid #CCC;
	text-align:center;
	margin-bottom:2px;
}
#menu_index li a:link, #menu_index li a:visited {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_index li a:hover {
	color:#CCC;
	border-bottom:2px solid #999;
	border-left:2px solid #999;
}

/* menu_side */
#menu_side ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu_side li {
	margin-bottom:10px;
}
#menu_side a:link, #menu_side a:visited {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-decoration:none;
	text-transform:uppercase;
}
#menu_side a:hover {
	color:#CCC;
}

/* navi links */
.back {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#CCC;
	text-decoration:none;
	text-transform:uppercase;
}
.back:link {
	color:#CCC;
	text-decoration:none;
}
.back:visited {
	color:#CCC;
	text-decoration:none;
}
.back:hover {
	color:#333;
	text-decoration:none;
}
	
/* scroll effect */
.scrolling {
	overflow: auto;
	height: 475px;
	width: 550px;
}