html{
	height:100%;
}


body{
	text-align:middle;
	margin:0 auto 0 auto;
	width:873px;
	font-family: verdana, arial;
	font-size:80%;
	color: #54301A;
	height:100%;
	background: #fff url(/a/img/darker_background.gif) repeat;
}

a{
	color: #54301A;
}

#pageContainer{
	width:873px;
	text-align:left;
	float:left;
	background: #fff url(/a/img/bg.gif) repeat-y;
	min-height:100%;	
}

#pageContainerPadd{
	margin-left:94px;
	margin-right:96px;	
/* float left here mucks up IE6*/
}

#mainContainer{
	width:683px;
	float:left;
	height:100%;	
}


#headerArea{
	padding-top:20px;
	height:214px;
	position:relative;
	background: transparent url(/a/img/big_br_trans.gif) bottom left no-repeat;	
}

#headerArea .btnLogo{
	position:absolute;
	left:180px;
	top:60px;
}



#headerArea #nav li a{
	display:block;	
	position:absolute;	
	bottom:15px;
}

#headerArea #nav a:hover{
	background-position: 0px -42px;
}

/* rollovers */
#headerArea #nav #opt_1 a:hover,
#headerArea #nav #opt_2 a:hover,
#headerArea #nav #opt_3 a:hover,
#headerArea #nav #opt_4 a:hover,
#headerArea #nav #opt_5 a:hover{
	background-position: 0px -42px;	
}

#headerArea #nav #opt_6 a:hover{
	background-position: 0px -20px;	
}

#headerArea #nav #opt_7 a:hover{
	background-position: 0px -22px;	
}


/* home */
#headerArea #nav #opt_1 a{
	left:0;
	width:89px;
	height:42px;
	background: transparent url(/a/img/nav/home.gif)  0px 0px no-repeat;	
	text-indent:-9999px;
}
body.homepage #headerArea #nav #opt_1 a{
	background-position: 0px -42px;	
}

/* news */
#headerArea #nav #opt_2 a{
	left:150px;
	bottom:5px;	
	width:89px;
	height:42px;
	background: transparent url(/a/img/nav/news.gif)  0px 0px no-repeat;	
	text-indent:-9999px;	
}
body.news #headerArea #nav #opt_2 a{
	background-position: 0px -42px;	
}

/* gallery */
#headerArea #nav #opt_3 a{
	left:300px;
	bottom:20px;	
	width:118px;
	height:42px;
	background: transparent url(/a/img/nav/gallery.gif)  0px 0px no-repeat;	
	text-indent:-9999px;	
}
body.gallery #headerArea #nav #opt_3 a{
	background-position: 0px -42px;	
}

/* music */
#headerArea #nav #opt_4 a{
	left:450px;
	width:93px;
	height:42px;
	background: transparent url(/a/img/nav/music.gif)  0px 0px no-repeat;	
	text-indent:-9999px;	
}
body.music #headerArea #nav #opt_4 a{
	background-position: 0px -42px;
}


#headerArea #nav #opt_5 a{
	right:0;
	bottom:20px;	
	width:93px;
	height:42px;
	background: transparent url(/a/img/nav/store.gif)  0px 0px no-repeat;	
	text-indent:-9999px;	
}
body.store #headerArea #nav #opt_5 a{
	background-position: 0px -42px;
}

#headerArea #nav #opt_6 a{
	left:0;
	top:34px;
	height:20px;
	width:65px;
	text-indent:-9999px;		
	background: transparent url(/a/img/nav/contact.gif)  0px 0px no-repeat;		
}

#headerArea #nav #opt_7 a{
	left:85px;
	top:34px;
	height:22px;
	width:36px;
	background: transparent url(/a/img/nav/links.gif)  0px 0px no-repeat;		
	text-indent:-9999px;		
}

#headerArea #nav #opt_8 a{
	right:0;
	top:30px;
}


#mainContent{
	margin-top:25px;
	margin-bottom:25px;
	float:left;
	position:relative; /* set a positing context */
	height:100%;

}

#mainContent p{
	margin-bottom:1em;	
	line-height:1.2em;
}


#leftColumn{
	width:320px;	
}


#footer{
	float:left;
	width:683px;
	background: transparent url(/a/img/big_br_trans.gif) top left no-repeat;		
	padding-bottom:30px;
	padding-top:10px;
	position:relative;
}
#footer p{
	font-size:80%;
}

#footer p.credit{
	position:absolute;
	right:0;
	top:10px;
}

#footer p.credit a{
	color: #54301A;	
}

/* individual pages */
body.homepage{}
body.homepage #picture{float:left;margin-left:10px;}
body.homepage #leftColumn{float:left;}


body.news{}
body.news .newsItem{
	clear:left;
	margin-bottom:1em;
	float:left;
	width:700px; /* guessed*/
}
body.news .newsItem img{
	float:left;
	margin-right:15px;
	width:239px;
}
body.news .newsItem div{
	float:left;
	width:400px;
}
body.news .newsItem div h3,h4,p{
	margin-bottom:.75em;
}



body.gallery{}

body.gallery .main{
	float:left;
	margin-right:5px;
}
body.gallery .main img{
	float:left;
	width:342px;
	margin-bottom:1em;
}
body.gallery .main p{
	clear:left;
}

body.gallery .thumbnails{
	float:left;
	width:326px;
}

body.gallery .thumbnails ul{
}

body.gallery .thumbnails ul li{
	float:left;
	margin-right:4px;
}

body.gallery .thumbnails ul li.last{
	margin-right:0;
}

body.gallery .thumbnails ul li a{
	display:block;
	float:left;
}

body.gallery .controls{
	position:absolute;
	top:430px;
	right:90px;
}




body.music{}
body.music .main{
	float:left;
	margin-right:15px;
}
body.music .main img{
	float:left;
	width:342px;
	margin-bottom:1em;
}
body.music .rightCol{
	float:left;
	width:300px;
	height:340px;
	position:relative;
}
body.music .rightCol h3,
body.music .rightCol h4,
body.music .rightCol h5{
	color:#54301A;
	font-weight:normal;	
}
body.music .rightCol ol{
	position:absolute;
	bottom:0;
	left:0;	
	list-style-type:decimal;
	margin-left:1em;
}
body.music .rightCol ol li{
	margin-left:1em;
}
body.music .rightCol ol li a{
	color:#54301A;
	text-decoration:none;
	padding-right:1.5em;
	background: transparent url(/a/img/music/play_button.gif) no-repeat 100% 50%;
}
body.music .rightCol ol li a:hover{
	text-decoration:underline;
}




body.store{}
body.store .storeItem{
	clear:left;
	margin-bottom:1em;
	float:left;
	width:700px; /* guessed! */
}
body.store .storeItem img.product{
	float:left;
	margin-right:15px;
	width:239px;
}
body.store .storeItem div{
	float:left;
	width:400px;
}
body.store .storeItem div h3,h4,p{
	margin-bottom:.75em;
}


