body {
	margin:0; padding:0;
	background: #020202 url(images/bg_body.jpg) top center no-repeat fixed;
	font: normal 11px 'lucida grande',arial,helvetica,sans-serif;
}

a { 
	color:white;
}

#container { 
	width:875px;
	padding-top:60px;
	margin:0px auto;
}

#logo { 
	position:absolute;
}

#menu { 
	float:right;
	padding-top:20px;
}


#menu ul { 
	
}
#menu ul li { 
	float:left;
	display:block;
	clear:none;
}
#menu li a { 
	border:none;
	display:block;
}


#portfolio { 
	text-indent:-9999px;
	outline:none;
	width:106px;
	height:50px;
	background-position:bottom left;
	background:url(images/menu.png) bottom left no-repeat;
}


#bio { 
	text-indent:-9999px;
	outline:none;
	width:55px;
	height:50px;
	background:url(images/menu.png) -106px -50px no-repeat;
}


#contact { 
	text-indent:-9999px;
	outline:none;
	width:94px;
	height:50px;
	background:url(images/menu.png) bottom right no-repeat;
}



#portfolio:hover, #portfolio.active { 
	background-position:top left;
}
#bio:hover, #bio.active { 
	background-position:-106px 0;
}
#contact:hover, #contact.active { 
	background-position:top right;
}


#content { 
	margin-top:140px;
	color:#dedede;
	background: url(images/bg_box.png) top left repeat;
	height:379px;
	position:relative;
}

#backtodfy { 
	position:absolute;
	left:0; top:0; 
	text-align:center; 
	margin:0px auto;
	padding:5px; color:white;
}
#backtodfy a { text-decoration:none; }
#backtodfy a:hover { text-decoration:underline; }


#loading { 
	position:absolute;
	left:0; top:0; background:black;
	text-align:center; 
	margin:0px auto;
	padding:5px; color:white;
}
#playlist { 
	display:block;
	height:379px;
	float:left;
}
#playlist ul { 
	margin:0; padding:0;
	overflow:scroll;
	width:395px;
	height:379px;
	display:block;
	position:absolute;
	right:0; top:0;
	overflow:auto;
	overflow-x:hidden;
}	
#playlist ul li { 
	display:block;
	margin:0; padding:0;
}
#playlist li a {
	display:block; 
	margin:0; padding:6px 6px 6px 20px;
	min-height:78px;
	text-decoration:none;
	color:#eeeeee;
	outline:none;
}
#playlist li a.active, #playlist li a:hover { 
	background:#000000 url(images/arrow.gif) 6px 50% no-repeat;
}
#videobox { 
	

}
#playlist img { 
	width:80px; height:60px; border:1px solid silver; float:left; margin:5px 5px 15px 0;
}
span.title { font-size:14px; color:#eeeeee; display:block;}
span.subtitle { font-size:9px; color:#999999; display:block; }
span.description { font-size:11px; color:#eeeeee; display:block; }


.bio_text { 
	width:393px;
	padding:10px;
}
.bio_text p, .contact_text p { 
	margin-top:0;
	line-height:15px;
}
.bio_image { 
	float:right;
}

.contact_text { 
margin:0px auto;
	padding:10px;
	width:400px;
}

.form_data { 
margin:0; padding:0;
}

.form_data .textinput, .form_data .textareainput { 
width:200px; border:1px solid silver; 
margin-bottom:10px;
}

.form_data .formsubmit { 

width:100%; 
margin-top:5px;
color:white;
font-family:'lucida grande', Arial, Helvetica, sans-serif;
font-size:11px; 
background:#333333;
border:none;
padding:5px;

}