/* Backgrounds ETC */
body, html {

	}

#wrap {
	background: url(../images/mainBG.gif) repeat-y center top;
	height: 100%;
	width: 890px;
	margin: auto;
} 

#background {
	background: url(../images/header.gif) no-repeat center top;
	height: 100%;
	width: 890px;
	margin: auto;
}

/* divs and classes for content */

a {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #0000FF;
}

a:hover {
	text-decoration: underline;
}

b {
	text-transform: uppercase;
	font-weight: bold;
}

.aboutus {
	float: left;
	clear: both;
	width: 85%;
	padding-top: 7px;
}

.allreleases {
	float: right;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	margin-right: 17px;
	height: 20px;
	padding-top: 6px;
}

.artistbody {
	float: left;
	display: inline;
	margin-top: 10px;
	width: 263px;
}

.artistdetails {
	float: left;
	display: inline;
	padding-top: 8px;
	clear: both;
	width: 140px;
}

.artistimage {
	float: left;
	width: 450px;
	height: 230px;
	padding-left: 14px;
	padding-top: 5px;
	margin-top: 7px;
	background: url(../images/photoborder.gif) no-repeat left top;
}

.artistimageSM {
	float: left;
	width: 205px;
	height: 115px;
	padding-left: 7px;
	padding-top: 5px;
	background: url(../images/photoborderSM.gif) no-repeat left top;
}

.artistexcerpt {
	float: left;
	width: 230px;
	height: 140px;
	padding-top: 8px;
}

.artistleft {
	float: left;
	padding-top: 4px;
	padding-left: 2px;
	width: 170px;
}

.artistname {
	float: left;
	margin-top: 7px;
	width: 273px;
	height: 27px;
	border-bottom: 1px dashed #323232;
}

.artistname2 {
	float: left;
	margin-top: 7px;
	margin-left: 10px;
	padding-left: 2px;
	width: 253px;
	height: 25px;
}

.back {
	float: right;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	margin-right: 17px;
	height: 20px;
	padding-top: 6px;
}

#bannercontainer {
	float: left;
	display: inline;
	width: 224px;
	height: 169px;
	padding-top: 23px;
	padding-left: 20px;
	background: url(../images/SQbannerBG.gif) no-repeat left top;
}

#bottom {
	clear: both;
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	width: 740px;
	height: 94px;
	margin-left: 74px;
	margin-top: 10px;
	background: url(../images/bottomBG.gif) no-repeat left top;
	}
	
#bottomad {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	padding-top: 20px;
	padding-left: 15px;
	width: 468px;
	height: 60px;
	}
	
.bottomshadow {
	float: left;
	width: 140px;
	height: 20px;
	background: url(../images/bottom_shadow.gif) no-repeat center top;
	}
	
#contentwrap {
	width: 890px;
	height: 100%;
	margin: auto;
	text-align: center; 
}

#contentborder {
	float: left;
	width: 485px;
	height: 100%;
	padding-left: 2px;
	margin-left: 74px;
}

.dividerSM {
	float: left;
	height: 10px;
	width: 92%;
	margin-bottom: 10px;
	border-bottom: 1px dashed #323232;
}

.dividerLG {
	float: left;
	clear: both;
	height: 10px;
	width: 443px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #323232;
}
	
.divider2 {
	float: left;
	display: inline;
	height: 26px;
	width: 440px;
	margin-top: 10px;
	margin-left: 0px;
	padding-top: 11px;
	padding-left: 10px;
	background: url(../images/divider_grunge.gif) no-repeat left top;
	}

.download {
	float: left;
	display: inline;
	height: 35px;
	width: 30px;
	margin-right: 10px;
	background: url(../images/download.gif) no-repeat left top;
}

.downloadmp3 {
	float: left;
	height: 35px;
	width: 30px;
	margin-top: 0px;
	margin-right: 10px;
	background: url(../images/mp3.gif) no-repeat left top;
}

.downloadvideo {
	float: left;
	height: 35px;
	width: 30px;
	margin-top: 0px;
	margin-right: 10px;
	background: url(../images/video.gif) no-repeat left top;
}

.downloadecards {
	float: left;
	width: 380px;
	padding-top: 15px;
	padding-left: 5px;
}

.downloadinfo {
	float: left;
	display: inline;
	width: 375px;
	height: 38px;
	padding-top: 3px;
	text-align: left;
	font: 12px/1.3em "arial",verdana, sans-serif;
}

.downloadinfo a {
	color: #323232;
	text-decoration: none
}

.downloadinfo a:visted {
	color: #323232;
	text-decoration: none
}

.downloadinfo a:hover {
	text-decoration: underline;
}

.downloadsections {
	float: left;
	display: inline;
	width: 440px;
	padding-top: 7px;
	height: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #323232;
}

.downloadwrap {
	float: left;
	display: inline;
	width: 440px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.emailaddress {
	float: left;
	height: 20px;
	padding-bottom: 15px;
	padding-left: 55px;
	background: url(../images/email.gif) no-repeat left top;
}

.emailjoin {
	float: left;
	margin-left: 10px;
}

.emailname {
	float: left;
	height: 20px;
	margin-bottom: 10px;
	padding-left: 55px;
	background: url(../images/name.gif) no-repeat left top;
}

#emaillist {
	float: left;
	width: 244px;
	margin-top: 7px;
	background: url(../images/emaillist.gif) no-repeat left top;
}

#emaillistcontent {
	float:left;
	width: 229px;
	margin-top: 45px;
	padding-top: 10px;
	padding-left: 7px;
	font: 11px/1.2em "arial",verdana, sans-serif;
	text-align: left;
}

#footer {
	clear: both;
	font: 11px/1.2em "arial",verdana, sans-serif;
	color: #323232;
	width: 890px;
	height: 44px;
	background: url(../images/footer.gif) no-repeat center top;
	}
	
	#footer2 {
	clear: both;
	font: 11px/1.2em "arial",verdana, sans-serif;
	color: #323232;
	width: 890px;
	height: 75px;
	background-color: #FFFFFF;
	
	}
	
/* header DIVs below - need new method - too clumsy */	

#header {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/featured.gif) no-repeat left top;
}
	
#artistsheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/artistsheader.gif) no-repeat left top;
}
	

#tourheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/tourheader.gif) no-repeat left top;
}

#downloadsheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/downloadsheader.gif) no-repeat left top;
}

#pressheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/pressheader.gif) no-repeat left top;
}

#aboutheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/aboutheader.gif) no-repeat left top;
}

#faqheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/faqheader.gif) no-repeat left top;
}

#contactheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/contactheader.gif) no-repeat left top;
}

#linksheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/linksheader.gif) no-repeat left top;
}

#allreleasesheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/allreleasesheader.gif) no-repeat left top;
}

#releasedetailheader {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	height: 35px;
	width: 485px;
	background: url(../images/releasedetailheader.gif) no-repeat left top;
}

.gallery {
	float: left;
	display: inline;
	margin-top: 20px;
	padding-top: 35px;
	padding-left: 10px;
	width: 160px;
	background: url(../images/photogallery.gif) no-repeat left top;
}

.gallerythumb {
	float: left;
	width: 60px;
	height: 65px;
	padding-top: 6px;
	padding-left: 6px;
	margin-right: 2px;
	background: url(../images/galleryBG.gif) no-repeat left top;
}

h2 {
	font: 14px "arial",verdana, sans-serif;
	text-transform: uppercase;
	color: #3B3B3B;
	display: inline;
	font-weight: bold;
	display: inline;
	}	

h3 {
	font: 14px "arial",verdana, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;
	color: #3B3B3B;
	display: inline;
	font-weight: bold;
	display: inline;
}

h4 {
	font: 18px "arial",verdana, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	display: inline;
	font-weight: bold;
	text-align: left;
	}
	
h5 {
	font: 10px "arial",verdana, sans-serif;
	color: #333333;
	display: inline;
	}

h6 {
	font: 18px "arial",verdana, sans-serif;
	text-transform: uppercase;
	color: #3B3B3B;
	display: inline;
	font-weight: bold;
	text-align: left;
	}
	
img { border: none;}

.linkcolumn {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	margin-right: 20px;
	width: 150px;
	padding-top: 7px;
}	

.linklist {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	width: 135px;
	padding-left: 14px;
	margin-bottom: 15px;
}
	
#maincontent {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	margin-left: 74px;
	width: 485px;
}

.nav {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	width: 744px;
	margin-top: 15px;
	height: 32px;
	margin-left: 73px;
 
}

#news {
	float: left;
	width: 244px;
	height: 267px;
	background: url(../images/newsheading.gif) no-repeat left top;
}

#news b {
	text-transform: uppercase;
	font-weight: bold;
}

#news p {
	display: inline;
}

.newsarticle {
	float: left;
	width: 160px;
	font: 12px/1.2em "arial",verdana, sans-serif;
	color: #323232;
}

.newscontent {
	width: 223px;
	height: 217px;
	margin-top: 35px;
	padding-top: 10px;
	padding-left: 20px;
	font: 12px/1.2em "arial",verdana, sans-serif;
	color: #323232;
	text-align: left;
	overflow: auto;
}

.newswrap {
	width: 203px;
}

.player {
	float: left;
	display: inline;
	margin-left: 586px;
	margin-top: 213px;
	width: 210px;
	height: 30px; 
	background: url(../images/launch.gif) no-repeat left top;
}

.pressbiohead {
	width: 450px;
	margin-top: 5px;
	padding-top: 25px;
	background: url(../images/bios.gif) no-repeat left top;
}

.presscoverhead {
	width: 450px;
	margin-top: 5px;
	padding-top: 25px;
	background: url(../images/artwork.gif) no-repeat left top;
}


.pressfiles {
	float: left;
	width: 443px;
	height: 45px;
}
.pressimages {
	float: left;
	width: 320px;
}

.pressthumb {
	float: left;
	width: 90px;
	height: 100px;
	padding-top: 15px;
	padding-left: 16px;
	background: url(../images/pressimageBG.gif) no-repeat left top;
}

.presswrap {
	float: left;
	padding-top: 7px;
}

.presswrap a{
	color: #0000FF;
	text-docoration: none;
}

.presswrap a:hover{
	color: #0000FF;
	text-docoration: underline;
}

#releases {
	float:left;
	width: 244px;
	padding-top: 40px;
	margin-top: 4px;
	background: url(../images/releases.gif) no-repeat left top;
}

.releases_viewall {
	float:left;
	display: inline;
	width: 220px;
	height: 25px;
	margin-top: 5px;
	margin-left: 22px;
	background: url(../images/viewall.gif) no-repeat left top;
}

.releases p {
	display: inline;
}

.releasecontent {
	float: left;
	margin-left: 3px;
	width: 244px;
}

.releaseexcerpt {
	float: left;
	clear: right;
	width: 140px;
	padding-top: 13px;
	font: 11px/1.2em "arial",verdana, sans-serif;
	text-align: left;
}

#releaseimage {
	float: left;
	width: 190px;
	height: 200px;
	padding-left: 20px;
	padding-top: 25px;
	margin-right: 5px;
	background: url(../images/releasesLG.gif) no-repeat left top;
	
}

#releaseinfo {
	float: left;
	width: 200px;
	margin-left: 10px;	
}

.releaseitemwrap {
	float: left;
	width: 450px;
	height: 75px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dashed #323232;	
}

.releaselist {
	float: left;
	width: 340px;
	margin-top: 12px;	
}

.releaselist a{
	text-decoration: none;
	color: #323232;	
}

.releaselist a:hover{
	text-decoration: underline;
	color: #323232;	
}

.releasethumb {
	float: left;
	width: 75px;
	height: 60px;
	padding-left: 9px;
	padding-top: 15px;
	margin-right: 5px;
	background: url(../images/splat.gif) no-repeat left top;
}

.releasethumb2 {
	float: left;
	width: 75px;
	height: 60px;
	padding-left: 21px;
	padding-top: 15px;
	margin-right: 5px;
	background: url(../images/splat.gif) no-repeat left top;
}

.releasetitleSM {
	float: left;
	display: block;
	width: 110px;
	padding-bottom: 10px;
}

.releasecontent_artist{
	float: left;
	margin-left: 3px;
	width: 140px;
}

.releasethumb_artist{
	float: left;
	width: 55px;
	height: 60px;
	padding-left: 22px;
	padding-top: 15px;
	margin-right: 5px;
	background: url(../images/splat.gif) no-repeat left top;
}

.releasetitle_artist{
	float: left;
	width: 40px;
	margin-top: 12px;
	font: 11px/1.2em "arial",verdana, sans-serif;
}

.releasethumb img {
	border: none;	
}

.releasesSM {
	float: left;
	display: inline;
	clear: both;
	width: 140px;
	margin-top: 20px;
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 4px;
	padding-top: 17px;
	background: url(../images/releasesSM.gif) no-repeat left top;	
}

.resources {
	float: left;
	display: inline;
	padding-left: 10px;
	padding-top: 20px;
	width: 140px;
	background: url(../images/resources.gif) no-repeat left top;	
}

.resourceswrap {
	float: left;
	display: inline;
	width: 135px;
	height: 22px;
	padding-top: 10px;
	padding-left: 4px;
	border-bottom: 1px dashed #323232;	
}

.resourceswrap_2 {
	float: left;
	display: inline;
	width: 135px;
	padding-top: 10px;
	padding-left: 4px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #323232;	
}

.resourcelist {
	float: left;
	display: inline;
	width: 120px;
	height: 15px;	
}

#resultsbackground {
	background: url(../images/emailresultsBG.jpg) repeat-y center top;
	height: 450px;
	width: 657px;
	margin: auto;
} 

#results {
	float: left;
	height: 100px;
	overflow: auto;
	width: 380px;
	font: 11px/1.2em "arial",verdana, sans-serif;
	color: #323232;
	margin-top: 220px;
	margin-left: 135px;
} 

#rightcolumn {
	float: left;
	width: 244px;
	height: 100%;
	margin-left: 15px;
}

.sectionheader {
	float: left;
	display: inline;
	width: 400px;
	height: 15px;
	padding-left: 7px;
}

#spacer {
	width: 200px;
	height: 25px;
}

.spacerLG {
	float: left;
	height: 20px;
	width: 250px;
	}

.star {
	float: left;
	display: inline;
	clear: left;
	width: 14px;
	height: 11px;
	background: url(../images/star.gif) no-repeat left top;
}

#thispage b {
	font: 12px/1.2em "arial",verdana, sans-serif;
	text-transform: uppercase;
	color: #323232;
	font-weight: bold;
}

#thispage {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	width: 460px;
	margin-left: 22px;
	padding-top: 2px;
	font: 12px/1.2em "arial",verdana, sans-serif;
	color: #323232;
	text-align: left;
}

#thispagepad {
	float: left;
	display: inline; 	/* fixes IE double margin bug * -- nested float:left */
	width: 430px;
	font: 12px/1.2em "arial",verdana, sans-serif;
	color: #323232;
	text-align: left;
}

#thispage b {
	text-transform: uppercase;
	font-weight: bold;
}

.tourartist {
	float: left;
	width: 440px;
	height: 25px;
	padding-top: 8px;
	background: url(../images/divider_grunge.gif) no-repeat center top;
}

.tourbody {
	float: left;
	width: 440px;
	padding-top: 7px;
	padding-bottom: 8px;
	font: 12px/1.1em "arial",verdana, sans-serif;
}

.tourdate {
	float: left;
	font: 12px/1.1em "arial",verdana, sans-serif;
	width: 65px;
}

.tourdetails {
	float: left;
	font: 12px/1.1em "arial",verdana, sans-serif;
	width: 370px;
}

.tourdetails p {
	display: inline;
}

.tourjump {
	margin-top: 3px;
	padding-top: 8px;
	padding-left: 5px;
	width: 440px;
	height: 35px;
	font: 12px/1.1em "arial",verdana, sans-serif;
	background: url(../images/divider_grunge.gif) no-repeat left top;

}

.tracklist{
	float: left;
	margin-top: 15px;
	width: 175px;
	padding-left: 1px;
	padding-top: 30px;
	background: url(../images/tracklisting.gif) no-repeat center top;
	font: 10px/1.5em "arial",verdana, sans-serif;
}

.tracklist p{
	display: inline;
	}
	
.wrapper {
	float: left;
	width: 225px;
	line-height: 1.4em;
}

/* classes for email list forms */

.email {
	width: 105px;
	font: 10px verdana,helvetica,arial,sans-serif;
	border: none;
	border-bottom: 1px dashed #323232;
	}
	
.name {
	width: 105px;
	font: 10px verdana,helvetica,arial,sans-serif;
	border: none;
	border-bottom: 1px dashed #323232;
	}

/* Navigation - technique borrowed from
http://accessat.c-net.us/articles/convert_p3.html
Thank You!*/

.nav ul {
	position: relative;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
	font-size: 11px;  
	width: 100%;      /* required for IE */
}

.nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav li a {
	display: block;         /* expand to fill parent */
	margin: 0;             
	height: 24px; 
	text-decoration: none;  
	color: #5a5a5a;        
	width: 100%;          /* required for IE */
}
/* hide overflowing text, except in MacIE \*/
.nav li a {
	overflow: hidden;
} /* end hack */

/* set width for each div to same size as its background image*/
#navartists{
	width: 75px;
	background: url(../images/navartists.gif);
}
#navtours {
	width: 65px;
	background: url(../images/navtours.gif);
}
#navdownloads {
	width: 100px;
	background: url(../images/navdownloads.gif);
}
#navcommunity {
	width: 99px;
	background: url(../images/navcommunity.gif);
}
#navstore {
	width: 64px;
	background: url(../images/navstore.gif);
}
#navpress {
	width: 98px;
	background: url(../images/navpress.gif);
}
#navabout {
	width: 65px;
	background: url(../images/navabout.gif);
}
#navfaq {
	width: 46px;
	background: url(../images/navfaq.gif);
}
#navcontact {
	width: 81px;
	background: url(../images/navcontact.gif);
}
#navlinks {
	width: 48px;
	background: url(../images/navlinks.gif);
}

/* Hover effects for each menu item */

#navartists a:hover{
	background: url(../images/navartistsover.gif);
}
#navtours a:hover {
	background: url(../images/navtoursover.gif);
}
#navdownloads a:hover {
	background: url(../images/navdownloadsover.gif);
}
#navcommunity a:hover {
	background: url(../images/navcommunityover.gif);
}
#navstore a:hover {
	background: url(../images/navstoreover.gif);
}
#navpress a:hover {
	background: url(../images/navpressover.gif);
}
#navabout a:hover {
	background: url(../images/navaboutover.gif);
}
#navfaq a:hover {
	background: url(../images/navfaqover.gif);
}
#navcontact a:hover {
	background: url(../images/navcontactover.gif);
}
#navlinks a:hover {
	background: url(../images/navlinksover.gif);
}

/* slight adjustments for IE, to fill entire .nav width */
* html body #mHome {
	width: 67px;
}
* html body #mAbout {
	width: 89px;
}
* html body #Products {
	width: 154px;
}
* html body #mNews {
	width: 101px;
}
* html body #mContact {
	width: 97px;
} /* end hacks */