/* ******************************
Overview Template
Copyright (c) 2008 - 2008 Reflections of Christ, All Rights Reserved
****************************** */




/* ******************************
Reset Code - An overall, master reset to make code behave and to cut down on repetitive declarations
****************************** */

html, body,
div,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input,
img,
p, blockquote {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}

img {
	border:none;
}

fieldset {
	border:none;
}

strong, label {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* ******************************
Preset Classes - Classes that are universally available and applied
****************************** */

/*--------------- Layout --------------------*/
.float {
	float:left;
}
.floatOpposite {
	float:right;
}

.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}


.offPage {
	position:absolute;
	left:-999em;
}

/*--------------- Text --------------------*/
.price {
	font-weight:600;
	color:#065e25;
}
.bonus {
	font-weight: bold;
	color:#f00;
}

.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}

.strike {
	text-decoration:line-through;
	font-weight:600;
}

.error {
	color:#f00;
}

.alignStyle1 {
	text-align:center;
}
.alignStyle2 {
	text-align:right;
}
.alignStyle3 {
	text-align:left;
}

.extraLine {
	margin-bottom:1.4em;
}

/*--------------- Lists --------------------*/
.ulStyleSpaced li {
	margin-bottom:.6em;
}
	.ulStyleSpaced li p {
		padding:.6em 0 0 0;
	}
.olStyleSpaced li {
	margin-bottom:.6em;
}
	.olStyleSpaced li p {
		padding:.6em 0 0 0;
	}

/* ******************************
Basic CSS - groundwork appearance code for this template
****************************** */

body {
	font-family:arial, helvetica, sans-serif;
	font-size:80%;

	color:#666;
	
	background:#3a3a3b url("/images-layout/site-bg.gif") 50% 0 repeat;
}

p {
	margin:0 0 1.4em 0;
	line-height:1.4em;
}

a:link {
	color:#888;
}
a:visited, a:active {
	color:#888;
}
a:hover { 
	color:#7C1B10;
	text-decoration:none;
}

h1 {
	margin-bottom:.3em;
	font-size:140%;
	font-family: Palatino, Georgia, serif;
	color:#a00000;
}

h1.pageHeader {
	position:absolute;
	top:-20px;
	left:80px;
	height:41px;
	width:209px;
	text-align: center;
	font-variant:small-caps;
	color:#fff;
	background: url('images-layout/h1-bg.gif') left top no-repeat;
	z-index:10;
}
h1.storeHeader {
	color:#333;
}

h2 {
	margin-bottom:.3em;
	font-family: Palatino, serif;
	font-size:140%;
	color:#333;
}

h3 {
	margin-bottom:.3em;
	font-family: Palatino, serif;
	font-size:120%;
	color:#333;
}

img {
	
}

.hr {
	margin:1.4em 0;
	border-bottom:1px solid #B2B4B6;
}

	.bookhr {
		margin-left:288px;
	}

.hr2 {
	margin:1.4em 0;
	/*border-bottom:1px solid #e19e2a;*/
	color: #b2b4b6;
	background-color: #b2b4b6;
	height: 1px;
}

ul, ol {
	margin-bottom:.6em;
}

.ulStyle1 {
	margin-bottom:.6em;
	padding-left:18px;
	list-style:circle;
}
.ulStyle1 li {
	margin:0 0 0.7em 0;
	line-height:1.4em;
}



#container {
	border: 1px solid #999a9a;
}
#content {
	background:#fff;
}
#columnWrapper {
	padding-bottom:8px;
}

/* ******************************
Column Styles
****************************** */

.columnStyle1 {
	padding:12px 80px;
	z-index:2;
}
	.columnStyle1 .columnTopLeft {
		display:none;
	}
		.columnStyle1 .columnTopRight {
		
		}
	.columnStyle1 .columnBody {
		z-index:2;
	}
	.columnStyle1 .columnBottomLeft {
		display:none;
	}
		.columnStyle1 .columnBottomRight {
		
		}

.columnStyle2 {
	padding:0 0px 0px 0px;
}
	.columnStyle2 .columnTopLeft {
		display:none;
	}
		.columnStyle2 .columnTopRight {
		
		}
	.columnStyle2 .columnBody {
		padding:50px 0;
		
		min-height:260px;
		/* IE6 Mumbo Jumbo */
		height:auto !important;
		height:260px;
		
		/*border-left:1px solid #ddd;*/
		background:url('/images-layout/column-bg.gif') top left no-repeat;
	}
	.columnStyle2 .columnBottomLeft {
		display:none;
	}
		.columnStyle2 .columnBottomRight {
		
		}



/* ******************************
Selected Button Styles
****************************** */

/* ******************************
Selected Table Styles
****************************** */

/* ******************************
Selected Form Styles
****************************** */

/* ******************************
Selected List Styles
****************************** */



/* ******************************
Default Blob Styles
****************************** */

.blobDefault {
	margin-bottom:12px;
}

.blobStyleNav {

}
	.blobStyleNav .blobTopLeft {
		
	}
		.blobStyleNav .blobTopRight {
			margin:-0px -0px 0 -0px;
			background:#e19e2a url('/images-layout/blob-style-nav-top-right.gif') 0 50% repeat-x;
		}
			.blobStyleNav .blobTopRight h2 {
				padding-top:6px;
				height:29px;
				text-align:center;
				color:#fff;
			}


.storeSection {
	float:left;
	height:200px;
}
	.storeSection img {
		padding:6px 9px 24px 9px;
	}
	.storeSection a:link, .storeSection a:visited {
		padding-top:24px;
		padding-left:17px;
		text-decoration:none;
		font-family: Palatino, serif;
		font-size:110%;
		border-bottom:1px solid #c5c5c5;
		border:none !important;
	}
	.storeSection a:hover, .storeSection a:active {
		border-bottom:4px solid #c5c5c5;
		border:none !important;
	}
	.storeSection a:link img, .storeSection a:visited img {
		border-bottom:1px solid #c5c5c5;
	}
	.storeSection a:hover img, .storeSection a:active img {
		border-bottom:4px solid #c5c5c5;
	}

	
.listLink {
	margin-bottom:.3em;
}
.listLink a {
	text-decoration:none;
}

.blobArtists {
	margin-top:50px;
}

	.blobArtists a ,.blobArtistPic a{
		text-decoration:none;
	}
	.blobArtistPic {
		font-size:100%;
		font-variant:small-caps;
		font-family:Palatino,serif;
	}
	.blobArtistPic {
		float: left;
		width:20%;
		padding-right:6.5%;
	}
		.blobArtistPic img {
			margin-bottom:5px;
		}
		
		.blobArtistPic p.artistName {
			font-size:110%;
		}
		
		.blobArtistPic p.artistName a{
			font-size:12px;
			font-family:Arial,sans;
			font-variant:normal;
		}
		
	.blobArtistCast {
		font-size:100%;
		font-variant:small-caps;
		font-family:Palatino,serif;
	}
	
		.blobArtistCast a {
			text-decoration:none;
		}
	
	.blobArtists .last{
		padding-right:0;
		float:right;
	}

.blobMusicCd {
	float:left;
}
	.blobMusicCd li {
		float:left;
		clear:left;
		margin-bottom:2px;
	}
	.blobMusicCd p {
		float:left;
		margin-bottom:0px;
	}
	.blobMusicCd div {
		float:left;
		margin-right:5px;
	}


.productLayoutBasic {
	
}
	.productLayoutBasic h1, .productLayoutMusic h1 {
		margin-bottom: 20px;
		padding-bottom: 4px;
		color: #999;
		border-bottom: 1px solid #ccc;
	}
	.productLayoutBasic .productImage {
		float: left;
		padding-right:30px;
	}
	.productLayoutBasic .productImage #flashContent {
		padding-bottom:5em;
	}
	.productLayoutBasic .productDescription {	
		font-size: 90%;
	}
	.productLayoutBasic .productDescription p {
		font-family:arial, helvetica, sans-serif;
	}
	.productDescription h2 {
		color: #A00000;
	}

.productLayoutMusic {
	
}
	.productLayoutMusic .productImage {
		float:left;
		width:200px;
	}
	.productLayoutMusic .productDescription {
		float:left;
		width:482px;
		font-size:85%;
	}
	.productLayoutMusic .productDescription p {
		font-family:arial, helvetica, sans-serif;
	}
	.productLayoutMusic .songList {
		margin-left: 10px;
		padding: 8px 6px 18px 15px;
		width: 200px;
		color:#595959;
		background: #f2f2f2;
	}
		.productLayoutMusic .songList li {
			margin-bottom:.6em;
			font-family:arial, helvetica, sans-serif;
		}
			.productLayoutMusic .songList li h2 {
				font-family:Palatino, serif;
				font-style:italic;
				color:#595959;
			}
			.productLayoutMusic .songList li object{
				margin-right:4px;
				margin-bottom:-.3em;
			}
			
			
			
.songPreview {
	float:left;
	padding-right:5px;
	height:15px;
}

.video {
	float:left;
	padding:0 30px 15px 0;
}
/* ******************************
Selected Blob Styles
****************************** */





/* ******************************
Selected Header Design and Theme
****************************** */

#header {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-480px;
	height:130px;
	width:960px;
	background:url('/images-layout/header-bg.gif') repeat-x #ddd;
	z-index:1;
}
#headerWrapper {
	height:130px;
	width:960px;
}
	#siteLogo {
		position:absolute;
		top:40px;
		left:126px;
		height:54px;
		width:708px;
		z-index:5;
	}
/* ******************************
Selected Navigation Design and Theme
****************************** */
#navigation {
	margin:0;
	padding:0 0 0 2px;
	font-family: Palatino, serif;
	font-size:89%;
}
	#navigation ul {
		margin:0;
		padding:0;
		
		width:auto;
		
		list-style:none;
	}
		#navigation ul li {
			position:relative;
			margin:0;
			padding:0;
			
			width:100%;
			text-align:right;
			z-index:1;
		}
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
			    display:block;
				
				margin:0;
				padding:5px 35px 0 0;
				
				text-decoration:none;
				font-variant:small-caps;
				font-size:110%;
				letter-spacing:1px;
				color:#999;
				outline:none;
				background:url('images-layout/ie7-fix.gif') 0 0 repeat
			}
			#navigation ul li a:hover {
				text-decoration:none;
			}
			#navigation ul li a:active {
				
			}

		/* List Item Hover Styles */
		#navigation ul li:hover,
		#navigation ul li.over {
			padding:0;
			z-index:2;
		}
			#navigation ul li:hover a:link, #navigation ul li:hover a:visited,
			#navigation ul li.over a:link, #navigation ul li.over a:visited {
				text-decoration:none;
				color:#a00000;
			}

		/* Current Styles */
		#navigation ul li.current {
			height:auto;
		}
			#navigation ul li.current a:link, #navigation ul li.current a:visited {
				color:#a00000;
			}
			#navigation ul li.current a:hover, #navigation ul li.current a:active {
				color:#a00000;
			}



/***************************************************************
Appearance and Location for Sub Menus
***************************************************************/

#navigation ul li ul {
	display:none;
	position:relative;
	overflow:hidden;
	margin:0;
	width:100%;
	padding-right:0;
	font-style:italic;
}
#navigation ul li.current ul {
	display:block;
}
#navigation ul li ul.subNav {
	display:block;
	background:url('images-layout/ie7-fix.gif') 0 0 repeat
}
	#navigation ul li ul li {
		margin:0;
		padding:0;
		width:100%;
		
	}
	#navigation ul li.current ul li {
		
	}
		#navigation ul li ul li a:link, #navigation ul li ul li a:visited {
			display:block;
			padding:2px 35px 2px 0;
			width:126px;
			font-size:95%;
			font-variant:normal;
			font-weight:normal;
			letter-spacing:0;
			text-decoration:none;
			color:#999;
		}
		#navigation ul li ul li.first a:link, #navigation ul li ul li.first a:visited { background:url('images-layout/ie7-fix.gif') 0 0 repeat !important; }
		#navigation ul li ul li a:hover, #navigation ul li ul li a:active {
			padding:2px 35px 2px 0;
			font-size:95%;
			font-variant:normal;
			letter-spacing:0;
			text-decoration:none;
		}
		
		#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
		#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
			color:#999;
		}
		#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
		#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
			color:#a00000;
		}
		
		#navigation ul li.current ul li a:link, #navigation ul li.current ul li a:visited {
			color:#999;
		}
		#navigation ul li.current ul li a:hover, #navigation ul li.current ul li a:active {
			color:#a00000;
		}
		
		#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited,
		#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {
			color:#a00000;
		}
/* ******************************
Selected Bread Crumbs
****************************** */

/* ******************************
Selected Footer Design and Theme
****************************** */

#footer {
	position:relative;
	
	padding:0 20px 0px 20px;
	width:920px;
	font-size:95%;
	background:#f4f4f4;
	border-top: 1px solid #b2b4b6;
}
#footerWrapper {
	
}
	#footerLinks {
		margin:0;
		top:0px;
		left:20px;
		height:65px;
		width:920px;
		list-style:none;
		text-align:left;
	}
		#footerLinks li {
			float:left;
		}
			#footerLinks li a:link, #footerLinks li a:visited, #footerLinks li a:active {
				float:left;
				padding:8px 10px 0 10px;
				height:20px;
				font-size:95%;
				font-weight:bold;
				text-decoration:none;
				color:#000;
				border-left: 1px solid #999A9A;
			}
			#footerLinks li a:hover {
				text-decoration:underline;
				color:#000;
			}
	
	#footerPhone {
		position:absolute;
		top:6px;
		right:28px;
		font-size:120%;
		color:#fff;
	}
	
	#footerCopyright {
		margin-bottom:0;
		padding-top:71px;
	}
	#footerAddress {
		margin-bottom:6px;
		font-style:normal;
	}
		
/* ******************************
Design Layout Code
****************************** */

body {
	min-width:960px;
}

#siteName {
	position:absolute;
	left:-999em;
}

#container {
	position:relative;
	top:20px;
	margin:0 auto 40px auto;
	width:960px;
	text-align:center;
	
}

#content {
	position:relative;
	margin-top:129px;
	padding:0 0px 0 0px;
	width:960px;
	text-align:left;
	z-index:2;
}

#columnWrapper {
	position:relative;
	padding-right:0px;
	padding-left:0px;
	
	min-height:450px;
	/* IE6 Mumbo Jumbo */
	height:auto !important;
	height:450px;
	
	width:960px;
}



/* ******************************
Template Layout Code
****************************** */

.column1 {
	display:inline;
	float:left;
	margin-top:45px;
	width:797px;
}

.column2 {
	display:inline;
	float:right;
	margin-top:45px;
	width:163px;
}

#columnWrapper{
	padding-bottom:0px;
	background: transparent url('images-layout/flash-bg.gif') scroll repeat-x left bottom; 
}

.column1 {
	margin-top:20px;
}

#flashContent {
	width:790px;
	height:450px;
}