@charset "utf-8";
/* CSS Document */

html{
	height:100%;
	width:100%;
}

body{
	background-image:url(images/bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color:#6f6f6f;
	margin:0px;
	height:100%;
	width:100%;
	margin-top:15px;
}
	
div#container{
	width:780px;
	height:auto;
	margin:auto;
}

/* Begin header Style */

div#logo{
	height:54px;
	background:url(images/logo.png) center no-repeat;
	margin-bottom:10px;
}

div#logo h1{
	visibility:hidden;
	margin:0px;
	padding:0px;
}

div#navMenu{
	width:100%;
	height:60px;
	border-top:double 4px #6c6c6c;
	border-bottom:double 4px #6c6c6c;
}

/* Begin Nav Menu Styles */

	div#navMenu menu{
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		list-style:none;
		margin:0px;
		padding:0px;
		margin-top:13px;
		float:left;
	}
	
		div#navMenu menu li{
			display:inline;
			margin:10px;
			padding-top:6px;
			padding-bottom:1px;
		}
		
			div#navMenu menu li#listen{
				padding-left:13px;
				padding-right:13px;
			}
			
			div#navMenu menu li#listen:hover, div#navMenu menu li#listen.active{
				background:url(images/listen-bg.png) center no-repeat;
			}
			
			div#navMenu menu li#watch{
				padding-left:10px;
				padding-right:11px;
			}
			
			div#navMenu menu li#watch:hover, div#navMenu menu li#watch.active{
				background:url(images/watch-bg.png) center no-repeat;
			}
			
			div#navMenu menu li#download{
				padding-left:9px;
				padding-right:10px;
			}
			
			div#navMenu menu li#download:hover, div#navMenu menu li#download.active{
				background:url(images/download-bg.png) center no-repeat;
			}
			
			div#navMenu menu li a{
				font-size:19pt;
				font-weight:bold;
				color:#6c6c6c;
				text-decoration:none;
			}
			
/* End Nev Menu Styles */

div#findUs{
	float:right;
	margin-top:12px;
	margin-right:20px;
	width:auto;
}

div#findUs p{
	text-transform:uppercase;
	font-style:italic;
	font-size:10pt;
	margin:0px;
	margin-top:10px;
	float:left;
	font-weight:bold;
}

div#findUs a img{
	border:0px;
	margin-left:15px;
}

/* End Header Styles */

/* Begin Content Styles */

div#contentTop{
	width:768px;
	height:5px;
	background:url(images/content-bg-top.png) no-repeat;
	margin:auto;
	margin-top:20px;
}

div#content{
	width:744px; /* w/o padding = 768px*/
	height:auto; /*w/o padding = 350px*/
	padding:12px;
	padding-top:7px;
	padding-bottom:7px;
	background:url(images/content-bg-middle.png) repeat-y;
	margin:auto;
	position:relative;
}

div#contentBottom{
	width:768px;
	height:5px;
	background:url(images/content-bg-bottom.png) no-repeat;
	margin:auto;
}

.clear{
	clear:both;
}

a.link, a.link:visited{
	background:none;
	font-style:normal;
	text-decoration:underline;
	font-size:inherit;
}

/* End Content Styles */

/* Begin Listen Page Styles */

div#listenAlbumCover{
	height:210px;
	width:210px;
	float:left;
	margin-left:20px;
}

	div#listenAlbumCover img{
		border:solid 1px #b8b8b8;
	}

div#listenAlbumInfo{
	height:210px;
	width:280px;
	float:left;
	margin-left:20px;
}

	div#listenAlbumInfo h2{
		margin:0px;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		line-height:18pt;
	}
	
	div#listenAlbumInfo p{
		margin:0px;
		margin-top:7px;
		font-size:10pt;
		font-style:italic;
		line-height:12pt;
	}
	
	div#listenAlbumInfo a{
		display:block;
		width:194px; /* 210px w/o padding*/
		height:30px; /* 34px w/0 padding */
		padding-left:16px;
		padding-top:4px;
		margin-top:15px;
		background-image:url(images/listen-download-bg.png);
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		font-size:13pt;
	}
	
	div#listenAlbumInfo a:hover{
		background-image:url(images/listen-download-bg-hover.png);
	}

div#listenPlayer{
	height:210px;
	width:210px;
	float:left;
}

p.choose{
	text-transform:uppercase;
	font-style:italic;
	font-size:12px;
	margin-top:10px;
	float:left;
}

div#albumScroll{
	width:730px;
	height:106px;
	background-image:url(images/album-scroll-bg.png);
	float:left;
	padding-left:10px;
}

	div#albumScroll a{
		display:block;
		height:100%;
		width:80px;
		padding-left:10px;
		padding-right:10px;
		float:left;
	}
	
	div#albumScroll a:hover{
		background-color:#999;
	}
	
	div#albumScroll a img{
		border:solid 1px #b8b8b8;
		margin-top:13px;
		
	}

div#new-ep-graphic{
	width:96px;
	height:97px;
	position:absolute;
	top:-12px;
	right:-8px;
	background-image:url(images/new-ep.png);
}

/* End Listen Page Styles */

/* Begin Watch Page Styles */

div#video{
	float:left;
}

div#videoScroll{
	width:260px;
	height:320px;
	background-image:url(images/video-scroll-bg.png);
	float:right;
}

div#videoScrollInterior{
	height:310px;
	margin:5px;
	overflow-y:auto;
	overflow-x:none;
}

	div#videoScrollInterior ul{
		margin:0px;
		padding:0px;
	}
	
		div#videoScrollInterior ul li{
			width:220px;
			list-style:none;
			padding:5px;
		}
		
		div#videoScrollInterior ul li:hover{
			background-color:#999;
		}
		
		div#videoScrollInterior a{
			display:block;
			width:185px;
			margin-left:10px;
			padding:5px;
			border:solid 1px #999;
			color:#666;
			text-decoration:none;
			font-size:12px;
			text-align:center;
		}
		
		div#videoScrollInterior a:hover{
			color:#fff;	
		}
		
		div#videoScrollInterior a img{
			border:0px;
		}
		
/* End Watch Page Styles */

/* Begin Download Styles */

p.choose-album{
	text-transform:uppercase;
	font-style:italic;
	font-size:12px;
	margin-top:10px;
}

div.album-details{
	width:210px;
	padding:10px;
	margin-right:8px;
	float:left;
	border:double 5px #fff;
	background-color:#b2b2b2;
}
div.album-details a{
		display:block;
		width:194px; /* 210px w/o padding*/
		height:30px; /* 34px w/0 padding */
		padding-left:16px;
		padding-top:4px;
		margin-top:15px;
		background-image:url(images/listen-download-bg.png);
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		font-size:13pt;
}

div.album-details a:hover{
background-image:url(images/listen-download-bg-hover.png);
	}

div.album-details h2{
	margin:0px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:13pt;
	background-color:#FFF;
	display:block;
	text-align:center;
	line-height:14pt;
}

div#new-ep-graphic2{
	width:96px;
	height:97px;
	position:absolute;
	top:37px;
	left:164px;
	background-image:url(images/new-ep.png);
}

div#download{
	text-align:center;
}

div#download h2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-bottom:5px;
}

div#download h2 span{
	font-size:12pt;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
}

div#download img{
	border:double 5px #999;
}

div#download p a, div#download p a:visited{
	color:#069;
}


/* End Download Styles */

/* Begin Contact Styles */

form#contact-form h2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-top:0px;
}

form#contact-form input[type="text"]{
	width:268px;
	height:28px;
	border:none;
	background:url(images/input-bg.png) center no-repeat #e3e3e3;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}

form#contact-form textarea{
	width:268px;
	height:115px;
	border:none;
	background:url(images/message-input-bg.png) center no-repeat #e3e3e3;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
	padding-top:10px;
	overflow:auto;
	margin-top:5px;
}

form#contact-form input[type="submit"]{
	width:110px;
	height:34px;
	background:url(images/submit-button.png) center no-repeat;
	border:0px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12pt;
	float:right;
	margin-top:10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

form#contact-form table tr td{
}

form#contact-form input[type="text"].ajaxFormError, form#contact-form textarea.ajaxFormError{
		border:solid 1px #930;
	}

div#contactInfo{
	float:right;
	width:300px;
	height:200px;
	margin-top:60px;
	margin-right:15px;
	border-left:solid 1px #999;
	padding-left:15px;
}

div#contactInfo a, div#contactInfo a:visited{
	font-size:10pt;
	color:#999;
}

/* End Contact Styles */

/* Begin Footer Styles */

div#footer a.contact{
	float:right;
	display:block;
	width:110px;
	height:26px;
	padding-left:12px;
	background:url(images/contact-button-bg.png) no-repeat;
	color:#FFF;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	text-decoration:none;
	font-size:14pt;
	line-height:18pt;
	margin-right:15px;
	margin-top:7px;
}

div#footer p{
	float:left;
	font-size:9pt;
	margin-left:15px;
	margin-top:10px;
	color:#6f6f6f;
}

div#footer p a, div#footer p a:visited{
	color:#6f6f6f;
	text-decoration:none;
}

div#footer p a:hover{
	text-decoration:underline;
}

div#footer hr{
	width:185px;
	height:0px;
	margin-left:15px;
	margin-top:20px;
	border-bottom:double 4px #6c6c6c;
	float:left;
}

/* End Footer Styles */