body {
background:#c43700 url(../images/bg2.jpg) 50% repeat-y;
font-size: 14px;
margin:0;
	}



a {
color: #993300;	
}


h1, h2, h3, h4, h5 {
	color: #993300;
}


h1 {
	margin: 10px;
	margin-bottom: 20px;
	font-family:Georgia, Times New Roman, Times, serif ;
	font-style: italic;
	font-weight: normal;
	font-size: 20px;
}


#right h1 {
	font-size: 14px;
	margin: 20px 0 0 0;
}

#right li, #right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#right li {
	padding-bottom: 5px;
}

h3 {
	font-size: 18px;
	margin-bottom: 0;
}


h3 a {
color: #993300;	
}


h3.cd-title {
	margin: 20px 0 0 0;
}

h4.lyric {
	font-size: 14px;
	line-height: 1.5em;
	color: #993300;
	margin: 0;
	cursor: pointer;
}

h4.lyric a {
	text-decoration: none;
	color: #993300;
	
}


#mp3 {
	margin-bottom: 20px;
}

.credit {
	font-size: 0.9em;
	color: #666;
}

/* @group nav top */


#nav-top {
	background:#803900 url(../images/bg-nav.jpg) repeat-x;
	margin-bottom: 20px;
}

#nav ul {
	list-style: none;
	margin: 0 20px;
	padding: 5px 15px 0 15px;
	
}

#nav li {
	list-style: none;
	margin: 0;
	padding: 0 ;
	float: left;
	display: inline;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	font-family:Georgia, Times New Roman, Times, serif;
	
	letter-spacing: 1px;
	text-transform: uppercase;
	border-right: 0px solid #3273a7;
}


#nav ul li a {
	color: #FFF;
	padding: 4px 15px 4px 15px;
    text-decoration: none;
}

#nav ul li a:hover {
	background: #FFF;
	color: #2d5001;
	background: #fdf6ea;
}

body#default a.home, 
body#store a.store,
body#reviews a.reviews,
body#inspiration-healing a.inspiration,
body#links a.links
 {
	background: #fdf6ea;
	color: #2d5001;
}

body#home a.home {
	color: #355b04;
	background: #fdf6ea;
}

/* @end */

/* @group images */

div.img-left {
float: left;
margin: 3px 20px 10px 0;
}

div.img-right {
float: right;
margin: 3px 0 10px 10px;
clear: right;
}

p.caption
 {
font-size: 0.8em;
font-style: italic;
margin: 0;
}

/* @end */

/* @group layout */

#container {
width:960px;
margin: 0 auto;
/*background-color: #EEEEDD;*/
}

#header {
		width:1020px;
		height:114px;
		margin: 0 auto;
		background: url(../images/header.jpg) no-repeat;
	}
	



#lyrics {
	display: none;
}


.inspiration {
	font-family:Georgia, Times New Roman, Times, serif ;
}

.inspiration h3 {
	font-style: italic;
	font-weight: normal;

}

#music-links {
	width: 960px;
	float: left;
	display: inline;
	margin: 20px 0;
	padding-top: 20px;
	border-top: 2px solid #c43700;
	border-bottom: 2px solid #c43700;
}

footer p {
	margin: 0 20px;
}
	
/* @end */


/* @group products */

 .grid_4, #footer .grid_4 {
	width: 220px;
	float: left;
	display: inline;	
}

/* @end */




/* Basic code - don't modify */

/* @group droppy */

#nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; text-decoration: none;}
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 250px; }
#nav ul ul { left: 221px; }

/* Everything else is theming */
 
#nav { 
height: 24px;

}
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid #999; color: white; font-size: 14px; padding: 6px 10px; line-height: 1; }
#nav li.hover a { background-color: #fcda9f; color: #000; }
#nav ul { top: 25px; }
#nav ul li a { background-color: #fcda9f; color: #000; margin-bottom: -1px;}
#nav ul a.hover { background-color: #000; }

#nav ul a { text-transform: none;border-bottom: 1px solid #999; border-right: none;  }
 /*#nav ul a { border-bottom: none; } - I also needed this for IE6/7*/ 



/* ce additional styling*/

#nav  li {
	/*padding: 0 10px;*/
}



/* @end */