html
{
}

body 
{
   text-align:center;
		margin:0 auto;
    	
	 /*margin: 0px;*/
	 font-family:Helvetica, Arial, sans-serif;
	 font-size:0.8em;
	 background-color:#b2b2b2;

}

#wrapper
{
	position:absolute; 
	background-color:#ffffff;
	background-repeat: no-repeat;
	
	/*width:1024px; modii campaign */
	width:1122px;
	min-height:100%;
	

	left:50%;
	/*margin-left:-512px;
	margin-right:-512px; moddi campaign */
	margin-left:-561px;
	margin-right:-561px;
	
		
	 border: solid 2px #8e8e8e;
	 border-top-width: 0px;
}

#mainContent
{
	margin-top:14px;
	float:left;
	/*left:309px; leftred */

	/*width:480px; leftred */
	width:510px;
	text-align:left;
	border:solid 0px blue;
	min-height:100%;
}

#leftContent
{
	float:left;
	width:272px;
	border:solid 0px red;
}

#rightContent
{
	float:left;
	margin-left:34px;
	/*width:203px; moddi campaign*/
	width:300px;
	text-align:left;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} 


#frontMontage
{
	z-index: 2;
	position:relative;
}

#frontNews
{
	position:relative;
}

.FrontLeft
{
	z-index: 1;
	position:absolute;
	top:334px;
	left:310px;
}
.FrontLeftTransp
{
	z-index: 3;
	position:absolute;
	top:334px;
	left:312px;
}
.FrontRight
{
	z-index: 1;
	position:absolute;
	top:284px;
	left:544px;
}
.FrontRightTransp
{
	z-index: 3;
	position:absolute;
	top:288px;
	left:554px;
}
.FrontTop
{
	z-index: 1;
	position:absolute;
	top:278px;
	left:424px;
}
.FrontTopTransp
{
	z-index: 3;
	position:absolute;
	top:278px;
	left:430px;
		border: solid 0px green;	
}
.FrontBottom
{
	z-index: 1;
	position:absolute;
	top:378px;
	left:432px;
}
.FrontBottomTransp
{
	z-index: 3;
	position:absolute;
	top:390px;
	left:432px;
}



a
{
	color:#00aeef;
	text-decoration: none;
	font-weight: bold;
}

img
{ border:0;}

p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.Header
{
	font-size:1.3em;
	color:#000000;	
	font-weight:bold;
	height:27px;
	line-height:27px;
	
}

.HeaderWhite
{
	font-size:1.3em;
	color:White;	
	font-weight:bold;
	background-color:Black;	
	height:24px;
	line-height:24px;
	
	
}
.HeaderBlue
{
	font-size:1.3em;
	color:#00aeef;	
	font-weight:bold;
	margin-bottom:4px;
}

.HeaderMargin
{
	margin-left:6px;
}


#menuDIV
{
	position:relative;
	top:327px;
	height:211px;
	border: solid 0px yellow;
}


#newsletterDIV
{
	position:relative;
	top:326px;
	
	left:29px;
	/*width:250px; leftred*/
	width: 220px;
	text-align:left;	
	border: solid 0px black;
}



#artistContainer
{
	
	/*width:475px; leftred */
	width:505px;
}



#addressCard
{
	text-align:center;

}



.ListItem
{
	border: solid 1px #000000;	
	text-align:left;
	margin-bottom:20px;
}

.ArtistItemImageTD
{
	width:118px;
	border-right:solid 1px #000000;
}
.ArtistItemContainer
{
	/*width:354px; leftred */
	width:384px;
	position:relative;
	height:118px;
	border: solid 0px purple;	
}
.ItemText
{
	margin-left:11px;
	margin-right:6px;
	margin-top:3px;
	border: solid 0px red;
	position:absolute;
}

.ReleaseItemImageTD
{
	width:85px;
	border-right:solid 1px #000000;
}
.ReleaseItemContainer
{
	/*width :317px; leftred*/
	width :424px;
	position:relative;
	height:85px;
	border: solid 0px green;
}

.LatestRelease
{
		font-size: 0.95em;

}


.More{	
	border: solid 0px blue;
	position:absolute;	
	right:0px;
	bottom: 0px;	
}

.ExpandedItem
{
	border-top:solid 1px #000000;
}


.ShopLink
{
	margin: 10px;
}



.NewsItem
{
	/* width:472px; leftred */
	width:520px;
	text-align:left;
	margin-bottom:30px;
	border: solid 0px red;
}
.NewsImageRight
{
	float:right;
	/*position:relative;*/
	width:180px;
	margin:0 5px 0 0;
	
}

.NewsHeadline
{
	font-size: 0.95em;
	
}

.TourDates
{
	border: solid 1px #000000;
	width:288px;
	
}

.TourDatesItem
{
	margin-left:6px;
	margin-right:4px;	
	margin-top:4px;
	margin-bottom:7px;
	
}
.TourDateText
{
	font-size: 0.85em;
}


.Date
{
	font-size: 0.75em;
	color:#707070;
}




/* ****
   MENU
   **** */
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 302px;
  position: relative;
}


#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
/*  text-indent: -900%;*/
  position: absolute;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}


/* home menu item */
#menu li.homeMenu a {
  width:114px;
  height:25px;
  background: url(/i/menu/home.gif) 0 0 no-repeat;
}
#menu li.homeMenu a:hover {
  background: url(/i/menu/home_over.gif) 0 0 no-repeat;
}
#menu li#currentMenu.homeMenu a {
  background: url(/i/menu/home_active.gif) 0 0 no-repeat;
}
#menu li#currentMenu.homeMenu a:hover {
  background: url(/i/menu/home_active_over.gif) 0 0 no-repeat;
}

/* artists menu item */
#menu li.artistsMenu a {
  width:145px;
  height:30px;
  background: url(/i/menu/artists.gif) 0 0 no-repeat;
  top:25px;
}
#menu li.artistsMenu a:hover {
  background: url(/i/menu/artists_over.gif) 0 0 no-repeat;
  top:25px;
}
#menu li#currentMenu.artistsMenu a {
  background: url(/i/menu/artists_active.gif) 0 0 no-repeat;
}
#menu li#currentMenu.artistsMenu a:hover {
  background: url(/i/menu/artists_active_over.gif) 0 0 no-repeat;
}

/* releases menu item */
#menu li.releasesMenu a {
  width:166px;
  height:30px;
  background: url(/i/menu/releases.gif) 0 0 no-repeat;
  top:55px;
}
#menu li.releasesMenu a:hover {
  background: url(/i/menu/releases_over.gif) 0 0 no-repeat;
  top:55px;
}
#menu li#currentMenu.releasesMenu a {
  background: url(/i/menu/releases_active.gif) 0 0 no-repeat;
}
#menu li#currentMenu.releasesMenu a:hover {
  background: url(/i/menu/releases_active_over.gif) 0 0 no-repeat;
}

/* news menu item */
#menu li.newsMenu a {
  width:110px;
  height:27px;
  background: url(/i/menu/news.gif) 0 0 no-repeat;
  top:85px;
}
#menu li.newsMenu a:hover {
  background: url(/i/menu/news_over.gif) 0 0 no-repeat;
  top:85px;
}
#menu li#currentMenu.newsMenu a {
  background: url(/i/menu/news_active.gif) 0 0 no-repeat;
}
#menu li#currentMenu.newsMenu a:hover {
  background: url(/i/menu/news_active_over.gif) 0 0 no-repeat;
}

/* about menu item */
#menu li.aboutMenu a {
  width:121px;
  height:25px;
  background: url(/i/menu/about.gif) 0 0 no-repeat;
  top:112px;
}
#menu li.aboutMenu a:hover {
  background: url(/i/menu/about_over.gif) 0 0 no-repeat;
  top:112px;
}
#menu li#currentMenu.aboutMenu a {
  background: url(/i/menu/about_active.gif) 0 0 no-repeat;
}
#menu li#currentMenu.aboutMenu a:hover {
  background: url(/i/menu/about_active_over.gif) 0 0 no-repeat;
}