@charset "utf-8";
/* CSS Document */

body {
	background-color:#88a5c1;
	margin: 0px;
height: 100%; 
max-height: 100%; 

}
img{
behavior: url(../css/iepngfix.htc); 
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#422210;
}

#pagetitle {
	margin-left: 0px;
}
#listtitle {
	margin-left: 55px;
	margin-bottom: 10px;
}
#banner, #frame, #homeframe{
/*margin-left:auto;
margin-right: auto;*/
width: 975px;
position: relative;
left: 0px;
}
#rightcol{
	width:300px;
	position: relative;
	float: left;
	color: #ffffff;
}
#rightcolimg{
z-index: 1;
width: 300px;
height: 400px;
margin-top: 25px;
}
.contactinfo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: bold;
	
}
#rightcol a{
	color: #FFFFFF;
	text-decoration: none;

}

#rightcoltop {
	z-index: 2;
	position: absolute;
	top: 50px;
	font-size: 12px;
	background-image: url(../bm_images/bm-play-box-top.png);
	background-repeat: no-repeat;
	width: 300px;
	padding-left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#rightcoltitle {
margin-top: 15px;
margin-left: 30px;
}
#rightcolcontent{
width: 232px;
overflow: auto;
height: 390px;
margin-top: 2px;
}
#rightcolcontent h3{
	line-height: 6px;
	margin-top: 6px;
}
#rightcolmain{
z-index: 2;	
position: absolute;
height: 410px;
padding-left: 40px;
color: #000;
top: 68px;
width: 300px;
float: left;
clear: both;
background-image: url(../bm_images/bm-play-box-main.png);
background-repeat: no-repeat;
}
#rightcolbottom {
background-image: url(../bm_images/bm-play-box-bottom.png);
background-repeat: no-repeat;
z-index: 2;
height: 38px;
position: absolute;
top: 460px;
width: 300px;
}


#bmverse{
position: relative;
top: 450px;
}

#bmverse img{
height: 123px;
width: 300px;
}
#banner{
position:absolute;
background-image:url(../bm_images/bm-menu-banner.jpg);
background-repeat:no-repeat;
top:0px;
z-index:2;
clear:both;
height: 80px;
}
#stbannerlink{
	border: none;
}
#stbannerlogo{
	position: absolute;
	left: 865px;
	margin-top: 2px;
	z-index: 4;
	border: none;
	width:96px;
	height:75px;
	top: 0;
}

#leftbottom{
font-family:Arial, Helvetica, sans-serif;
padding: 10px;
position: relative;
top: 25px;
}

#frame{
	height: 650px;
	background-color:#073c5e;
	z-index:1;
	top: 80px;
}

#largelogo{
padding-left: 10px;
padding-top: 10px;
}

#homeright{
background-image:url(../images/home-page-leaves.jpg);
background-repeat:no-repeat;
background-position:right top;
width: 675px;
height: 610px;
float: right;
margin-top: 10px;
}

#homeannounce{

}
.logo{
	width: 150px;
}

#whitespace{
background-repeat:no-repeat;
background-position:right top;
background-color:#fff;
height: 650px;
width: 675px;
float: left;

}


#bottomarea{
	clear: both;
	float: left;
	width: 600px;
	margin-left: 20px;
	color: ##073c5e;
	font-family:"Times New Roman", Times, serif;
	font-style:oblique;
	overflow:hidden;
}

#bannerlogo1{
behavior: url(../scripts/iepngfix.htc); 
	background-image:url(../bm_images/strongtree-logo-white.png);
	background-repeat:no-repeat;
	position:absolute;
	top: 425px;
	left: 850px;
	height: 100px;
	width: 150px;
	z-index:30;
	}
	
#yah{
	position:absolute;
	top: 425px;
	left: 150px;
	height: 21px;
	width: 114px;
	z-index:25;
}	
.squarephoto{
	height: 264px;
	width: 264px;
}
#albumlist{
	float: left;
	clear:both;
	height: 164px;
	overflow:auto;
	z-index:20;
	width: 260px;	
	padding-left: 0px;
	margin: 0px;
}

#albumlist li{
	margin:0px;
	font-size: 9px;
	clear: both;
	padding: 5px;
	height: 75px;
	overflow:hidden;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
}
#albumlist img{
	float:left;
	padding-right: 15px;
	width:75px;
	height:75px;
}

#leftcol {
margin-left:25px;
padding-top: 15px;
width: 340px;
float: left;
padding-top: 20px;
overflow: hidden;
}
#lefthead{
padding-left: 19px;
}
#leftmain{
background-repeat:no-repeat;
float: left;
width: 230px;
height: 230px;
z-index:5;
color: #FFFFFF;
}

#centercol{

width: 290px;
overflow: auto;
position: absolute;
top: 15px;
left: 385px;
}
#centercol p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-right: 15px;
}
#centercontent{
	font-size:12px;
}

#albumoptions{
margin: 0px;
padding: 0px;
height: 375px;
overflow:auto;
width: 340px;
}

.sanspar{
font-family:Arial, Helvetica, sans-serif;
margin-right: 10px;
font-size:11px;
}
.serifpar{
font-family:"Times New Roman", Times, serif;
margin-right: 10px;
font-size:11px;

}
.centermenu{
	margin: 0px;
	padding: 0px;
}
#centercol li{
display: inline;
list-style-type: none;
padding-right: 10px;
color: #000;
font-size:12px;
}
#centercol li a{
	color: #422210;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight:bold;
}
#centercol li a:hover{
color:#663333;

}
li.active {
color:#422210;
font-weight:bold;
}

#cartcol{
background-color:#073c5e;
width: 300px;
float: right;
height: 500px;
background-image: url(../bm_images/blue-myrtle-play-box.png);
background-repeat: no-repeat;
}
#playlistcol{
background-color:#073c5e;
width: 300px;
float: right;
height: 500px;
background-image: url(../images/playlistbox.jpg);
background-repeat: no-repeat;
}
#playlistold {
position:relative;
top: 61px;
left: 50px;
color:#663300;
overflow:auto;
height: 307px;
min-height:307px;
width: 200px;
}
#playlist li{
list-style-type: none;
margin-left:-35px;
}
#playlist li a{
font-size:12px;
	color: #422210;
	text-decoration: none;

}
#playlist li a:hover{
color:#663333;

}
#playercontrols a{
font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
	top: 68px;
	left: 52px;
	height: 1.2em;
	width: 200px;
	overflow:hidden;
	font-size: 11px;
}

.dl{
font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}
.dl a{
	color: #FFFFFF;
	
}
#downloadpl{

	position: relative;
	top: 68px;
	left: 52px;
	height: 1.2em;
	width: 200px;
	overflow:hidden;

}
#dlstore{
color: #FFFFFF;
position: relative;
top: 68px;
left: 52px;
}
#banner ul{
	margin-top: 5px;
}
#banner li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-weight:bold;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
}
#banner li a{

	color: #ffffff;
	text-decoration: none;

}
#banner li a:hover{
color:#88a5c1;

}
#topbar{
	margin-left:0px;
}
#topbar ul{
	
}
#widecol{
margin-left:35px;
padding-top: 15px;
width: 640px;
height: 300px;
float: left;
padding-top: 20px;	
overflow: auto;
}
#artistlistarea{

}
#ArtistList{
	margin: 0px;
	padding: 0px;

}
#ArtistList li.arow{
	list-style-type:none;
	marign: 0;
	height: 250px;
	padding-left: 20px;
	width: 525px;
	margin-bottom: 60px;

}
.aldivider{

	clear: both;
margin-bottom: 15px;
}
.alistimg {
float: left;
clear: both;
height: 150px;
border: 0px none;
}
.alternate{
	background-color: #2F1504;
	color:#ffffff;
}
.alternate a{

	color: #FFFFFF;
}
#altitle{
	margin-left: 55px;
	height: 25px;
}
#ArtistList h2{
	margin-top: 0px;
	font-weight:bold;
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#422210;
}
#ArtistList h2 a{
text-decoration: none;
	color:#422210;
}
#ArtistList h2, .alistdescription{
margin-left: 175px;
}

.alistdescription{
font-size:12px;
}


.albumlist {
float: left;
clear: both;
margin-top: 10px;
}

.albumli{
float: left;
margin-right: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
.albumli img{
	height: 75px;
	border: 0px none;
}
.albumli h4{
	margin: 0px;
}

.homefeature{
	position: relative;
	top: 26px;
	left: 0px;
}
#stephenhinklefeature{

}
.divider {

clear: both;
}