@import url("_jplayer.css");

body{
	background-color: #DDD;
	width: 910px;
	margin: 0 auto;
}

.clear{
	clear:both;
	float:none;
}

img{
	border:none;
}


#header{
	margin-top:15px;
	margin-left:10px;
	width:890px;
	height:85px;
	background-image:url(images/header-bkg.png);
	background-repeat:repeat-x;
}


#header-left{
	float:left;
	width:10px;
	height:85px;
	background-image:url(images/header-left.png);
	background-repeat:no-repeat;
}


#header-right{
	float:left;
	width:10px;
	height:55px;
	background-image:url(images/header-right.png);
	background-repeat:no-repeat;
}



#logo{
	display:block;
	float:left;
	width:419px;
	height:85px;
	overflow:hidden;
}

/*NAV*/
#nav{
	margin:0;
	padding:0;
	display:block;
	list-style:none;	
}

#header #nav.reel_name{
	padding-top:33px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	
}


#header #nav{
	float:left;
	padding-top:25px;
	width:451px;
}

#nav li{
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	float:left;
	height:30px;
}

#nav li a{
	display:block;
	text-decoration:none;
	background-repeat:no-repeat;
	height:30px;
}

#nav li a:hover, #nav li a.active{
	background-position:0px -30px;	
}


#nav-home a{
	width:79px;
	background-image:url(images/nav-home.png);
}

#nav-work a{
	width:71px;
	background-image:url(images/nav-work.png);	
}


#nav-discography a{
	width:141px;	
	background-image:url(images/nav-discography.png);	
}


#nav-library a{
	width:85px;
	background-image:url(images/nav-library.png);	
}


#nav-about a{
	width:75px;	
	background-image:url(images/nav-about.png);	
}


#header-client{
	display:block;
	float:left;
	margin-left:133px;
	background-image:url(images/client_access.png);		
	width:104px;
	height:30px
}

#header-subscribe{
	display:block;
	float:left;
	background-image:url(images/subscribe_to_newsletter.png);		
	width:163px;
	height:30px
}

#header-twitter{
	display:block;
	float:left;
	margin-top:3px;
	background-image:url(images/twitter.png);
	width:15px;
	height:15px
}

#header-facebook{
	display:block;
	float:left;
	margin-top:3px;	
	margin-left:5px;
	background-image:url(images/facebook.png);		
	width:15px;
	height:15px
}

#columns{
	padding-left:10px;	
	clear:both;
	float:none;
	width:900px;
}

#column1{
	float:left;
	width:650px;
}


#column2{
	float:left;
	width:250px;
}

#footer{
	background-image:url(images/footer.png);
	line-height:30px;
	padding-left:20px;
	width:890px;
	line-height:30px;
	height:40px;
	float:none;
	clear:both;
	font-size:11px;
	color:#FFF;
	letter-spacing:0.3px;
}

#footer a{
	color:#FFF;	
}

.bottom-tab{
	text-align:right;
	margin-top:-15px;
}

/*HOME*/





/*WORK*/

.project-thumb-large{
	width:250px;
	height:165px;
	background-image:url(images/project_thumb_large.png);
}

.project-thumb-large a{
	display:block;
	overflow:hidden;
	background-color:#FFF;
	width:240px;
	height:135px;
}

.project-thumb-large span{
	display:block;
	overflow:hidden;
	padding-left:5px;
	width:230px;
	height:20px;
	line-height:20px;
	color:#FFF;
	font-size:8pt;
	font-weight:bold;
}


.project-thumb-small{
	width:225px;
	height:150px;
	background-image:url(images/project_thumb_small.png);
	float:left;
}

.project-thumb-small a{
	display:block;
	overflow:hidden;
	background-color:#FFF;
	width:215px;
	height:120px;
}

.project-thumb-small span{
	display:block;
	overflow:hidden;
	padding-left:5px;
	width:205px;
	height:20px;
	line-height:20px;
	color:#FFF;
	font-size:8pt;
	font-weight:bold;
}

#project-list{
	width:900px;
	height:300px;
	overflow:hidden;
}

#project-list-content{
	height:300px;
}


#project-list-content .slide{
	float:left;
	overflow:hidden;
	width:900px;
	height:300px;
}


.slider-controls{
	margin-top:-15px;
	padding-bottom:5px;
}

a#slider-all-work{
	display:block;
	background-image:url(images/slider-all-work.png);	
	width:69px;
	height:35px;
	float:right;	
}

a.slider-button{
	display:block;
	float:right;
	width:14px;
	height:35px;
	background-image:url(images/slider-button.png);
	text-decoration:none;
	font-size:7pt;
	padding-right:3px;
	line-height:30px;
	font-weight:bold;
	text-align:center;
}

a.slider-button.active{
	background-image:url(images/slider-button-active.png);		
	color:#FFF;
}


/*DISCOGRAPHY*/

.album-thumb-large{
	display:block;
	width:250px;
	height:298px;
	text-decoration:none;
	background-image:url(images/album-thumb-large.png);
}

.album-thumb-large .img{
	display:block;
	overflow:hidden;
	background-color:#FFF;
	width:240px;
	height:240px;
}

.album-thumb-large span{
	display:block;
	overflow:hidden;
	padding-left:10px;
	width:220px;
	padding-top:4px;
	height:44px;
	line-height:20px;
	color:#FFF;
	font-size:12pt;
	font-weight:bold;
}

.album-thumb-large span i{
	font-style:normal;
	display:block;
	height:20px;
	overflow:hidden;
}

.album-thumb-large span b{
	display:block;
	font-size:13px;
	color:#C00;	
}


.track-line{
	float:none;
	clear:both;
	width:620px;
	height:45px;
	background-image:url(images/track-line.png);
	background-repeat:no-repeat;
	background-position:0px 5px;	
}

.track-line.active{
	background-position:0px -35px;
}

.track-line.active .track-text, .track-line.hover.active .track-text{
	color:#FFF;	
}

.track-line.hover .track-text{
	color:#C00;	
}

.track-line a{
	display:block;
	float:left;
	text-decoration:none;
	margin-top:5px;
}

a.track-text{
	padding-left:10px;	
	width:485px;
	margin-top:0px;
	padding-top:10px;	
	height:35px;

	line-height:15px;
	font-size:8pt;
	font-weight:bold;
	color:#665;
}

a.track-star{
	width:30px;
	height:30px;
	margin-right:10px;
	margin-top:10px;
	background-image:url(images/track-star.png);	
}


a.track-star.active{
	background-position:0px -30px;
		
}

/*ALBUM SCREEN ADJUSTMENT (NO STAR,LONGER LINES) */

.album-context .track-line{
	background-image:url(images/track-line-long.png);
}

.album-context a.track-text{
	width:600px;	
	margin-right:0px;
}

.album-context a.track-star{
	display:none;
}


a.track-mp3{
	width:40px;
	height:40px;
	margin-right:5px;
	background-image:url(images/track-mp3.png);	
}



a.track-aiff{
	width:40px;
	height:40px;
	background-image:url(images/track-aiff.png);		
}





.album-thumb-small{
	width:180px;
	height:200px;
	background-image:url(images/album-thumb-small.png);
	float:left;
}

.album-thumb-small a{
	display:block;
	overflow:hidden;
	background-color:#FFF;
	width:170px;
	height:170px;
}

.album-thumb-small span{
	display:block;
	overflow:hidden;
	padding-left:5px;
	width:160px;
	height:20px;
	line-height:20px;
	color:#FFF;
	font-size:8pt;
	font-weight:bold;
}

#album-list{
	width:900px;
	height:400px;
	overflow:hidden;
}

#album-list-content{
	height:400px;
}


#album-list-content .slide{
	float:left;
	overflow:hidden;
	width:900px;
	height:400px;
}


a#slider-all-albums{
	display:block;
	background-image:url(images/slider-all-albums.png);	
	width:84px;
	height:35px;
	float:right;	
}

/*LIBRARY*/


#nav-lib-welcome a{
	width:111px;
	background-image:url(images/nav-lib-welcome.png);	
}

#nav-lib-browse a{
	width:95px;
	background-image:url(images/nav-lib-browse.png);	
}

#nav-lib-playlist a{
	width:124px;
	background-image:url(images/nav-lib-playlist.png);	
}


.page-controls{
	margin-top:-10px;
	padding-bottom:10px;
}


#download-all{
	display:block;
	float:right;
	width:107px;
	height:30px;	
	background-image:url(images/download-all.png);
}

a.page-button{
	display:block;
	float:right;
	width:14px;
	height:30px;
	background-image:url(images/page-button.png);
	text-decoration:none;
	font-size:7pt;
	padding-right:3px;
	line-height:19px;
	font-weight:bold;
	text-align:center;
}

a.page-button.active{
	background-image:url(images/page-button-active.png);		
	color:#FFF;
}


#tags-track{
	min-height:50px;
	
}

/*SUBSCRIBE*/

.huma-form input{
	width:200px;
	margin-bottom:6px;
}

.err{
	color:red;
	padding-left:10px;
	
}

/*CLIENT*/

.client-info{
	position:absolute;
	width:440px;
	margin-left:440px;
	top:15px;
	color:#FFF;
	text-align:right;
	line-height:20px;
	height:20px;
	font-size:9pt;
}

.client-info a{
	color:#FFF;	
}

.qt-play{
	float:left;
	width:320px;
	height:195px;
	margin-right:10px;
	background-color:#EEE;
	margin-bottom:10px;
}

.qt-info{
	float:left;
	width:280px;
}

.filename-top{
	font-weight:bold;
	margin-bottom:6px;
	font-size:10pt;
}

.uploaded-top{
	margin-bottom:6px;
	display:none;
}

.download-top{
	display:block;
	width:100px;
	margin-bottom:115px;	
	display:none;
}

.dir{
	display:block;
	height:17px;
	line-height:17px;
	background-image:url(images/folder.png);
	background-repeat:no-repeat;
	padding-left:24px;
	margin-bottom:3px;
}

.dircontent{
	display:none;
	padding-left:24px;
	margin-bottom:3px;	
}


.file-modified{
	display:none;
}

.file-download, .file-play, .file-size{
	float:right;
	width:78px;
}


.file.active, .file.active a{
	background-color:#C00;
	color:#FFF;
	
}


/*BOXES*/
.b1a{
	background-image:url(images/b1a.png);
	background-repeat:no-repeat;
	background-color:#333;	
}

.b1b{
	background-image:url(images/b1b.png);
	background-position:right top;
	background-repeat:no-repeat;	

	height:30px;
	line-height:30px;
	padding-left:10px;
	font-size:12pt;
	font-weight:bold;
	color:#FFF;	

	overflow:hidden;	

}

.b2a{
	background-image:url(images/b2a.png);
	background-position:right top;
	background-repeat:repeat-y;
	padding-left:10px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:1px; /*needed to fix FF bug*/
	font-size:9pt;
	color:#4D4D4D;
	background-color:#FFF;
}


.b3a{
	background-image:url(images/b3a.png);
	padding-left:20px;
	height:20px;
	background-repeat:no-repeat;
}

.b3b{
	background-image:url(images/b3b.png);
	background-repeat:repeat-x;	
	height:20px;
	background-position:left bottom;
	background-color:#FFF;
}

.b3c{
	background-image:url(images/b3c.png);
	height:20px;
	background-position:right top;
	background-repeat:no-repeat;
}


.b4a{
	background-color:#C00;	
	background-image:url(images/b4a.png);
	background-repeat:no-repeat;
	
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-size:12pt;
	font-weight:bold;
	color:#FFF;
}

.b4b{
	background-image:url(images/b4b.png);
	padding-right:20px;
	background-position:right top;
	background-repeat:no-repeat;
}


.b5a{
	width:650px;
	background-image:url(images/b5a.png);
	background-position:right top;
	background-repeat:repeat-y;
}

.b5b{
	width:650px;
	background-image:url(images/b5b.png);
	background-position:right top;
	background-repeat:no-repeat;
}

.b6a{
	background-image:url(images/b6a.png);
	background-repeat:no-repeat;
	padding-left:10px;
	height:40px;	
}


.b6b{
	background-image:url(images/b6b.png);
	background-repeat:repeat-x;
	
	height:40px;
	line-height:30px;
	font-size:12pt;
	font-weight:bold;
	color:#FFF;
}

.b6c{
	background-image:url(images/b6c.png);
	padding-right:20px;
	background-position:right top;
	background-repeat:no-repeat;
	height:40px;	
}

.b7{
	background-color:#FFF;
	
	background-image:url(images/b7b.png);
	background-position:right top;
	background-repeat:repeat-y;	
}

.b7e{
	background-repeat:no-repeat;
}



.b7a{
	float:left;
	background-color:#333;
	
	margin-left:240px;
	padding-left:10px;
	background-image:url(images/b7a.png);
	padding-right:20px;
	background-position:right top;
	background-repeat:no-repeat;	
	
	width:630px;
	height: 30px;
	line-height: 30px;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;	
}



.b7b{
	float:left;
	
	margin-left:240px;
	padding-left:10px;
	width:630px;
	
		
	padding-top:5px;
	padding-bottom:10px;
	font-size:9pt;
	color:#4d4d4d;
	background-color:#FFF;
}

.b7d{
	background-image:url(images/b7d.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:15px;	
	
	text-align:right;
	margin-top:-5px;	
}