/* ======================================================== *
 * MODIFIED RESET 
 * ======================================================== */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline; }
a img, :link img, :visited img {
	border: 0; }
table {
	border-collapse: collapse;
	border-spacing: 0; }

/* ======================================================== *
 * BODY SPECIFIC DECLARATIONS
 * ======================================================== */
body{
	margin:0;
	padding:0;
	line-height: 1.4;
	font-size: 16px;
	background:#1B1D12 url(images/bg-main.png) repeat top left;
	background-attachment:fixed;
	color:#000; }
body * {
	font-size: 85.5%;	
	font-family:Arial, Helvetica, sans-serif; }
body * * {
	font-size: 100%; }

/* ======================================================== *
 * GENERAL LINK APPEARANCE
 * ======================================================== */
a {
	outline:none; }
a:link, a:active, a:visited {
	color:#9B2121;
	text-decoration:underline; }
a:hover {
	color:#000;
	text-decoration:none; }
a img {
	text-decoration:none;
	border:none; }

/* ======================================================== *
 * GLOBAL PARAGRAPH STYLES
 * ======================================================== */
p {
	margin-bottom: 0.8em;	
	font-weight: inherit;
	font-style: inherit;
	font-size: 97.5%;
	font-family: inherit; }
p.lead-image {
	text-align:center; }
p.bullet {
	background:url(images/bullet-arrow.gif) no-repeat left center;
	padding-left:16px; }
.bigger {
	font-weight:bold;
	font-size:110%; }
.badder {
	color:#9B2121; }
.switch-case {
	text-transform:lowercase; }
.small {
	font-size:10px; }
h2.welcome {
	margin-bottom: 15px;
	font-size:115%; }
	
/* ======================================================== *
 * FLOAT CLEAR
 * ======================================================== */
.clear-content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;	}
.clear-content {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ======================================================== *
 * HORIZONTAL RULE REPLACEMENT
 * ======================================================== */
div.hr {
  height: 5px;
  background: transparent url("images/bg-hr.gif") repeat-x scroll center;
	margin:6px 12px 10px 90px;
	clear:both; }
div.hr hr {
  display: none; }




/* ======================================================== *
 * WRAP CLASS FOR MARGIN
 * ======================================================== */
.wrap{
	margin: 0 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0; }
.pad-this {
	padding-bottom:25px; }
#wrapper { 
 margin: 0 auto;
 width: 800px;
 /*	* width:801px; Stupid IE 6 fix - research later*/
 background: url(images/bg-wrapper.png) no-repeat top center;
 background-attachment:fixed;
 position:relative;
 padding-bottom:35px; }
 
#leftcolumn { 
 float: left;
 margin: 10px 0px;
 padding: 0;
 width: 400px; }
#leftcolumn .featured-box {
	background:#CDD2B4 url(images/bg-left-fade.jpg) repeat-y top right;
	padding:14px 0 2px 0; }


.logo,
.logo img {
	color:#fff;
	margin:0;
	padding:0;
	height:120px; }
.primary-nav {
	height:64px;
	color:#fff; }

ul#navbar {
	height:64px;
	margin:0;
	padding:0;}
#navbar li {
	list-style:none;
	display:inline; }
#navbar li a span {
	display:none; }
#navbar a.home {
	width:61px;
	color:#fff;
	text-decoration:none;
	background:url("images/nav-home.jpg") no-repeat;
	float:left;
	padding:0;
	margin:0;
	height:64px; }
#navbar a.about {
	width:68px;
	color:#fff;
	text-decoration:none;
	background:url("images/nav-about.jpg") no-repeat;
	float:left;
	padding:0;
	margin:0;
	height:64px; }
#navbar a.albums {
	width:79px;
	color:#fff;
	text-decoration:none;
	background:url("images/nav-albums.jpg") no-repeat;
	float:left;
	padding:0;
	margin:0;
	height:64px; }
#navbar a.bio {
	width:49px;
	color:#fff;
	text-decoration:none;
	background:url("images/nav-bio.jpg") no-repeat;
	float:left;
	padding:0;
	margin:0;
	height:64px; }
#navbar a.order {
	width:66px;
	color:#fff;
	text-decoration:none;
	background:url("images/nav-order.jpg") no-repeat;
	float:left;
	padding:0;
	margin:0;
	height:64px; }
#navbar a.contact {
	width:77px;
	color:#fff;
	text-decoration:none;
	background:url("images/nav-contact.jpg") no-repeat;
	float:left;
	padding:0;
	margin:0;
	height:64px; }
#navbar a:hover,
#navbar a:active {
	background-position:0 -64px;
	color:#9B2121; }

#Home #navbar a.home,
#About #navbar a.about,
#Albums #navbar a.albums,
#Bio #navbar a.bio,
#Order #navbar a.order,
#Contact #navbar a.contact {
	background-position:0 -64px; }





/* LEFT COLUMN - Featured Albums */
dl.featured-list {
	width: 99%;
	/*overflow: auto;*/
	margin: 0 0 0 5px;
	clear:left;
	/* border-bottom:1px solid #CCC;
	padding-bottom:14px; */}
dl.featured-list dt.featured-image { 	
	float: left; }
dl.featured-list dd.featured-title,
dl.featured-list dd.featured-copy {
	margin: 0;
	padding: 0;
	float:right;
	display:block;
	text-align:left;
	width:295px;
	font-size:80%; }
dl.featured-list dd.featured-title {
	font-weight: bold;
	padding-bottom:4px; }
dl.featured-list dd.featured-title a {
	background: url('../images/icons/bullet-go-small.gif') no-repeat right;
	padding-right:16px; }
dl.featured-list dd.featured-copy {
	font-weight:normal; }

.featured-head {
	margin-left:8px; }
.secondary-nav {
	color:#fff;
	background:transparent;	
	/*text-transform:uppercase;*/
	font-size:11px;
	font-weight:bold;
	margin-top:14px;
	margin-left:8px; }
a.secondary-nav {
	color:#fff;	
	font-size:11px;
	font-weight:bold;
	 }
.copywrite {
	color:#fff;
	font-size:11px;
	margin-top:12px;
	margin-left:16px; }

#rightcolumn { 
 float: right;;
 margin: 10px 0px;
 padding: 0;
 width: 400px;
 display: inline;
 position: relative;
}
#rightcolumn .content-box {
 background:#D8D7C2 url(images/bg-right-pattern-3.jpg) no-repeat top right;
 padding-top:90px;
}

#rightcolumn h2.now-available {
	background:#000 url(images/now-available.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.about {
	background:#000 url(images/header-about.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.reviews {
	background:#000 url(images/header-reviews.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.albums {
	background:#000 url(images/header-albums.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.albums-red-letter-day {
	background:#000 url(images/header-albums-red-letter-day.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.albums-lifeboats {
	background:#000 url(images/header-albums-lifeboats.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.albums-city-of-art {
	background:#000 url(images/header-albums-city-of-art.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.bio {
	background:#000 url(images/header-bio.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.order {
	background:#000 url(images/header-order.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.contact {
	background:#000 url(images/header-contact.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.error {
	background:#000 url(images/header-404.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
#rightcolumn h2.browsercheck {
	background:#000 url(images/header-browsercheck.png) no-repeat top left;
	text-indent:-23456px;
	height:62px;
	color:#FFF;	
	margin-bottom:1em;
	}
	
	
	
	
	
/* ======================================================== *
 * ADDITIONAL CLASSES
 * ======================================================== */
.warning {
	text-align:center;
	border-top:1px solid #CCC; }	
.awards {
	position:absolute;
	top:9px;
	right:8px;
}
.nav-reviews {
	position:absolute;
	top:15px;
	right:200px;
}