/*******************************************************
TITLE: Fluid Three-Column Layout (Basic) V1.0 (Beta)
DATE: 20060418
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/
* {
	margin:0;
	padding:0;
}
a {
	color:#A52100;
	}
body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
	background-color: #000000;
	background-repeat: no-repeat;

}
#container{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:100%;
	background-image:url(../images/BG_RetRef1000.jpg)
}
#container.aboutContainer {
	background-image:none;
}

#header {
margin:0;
padding:0;
height:150px;

}


#logo{
	float:left;
	margin-top:20px;
	margin-left:0px;
}
#navBox {
	float:left;
	width:auto;
	margin-left:270px;
	margin-top:103px;
}
#navBox a {
	float:left;
	display:block;
	width:100px;
	height:20px;
	margin-left:10px;
	text-decoration:none;
	background-image:url(../images/navBtn.png);
}
#navBox a span{
	visibility:hidden;
	}
#navBox a#home {
	background-position:0px 0px;
}
#navBox a#home:hover {
	background-position:0px -20px;
}
#navBox a#about{
	background-position:0px -40px;
}
#navBox a#about:hover {
	background-position:0px -60px;
}
#navBox a#contact{
	background-position:0px -80px;
}
#navBox a#contact:hover {
	background-position:0px -100px;
}
#navBox a#home.currentPage{
	background-position:0px -20px;	
}
#navBox a#about.currentPage{
	background-position:0px -60px;	
}
#navBox a#contact.currentPage{
	background-position:0px -100px;	
}
#leftColumn {
float:left;
clear:left;
width:250px;
height:480px;
margin-top:52px;
margin-left:30px;
padding:0;
font-size:.9em;
}
#leftColumn li{
	width:200px;
	height:20px;
	margin-bottom:10px;
	list-style-type:none;
	background-image:url(../images/btn_songs.png);
	padding:5px 0;
	text-align:center;
}
#leftColumn ul li.ch {
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.ch:hover {
	background-position:0px -30px;
	background-repeat:no-repeat;
	}
#leftColumn span.chl{
	width:300px;
	height:30px;
	}	
#leftColumn span.chl:hover{
	display:block;
	position:relative;
	background-image:url(../images/lyric.gif);
	top:0px;
	left:300px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.wi {
	background-position:0px -60px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.wi:hover {
	background-position:0px -90px;
	background-repeat:no-repeat;
	}	
#leftColumn ul li.he {
	background-position:0px -120px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.he:hover {
	background-position:0px -150px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.ka {
	background-position:0px -180px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.ka:hover {
	background-position:0px -210px;
	background-repeat:no-repeat;
	}	
#leftColumn ul li.sp {
	background-position:0px -240px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.sp:hover {
	background-position:0px -270px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.up {
		background-position:0px -300px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.up:hover {
	background-position:0px -330px;
	background-repeat:no-repeat;
	}	
#leftColumn ul li.nu {
		background-position:0px -360px;;
	background-repeat:no-repeat;
	}
#leftColumn ul li.nu:hover {
	background-position:0px -390px;
	background-repeat:no-repeat;
	}	
#leftColumn ul li.re {
	background-position:0px -420px;
	background-repeat:no-repeat;
	}
#leftColumn ul li.re:hover {
	background-position:0px -450px;
	background-repeat:no-repeat;
	}		
#leftColumn a {
	color:#fff;
	text-decoration:none;
}
li img{
	margin-left:100px;
}
#centerColumn {
margin-top:10px;
float:left;
width:700px;
padding:1em .5em 2em .5em;
font-size:.9em;
}
#centerColumn.about {
	background-color:#000000;
	color:#CCCCCC;
	width:950px;
}
form {
	clear:both;
	color:#FFFFFF;
	background-color:#660000;
	width:700px;
	height:390px;
	margin-left:50px;
	border:1px solid #000000;
	}
form td{
	padding:3px;
}
#success {
	width:390px;
	height:55px;
	background-color:#B8CBD3;
	border:1px solid #000000;
	padding-left:3px;
}
#success a{
	color:#0033FF;
}
input {
	color:#ff0000;
	background-color:#000000;
	}
.texta {
	color:#ff0000;
	background-color:#000000;
	}


#rightColumn {
position:absolute;
top:430px;
right:122px;
width:170px;
margin-left:0px;
margin-top:190px;

padding:1em .5em 2em .5em;
font-size:.9em;
}
#footer {
	clear:both;
	xx  width:1024px;
	color:#222222;
	font-size:12px;
}

#tags {
margin:0 0 .5em 0;
width:10em;
float:right;
border:none;
text-align:right;
}

#tags img {
border:none;
}

#tags p {
margin:0 0 .25em 0;
}

#tags a {
font-size:.7em;
color:#cc0000;
}
#leftColumn ul li img {
		height:0; 
		width:0; 
		border-width:0;
		}
#leftColumn ul li:hover img {
 		position:absolute; 
 		top:205px; 
 		left:165px; 
 		width:700px;
 		height:auto;
 		}