/**
 * GLOBALS
 */
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
* { margin:0;padding:0; }
body {
	background: #000 url('../images/bg3.jpg');
	padding: 0;
	margin: 0;
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	*font-size: small;
	*font: x-small;
}

div.bg { 
	background: transparent url('../images/bg4.jpg') no-repeat center top;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	overflow: hidden;
	-z-index: 0;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clear {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
img, a { border: none; outline: none; }
p { padding: 10px 0; }
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/**
 * TOP NAV & LOGO
 */
div#navigation {
	margin-left: 500px;
	position: absolute;
	height: 55px;
	width: 460px;
	text-align: right;
}
	a#logo {
		display: block;
		padding-top: 20px;
		padding-right: 21px;
	}
	div#nav-links {
		padding-top: 2px;
		padding-right: 21px;
		text-align: right;
		color: #875f00;
		font-weight: bold;
	}
	div#nav-links a {
		text-decoration: none;
		color: #797873;
		font-size: 10px;
		text-transform: uppercase;
		padding-left: 10px;
	}
	div#nav-links a:hover {
		color: #000;
	}

/**
 * MUSIC PLAYER
 */
	div#music-player {
		float: left;
		position: absolute;
		margin: 20px 0 0 -480px;
	}	

/**
 * SECTIONS
 */
#wrap {
	background: url('../images/bg.jpg') no-repeat;
	left: 50%;
	margin-top: 100px;
	margin-left: -480px;
	width: 960px;
	height: 720px !important;
	display: block;
	overflow: hidden;
	-z-index: 10;
	position: absolute;
}
#album_pullout div {
	display: block;
	background: url('../images/album_pullout.png') no-repeat;
	width: 460px;
	height: 188px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 195px;
	margin-left: -170px;
	text-decoration: none;
}
#album_pullout div span {
	display: block;
	margin-left: 288px;
	width: 172px;
	text-align: center;
	padding-top: 13px;
	text-decoration: none;
}
#album_pullout div span a {
	color: white;
	font-weight: bold;
}

#content {
	height: 462px;
	margin-top: 308px; /* -124px; */
	background: #000;
	width: 960px;
	opacity: .5;
	color: #fff;
}
	#content-header {
		width: 635px;
		padding-top: 30px;
		margin: 0 auto;
	}
		#content-header h1 {
		}
	#content-inner {
		font-size: 11px;
		margin: 0 auto;
		line-height: 16px;		
		width: 635px;
		color: #fff;
		height: 340px;
		overflow: hidden;
	}
	#content-scroll {
		text-align: right;
		width: 635px;
		margin: 0 auto;
	}
	a.close-content {
		float: right;
		margin-top: -25px;
		text-decoration: none;
		background: #333;
		color: #fff;
		padding: 5px 8px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	a.close-content:hover {
		color: #ccc;
	}

/**
 * HEADERS
 */
	.heading {
		height: 23px;
	}
	.heading span {
		display: block;
		position: absolute;
	}
		.about_kingdom {
			background: url('../images/headers.png') no-repeat 0 0;
			width: 301px;
			height: 22px;
		}
		.about_kingdom_blur {
			background: url('../images/headers.png') no-repeat 0 -23px;
			width: 301px;
			height: 23px;
			opacity: 0;
		}
		.about_kim {
			background: url('../images/headers.png') no-repeat 0 -49px;
			width: 150px;
			height: 23px;
		}
		.about_kim_blur {
			background: url('../images/headers.png') no-repeat 0 -72px;
			width: 150px;
			height: 23px;
			opacity: 0;
		}
		.videos {
			background: url('../images/headers.png') no-repeat 0 -99px;
			width: 100px;
			height: 22px;
		}
		.videos_blur {
			background: url('../images/headers.png') no-repeat 0 -122px;
			width: 100px;
			height: 23px;
			opacity: 0;
		}
		.downloads {
			background: url('../images/headers.png') no-repeat 0 -149px;
			width: 180px;
			height: 22px;
		}
		.downloads_blur {
			background: url('../images/headers.png') no-repeat 0 -172px;
			width: 180px;
			height: 23px;
			opacity: 0;
		}
		.contact {
			background: url('../images/headers.png') no-repeat 0 -200px;
			width: 135px;
			height: 22px;
		}
		.contact_blur {
			background: url('../images/headers.png') no-repeat 0 -223px;
			width: 135px;
			height: 23px;
			opacity: 0;
		}

	
/**
 * VIDEOS
 */
	div.videos-wrap {
		height: 320px !important;
		width: 640px !important;
		padding-top: 20px;
	}
	div.videos-wrap img {
		margin-right: 4px;
		border: 3px solid #fff;
		width: 200px;
	}
	div.horizontal-wrap {
		width: 11000px;
		height: 320px;
		display: block;
	}
	div.horizontal-container {	
		height: 320px !important;
		width: 640px !important;
		float: left;
	}
	a#scroll-left { 
		float: left;
		padding-top: 10px;
	}
	a#scroll-right {
		padding-top: 10px;
		float: right;
	}
	
/**
 * CONTACT FORM
 */ 
	.content-left {
		float: left;
		width: 30%;
	}
	.content-left a {
		text-decoration: none;
		color: white;
	}
	.content-right {
		float: right;
		width: 60%;
	}

	div.contact-form {
		padding-top: 20px;
	}
	.contact-form label {
		display: block;
		float: left;
		line-height: 25px;
		color: #888;
		width: 100px;
		text-align: right;
		text-transform: uppercase;
		margin: 5px 0;
		padding-right: 15px;
	}
	.contact-form input, .contact-form textarea {
		width: 250px;
		border: none;
		padding: 5px 8px;
		margin: 5px 0;
	}
	.contact-form textarea {
		height: 100px;
	}
	.submit {
		padding: 5px 15px !important;
		background: #333;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #fff;
		float: right;
		width: 80px !important;
		font-weight: bold;
	}
	#contact-response {
		display: none;
		text-align: right;
		width: 100%;
	}
	
/**
 * FOOTER
 */
div#footer {
	color: #fff;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	width: 960px;
	margin-top: -500px;
	position: absolute;
	-z-index: 500;
}
	div.footer-left {
		padding-top: 3px;
		float: left;
		padding-left: 10px;
	}
	div.footer-right {
		float: right;
		padding-right: 10px;
		opacity: .8;
		text-transform: uppercase;
		font-size: 11px;
	}
	div.footer-right a {
		color: #fff;
	}
	
div#site-footer {
	position: absolute;
	width: 960px;
	height: 23px;
	left: 50%;
	margin-left: -480px;
	margin-top: 830px;
	width: 960px;
}
	div#site-footer-left {
		float: left;
		width: 410px;
		height: 80px;
	}
	div#site-footer-right {
		float: right;
		width: 530px;
		height: 80px;
		overflow: hidden;
	}
	a.footer-twitter {
		background: url('../images/twitter.png') no-repeat 0 2px;
		padding: 2px 0px 0 22px;
		color: black;
		font-weight: bold;
	}
	.comment {
		height: 80px;
	}