@import "../mnmlicons/mnmlicons.css";

/* Global Resetting */
html{	
	width: 100%;
	height: 100%;
	background: #FFFFFF;
}
body {
	width: 100%;
	height: 100%;
}
* {
	font-size: 12px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
a img {
	border: 0;
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.hidden {
	display: none;
}
p, ul, ul li, ol, ol li {
	color: #1C1C1C;
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	color: #1C1C1C;
	text-decoration: underline;
}
a:active, a:hover {
	color: #dec32f;
}
.font1 {
	font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
}
.whiteArrow {
	background: url(../images/white_arrow.png) no-repeat;
	height: 14px;
	width: 19px;
}

/* Layout CSS */
#Main {
	width: 1045px;
	margin: 0 auto;
}
	#Header {
		background: url(../images/header.jpg) no-repeat;
		height: 216px;
		width: 1045px;
	}
		#BuyButton {
			float: right;
			margin-right: 42px;
		}
			#BuyButton a:link, #BuyButton a:visited {
				background: url(../images/buy_music.png) 0 0 no-repeat;
				height: 43px;
				width: 159px;
				display: block;
			}
			#BuyButton a:active, #BuyButton a:hover {
				background: url(../images/buy_music.png) -159px 0 no-repeat;
			}
			#BuyButton a.current {
				background: url(../images/buy_music.png) -318px 0 no-repeat;
			}
	#Container {
		background: url(../images/yellow_bg_mid.jpg) repeat-y;
		overflow: auto;
	}
		#TopShadow {
			clear: both;
			height: 6px;
			width: 1006px;
			margin: -6px auto 0;
			background: url(../images/top_shadow.png) no-repeat;
		}
		#ContentContainer {
			clear: both;
			width: 1006px;
			margin: -6px auto 0;
			padding-top: 6px;
			background: url(../images/top_shadow.png) no-repeat top;
			float: left;
			margin-left: 20px;
		}
			#Content {
				margin: 0 auto;
				padding: 50px 35px 30px 40px;
				width: 931px;
				background: #FDF5C9;
				overflow: auto;
			}
				#Content p,
				#Content p *,
				#Content ul,
				#Content li,
				#Content ol {
					font-size: 14px;
					line-height: 20px;
				}
	#GreenBg {
		background: url(../images/green_repeat.jpg) repeat-y;
		overflow: hidden;
	}
	#GreenBottom {
		background: url(../images/green_bottom.jpg) repeat-y;
		height: 20px;
		margin-bottom: 10px;
	}
		#GreenFg {
			background: url(../images/yellow_bg_bottom.jpg) no-repeat;
			height: 48px;
			width: 885px;
			padding: 100px 80px 20px;
			overflow: visible;
		}
			#GreenFg h2 {
				color: #FFFFFF;
				font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				font-style: italic;
				font-size: 21px;
				margin-bottom: 20px;
			}
			#GreenFg p,
			#GreenFg p a {
				color: #000000;
				font-size: 13px;
				line-height: 18px;
			}
			#GreenFg p a:active, #GreenFg p a:hover {
				color: #A8D07C;
			}
			.event {
				margin-bottom: 20px;
				padding-bottom: 20px;
				border-bottom: 1px dashed #747474;
			}
			#EventsAndClasses {
				width: 280px;
				margin-right: 75px;
				float: left;
			}
			#Listen {
				width: 250px;
				margin-right: 65px;
				float: left;
			}
				.videoBlock {
					overflow: visible;
					border-bottom: 1px dashed #747474;
				}
				.songPlay,
				.videoPlay {
					float: left;
					height: 23px;
					margin-right: 8px;
					width: 27px;
				}
					.jquery_player {
						height: 1px;
					}
					.songPlay a.jp-play,
					.videoPlay {
						background: url("../images/audio_play.png") no-repeat scroll 0 0 transparent;
					}
					.songPlay a:link, .songPlay a:visited,
					.videoPlay a:link, .videoPlay a:visited {
						background: url("../images/audio_play.png") no-repeat scroll 0 0 transparent;
						display: block;
						height: 23px;
						width: 27px;
					}
					.songPlay a:active, .songPlay a:hover,
					.videoPlay a:active, .videoPlay a:hover {
						background: url("../images/audio_play.png") no-repeat scroll -27px 0 transparent;
					}
					.songPlay a.jp-pause {
						background: url("../images/audio_pause.png") no-repeat scroll 0 0 transparent;
					}
					.songPlay a.jp-pause:active, .songPlay a.jp-pause:hover {
						background: url("../images/audio_pause.png") no-repeat scroll -27px 0 transparent;
					}
					.songPlay .jp-play, .jp-pause {
						margin-top: -1px;
						text-indent: -999em;
					}
				#Listen p {
					margin: 0 0 10px;
					float: left;
					width: 210px;
				}
					.songDesc,
					.videoDesc {
						overflow: auto;
						font-style: italic;
						padding-bottom: 20px;
					}
			#Testimonials {
				float: left;
				width: 215px;
				margin-bottom: 50px;
				overflow: visible;
			}
				.testimonial {
					font-size: 13px;
					line-height: 22px;
					text-align: center;
					font-family: Arial, Helvetica, sans-serif;
				}

		
/* Navigation */

#Navigation {
	height: 75px;
	margin: 0 0 0 20px;
	width: 1006px;
	float: left;
}
	.skiplink {
		display: none;
	}
	#Navigation ul {
		list-style-type: none;
		margin-left: 25px;
	}
		#Navigation ul li {
			display: block;
			float: left;
			padding-top: 10px;
		}
			#Navigation ul li a {
				text-decoration: none;
				cursor: pointer;
				display: block;
				text-indent: -9999px;
				height: 65px;
				width: 147px;
				background-position: bottom;
				background-repeat: no-repeat;
			}
			#Navigation ul li a:active, #Navigation ul li a:hover {
				background-position: -146px 0;
			}
			#Navigation ul li a.current {
				background-position: -292px;
			}
				#Menu1_1 a:link, #Menu1_1 a:visited {
					background: url(../images/nav/me_and_you_music.png) 0 0;
				}
				#Menu1_2 a:link, #Menu1_2 a:visited {
					background: url(../images/nav/other_music.png) 0 0;
				}
				#Menu1_3 a:link, #Menu1_3 a:visited {
					background: url(../images/nav/about_keri.png) 0 0;
				}
				
	.worm {
		background: url(../images/worm.png) no-repeat bottom;
		height: 75px;
		width: 59px;
		margin: 0 220px 5px 55px;
		float: left;
	}
	.quail {
		background: url(../images/quail.png) no-repeat bottom;
		height: 75px;
		width: 97px;
		margin: 0 0 5px;
		float: left;
	}

/* Fat Footer */
#FatFooter {
	background: url(../images/fatfooter_bg.jpg) repeat-y;
	width: 986px;
	margin: 0 auto;
}
	#FatFooterContent {
		padding: 25px 65px 10px 50px;
		background: url(../images/fatfooter_fg.jpg) no-repeat;
		overflow: auto;
	}
		#FatFooterContent * {
			font-style: italic;
		}
		.footerBlock {
			float: left;
		}
		#FatFooterContent h2 {
			font-size: 24px;
			margin-bottom: 10px;
		}
			#FatFooterContent a:link, #FatFooterContent a:visited {
			}
			#FatFooterContent a:active, #FatFooterContent a:hover {
				color: #978001;
			}
		#FooterBlock1 {
			width: 370px;
			margin-right: 193px;
		}
			#FooterBlock1 * {
				color: #493E01;
			}
			#FooterBlock1 p {
				margin-bottom: 6px;
			}
			#FooterBlock1 p,
			#FooterBlock1 p a {
				font-size: 13px;
				line-height: 125%;
			}
		#FooterBlock2 {
			width: 308px;
			font-size: 15px;
		}
			#FooterBlock2 * {
				color: #FFFFFF;
				text-align: center;
			}
			#FooterBlock2 p {
				margin-bottom: 10px;
				font-size: 15px;
				line-height: 125%;
			}
				#FatFooterEmail a:link, #FatFooterEmail a:visited {
					background: url(../images/email_keri.png) 0 0 no-repeat;
					height: 33px;
					width: 204px;
					display: block;
					margin-left: 52px;
				}
				#FatFooterEmail a:active, #FatFooterEmail a:hover {
					background: url(../images/email_keri.png) 0 -33px no-repeat;
				}
		#FatFooterContent h1,
		#FatFooterContent h2,
		#FatFooterContent h3,
		#FatFooterContent h4,
		#FatFooterContent h5 {
			font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
		}
		

#Footer {
	margin: 10px auto 50px;
	width: 985px;
}
	#FooterContent {
		font-size: 10px;
		overflow: visible;
	}
		#FooterContent p {
			color: #585757;
			margin-bottom: 10px;
		}
			#FooterContent p a:link, #FooterContent p a:visited {
				color: #585757;
				text-decoration: underline;
			}
			#FooterContent p a:active, #FooterContent p a:hover {
				color: #AEADAD;
			}


/* Home page styles */

#SlideshowContainer {
	width: 555px;
	height: 425px;
	margin: 0 30px 0 8px;
	position: relative;
	z-index: 0;
	float: left;
}
	#SlideshowImages {
		width: 514px;
		height: 381px;
		position: relative;
	}
		#Slides {
			position:absolute;
			z-index:100;
		}
			#Slides .next, #Slides .prev {
				position:absolute;
				top:150px;
				width:21px;
				height:44px;
				z-index:101;
				display: none; /* set to block in js */
			}
		
			a.prev:link, a.prev:visited {
				background: url(../images/slideshow_buttons.png) 0 0 no-repeat;
				left:-39px;
			}
			a.prev:active, a.prev:hover {
				background-position: 0 -44px;
			}
			a.next:link, a.next:visited {
				background: url(../images/slideshow_buttons.png) -21px 0 no-repeat;
				left: 532px;
			}
			a.next:active, a.next:hover {
				background-position: -21px -44px;
			}
			#Counter {
				clear: both;
				text-align: center;
				display: none;
				padding-top: 7px;
			}

		/* Important: Set the width of your slides container. Set to display none, prevents content flash */
		.slides_container {
			width: 514px;
			overflow:hidden;
			position:relative;
			display:none;
			height: 381px;
		}
		
		/* Important: Set the width of your slides */
		.slides_container div.slide {
			width:514px;
			height:381px;
			display:block;
		}
		
		/* Pagination */
		ul.pagination {
			clear: both;
			padding: 10px 0 0;
			margin: 0 0 0 250px !important;
			float: left;
		}
			ul.pagination li {
				display: none;
				margin:0 1px;
				list-style:none !important;
				list-style-type: none !important;
			}
			ul.pagination li.current {
				display: block;
			}
				.pagination li a {
					display:block;
					float:left;
					color: #000000;
					font-size: 12px;
					text-decoration: none;
					cursor: text;
				}
		#Counter {
			float: left;
		}
		
#featured_video_modal { width: 752px; width: 1050px; height: 423px; overflow: hidden; position: absolute; top: 0px; right: 0px; background: #fff; display: none; }
#featured_video_modal .fixed-video { position: relative; z-index: 50; margin-top: -65px; }
#featured_video_modal .slider-video-fade { position: absolute; top: 0px; right: 280px; z-index: 100; display: none; }

#exposeMask { background-color: transparent !important; }

				
#HomeContent {
	float: left;
	width: 338px;
}
	

#LeftContent {
	width: 550px;
	margin-right: 40px;
	float: left;
}
#RightContent {
	width: 338px;
	float: left;
}
#LeftContent img {
	margin: 0 auto;
}
#LeftImagePageContent #LeftContent img {
	margin-bottom: 10px;
}