/* Rank Records - CSS Document */

body {
	background:#000000 url(../images/bg.jpg) no-repeat top center;
	margin:0;
}

/**** HEADINGS ****/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#3a3a3a;
	line-height:1.5em;
	margin:0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#060708;
	line-height:1.5em;
	margin:0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#aa1e1d;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:100;
	color:#060708;
	line-height:1.5em;
	margin:0 0 .5em 0;
}

/**** CONTENT ****/

p,.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#060708;
	line-height:1.6em;
	margin:0 0 1em 0;
}

.small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#060708;
	line-height:1.6em;
}


/**** BODY STRUCTURE ****/

.container {
	width:1006px;
	margin:0 auto;
	padding:0;
	position:relative;
}

	/*** HEADER AREA ***/
	
		div.logo h1 {
			width:0;
			height:0;
			margin:0;
			padding:0;
			text-indent:-999em;
		}
		
		div.CD h2 {
			width:0;
			height:0;
			margin:0;
			padding:0;
			text-indent:-999em;
		}

	/*** END HEADER AREA ***/


.bodyArea {
	width:1020px;
	margin:0;
	padding:0;
	clear:both;
}

div.clear {
	clear:both;
	margin:0;
	padding:0;
}

	/*** BODY AREA ***/

	
	.leftCol {
		width:738px;
		margin:39px 0 0 0;
		padding:0;
		float:left;
	}
	
		.leftCol-top {
			background:url(../images/leftCol-top.jpg) no-repeat top left;
			width:738px;
			margin:0;
			padding:100px 0 0 0;
		}
		
		.leftCol-bg {
			background:url(../images/leftCol-bg.png) repeat-y;
     		height:443px;
			margin:0;
			padding:0;
		}
		
		.intro {
			width:420px;
			float:left;
			margin:0;
			padding:0 0 0 25px;
		}
		
		.quote {
			background:url(../images/quote-txt.png) no-repeat;
			font-family:Gill Sans, Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:200;
			color:#060708;
			width:259px;
			height:261px;
			float:right;
			line-height:1.7em;
			text-indent:-999em;
			margin:20px 25px 0 0;
			padding:0;
		}
		
		.quote h2 {
			font-family:Gill Sans, Arial, Helvetica, sans-serif;
			font-size:24px;
			font-weight:500;
			color:#060708;
			text-indent:-999em;
		}
	
	.rightCol {
	width:287px;
	margin:0;
	padding:0;
	position:absolute;
	left: 729px;
	top: 67px;
	z-index:7;
	}
	
	.rightCol-top {
		background:url(../images/rightCol-top.png) no-repeat top;
		width:287px;
		height:75px;
		margin:0;
		padding:0;
	}
	.rightCol-bg-top {
		background:url(../images/rightCol-bg-top.jpg) no-repeat top;
		width:247px;
		clear:both;
		margin:0;
		padding:10px 20px 5px 20px;
	}
	
	.rightCol-bg {
		background:url(../images/rightCol-bg.png) repeat-y;
		width:287px;
		clear:both;
		margin:0;
		padding:0;
	}
	rightCol-footer {
		background:url(../images/rightCol-footer.png) no-repeat;
		width:287px;
		height:7px;
		clear:both;	
		margin:0;
		padding:0;
	}
	
	/*** MP3's ***/
	
	.song {
		border-top:1px solid #c7c7c7;
		margin:10px 0;
		padding:10px 0;
	}
	
	div.photographer {
		clear:both;
		margin:0;
		padding:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:100;
		color:#040505;
		text-transform:uppercase;
		text-align:right;
	}
	
	
	/*** SHOWS ***/
	
	.shows {
		background:url(../images/shows-bg.png) no-repeat;
		width:247px;
		min-height:365px;
		margin:0;
		padding:80px 20px 5px 20px;
		position:absolute;
		top:430px;
		left:456px;
		z-index:10;
	}
	
	/*** CDs ***/
	
	.CDs {
		background:url(../images/cdCol-container.png) no-repeat;
		width:429px;
		height:540px;
		margin:0;
		padding:30px 20px 0 20px;
		position:absolute;
		top:450px;
		left:-4px;
		z-index:5px;
	}	
	
	.cdContainer {
		border-top:1px solid #c7c7c7;
		margin:0;
		padding:7px 0;
		clear:both;
	}
	
	.cdCover {
		float:left;
		margin:0;
		padding:0;
		width:109px;
	}
	.cdInfo {
		float:left;
		margin:0;
		padding:0 0 0 20px;
		width:285px;
	}
	
	.btnBuyNow {
		width:79px;
		height:28px;
		margin:0;
		padding:0;
		display:block;
		cursor:pointer;
		float:left; clear:left;
	}
	
	h4.price {
		float:left;
		margin:3px 0 0 10px;
		padding:0;
	}
	
	.contactInfo {
	background:url(../images/contact-bg.png) no-repeat;
	height:113px;
	width:298px;
	top:681px;
	left:705px;
	margin:0;
	padding:18px 0 0 55px;
	position:absolute;
	}
	
	.contactInfo p {
		color:#dcdcdc;
		font-size:13px;
		line-height:1.2em;
	}
	
	.contactInfo p a {
		color:#dcdcdc;
		font-size:13px;
		line-height:1.2em;
		text-decoration:underline;
	}
	.contactInfo p a:hover {
		color:#fff;
		text-decoration:underline;
	}
	
	/*** END BODY AREA ***/
	
.footer {
	position:absolute;
	top:538px;
	left:5;
	z-index:10;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#40464F;
}	
.footer a {
	color:#40464F;
	text-decoration:none;
}
.footer a:visited {
	color:#40464F;
	text-decoration:none;
}
.footer a:hover {
	color:#c7c7c7;
	text-decoration:none;
}
.footer a:active {
	color:#40464F;
	text-decoration:none;
}

/**** LINKS / LIST ITEMS ****/

a {
	color:#aa1e1d;
	text-decoration:none;
}
a:visited {
	color:#aa1e1d;
	text-decoration:none;
}
a:hover {
	color:#c7c7c7;
	text-decoration:none;
}
a:active {
	color:#aa1e1d;
	text-decoration:none;
}

ul {
	margin:10px;
	padding:5px;
}

ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3a3a;
	line-height:1.5em;
}

/*** FORMS ***/

.form-fields {
	border:1px solid #D0D9DF;
	color:#486F82;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	height:18px;
	margin:3px;
	padding:5px;
	width:200px;
}