/* ---------- General ---------- */
body {
	margin:0;
	padding:0;
	border:0; /* This removes the border around the viewport in old versions of IE */
	width: 80%;
	margin: 0 auto;
	min-width: 760px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em; 
	color: #800000;
}
h1
{
   color: #800000;
	font-size: 1.5em;
}
h2
{
   color: #800000;
	font-size: 1.2em;
}
h3
{
   color: #990000;
	font-size: 1em;
}
h1 span,
h2 span,
h3 span,
h4 span
{
	display: block;
	padding-left: 30px;
}
img
{
	border: none;
}
a
{
   color: #800000;
}
.mainImage
{
	text-align: center;
}
.pageImage
{
	float: right;
	padding: 0 0 10px 10px;
}
/* ---------- Head ---------- */
#head 
{
	clear: both;
	float: left;
	width: 100%;
}
#headSub
{
	margin: 10px 0 5px 170px;
	text-align: center;
}
#head .t .r
{
   height: 8px;
   background: url(img/head-t-r.gif) no-repeat top right;
}
#head .t .l
{
   background: url(img/head-t-l.gif) no-repeat top left;
}
#head .t .c
{
   background: url(img/head-t-c.gif) repeat-x top left;
}
#head .b .r
{
   height: 8px;
   background: url(img/head-b-r.gif) no-repeat top right;
}
#head .b .l
{
   background: url(img/head-b-l.gif) no-repeat top left;
}
#head .b .c
{
   background: url(img/head-b-c.gif) repeat-x top left;
}

#head h1
{
   margin: 10px;
   font-size: 1.8em;
	color: #000000;
	font-weight: normal;
}
/* ---------- Container ---------- */
#container 
{
	position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;	/* This chops off any overhanging divs */
}
#container #main 
{
	float: left;
	width: 200%;
	position: relative;
	left: 160px;
	background:#fff;
}
#container #mainSub 
{
	float: right;
	width: 50%;
	position: relative;
	right: 165px;
	padding: 0;
}
#container #content 
{
	margin: 0 0 0 160px;
	padding: 0 0 25px 15px;
	position: relative;
	right: 100%;
	overflow: hidden;
	border-left: 1px solid black;
}
#container #menu 
{
   padding: 0 0 25px 0;
	float: left;
	width: 155px;
	position: relative;
	right: 160px;
	border-right: 1px solid black;
}
/* ---------- Content ---------- */
.emailLink
{
	clear: both;
   padding: 10px 0 0 0;
	margin: 0 auto;
   width: 100px;
	height: 20px;
}
.emailLink a
{
   background: url(img/email-button-over.jpg) no-repeat;
   width: 100px;
	height: 20px;
   display: block;
}
.emailLink a span
{
   background: url(img/email-button.jpg) no-repeat;
   width: 100px;
	height: 20px;
   display: block;
}
.emailLink a:hover span
{
   background: none;
}
.guestbookLink
{
   padding: 40px 0 0 0;
	text-align: center;
}
.mainLink
{
   padding: 75px 0 100px 0;
	text-align: center;
}
.mainLink a
{
	color: #800000;
}
/* ---------- Music ---------- */
#musicListing
{
	margin: 0;
	padding: 0 0 60px 25px;
}
#musicListing ul
{
	margin: 0;
	padding: 0 0 15px 25px;
}
#musicListing ul li
{
	margin: 0;
	margin: 0 0 5px 0;
	list-style-type : none; 	
}
#musicListing ul li a
{
	background: url(img/bullet-tri.gif) no-repeat center left;
	padding-left: 20px;
}
#musicListing ul li a:hover
{
	background: url(img/bullet-tri-over.gif) no-repeat center left;
	color: #c97369;
}
.productBox
{
	margin: 0;
	padding: 0 0 0 25px;
	width: 150px;
}
.productBox .buyBox
{
	padding-top: 5px;
}
.productBox .price
{
	padding-top: .5em;
	float: left;
}
.productBox .buyButton
{
	float: right;
}
.newsArchive
{
	/*text-align: center;*/
	padding-top: 15px;
   font-size: .95em;
	color : #000; 
}
.newsArchive a
{
	padding-left: 5px;
	padding-right: 5px;
	color : #800000;
	text-decoration: none;
}
/* -------------------------- */
/* ---------- Foot ---------- */
/* -------------------------- */
#foot {
	clear: both;
	float: left;
	width: 100%;
	margin: 10px 0;
}
#footSub
{
	margin: 0 0 0 155px;
	text-align: center;
}
#foot #footMenu
{
   font-size: .9em;
	color : #000; 
}
#foot #footMenu a
{
	color : #800000;
	text-decoration: none;
}
#foot #footMenu .cur
{
	color : #000;
}
#foot .counter
{
	padding: 60px 0 0 0;
}
/* ---------- Menu ---------- */
#menu ul 
{
	padding : 5px 0 0 0; 
	margin : 0; 
	width : auto; 
	color : #ffffff; 
} 
#menu li
{
	padding : 0; 
	margin : 0; 
	list-style-type : none; 
} 
#menu li a 
{
   background: url(img/menu-button.gif) no-repeat;
	padding: 0;
	margin: 0 0 0 2px;
	display : block; 
	font-weight : normal; 
	font-size : .9em; 
	color : #fcc; 
	text-decoration : none; 
   width: 140px;
	height: 31px;
} 
#menu li a span
{
	padding: .5em 0 0 10px;
	display: block;
} 
#menu li a.cur
{
   background: url(img/menu-button-cur.gif) no-repeat;
} 
#menu li a:hover 
{
   background: url(img/menu-button-cur.gif) no-repeat;
} 
#menu .header 
{
	font-family : verdana,arial,helvetica,sans-serif; 
	font-size : 10px; 
	text-align : left; 
	font-weight : bold; 
	color : #fff; 
	background: #6898d0 url(arrow_orange.gif) no-repeat center left; 
	padding-top : 3px; 
	padding-bottom : 3px; 
	padding-left : 14px; 
	border-bottom : 1px solid #3a6081; 
	border-right : 1px solid #3a6081; 
	border-top : 1px solid #f1f5fa; 
	display : block; 
} 
#menu .link
{
	font-size: .9em;
}
#menu .link span
{
   padding: 8px 0 0 7px;
   text-align: left;
	display: block;
	font-style: italic;
	color: #000;
}
#menu .link a
{
   padding: 2px 25px 0 48px;
   text-align: left;
	display: block;
	font-style: italic;
	color: #800000;
}
#menu .logo
{
	padding: 20px 0 50px 0;
}