* { margin: 0; padding: 0; }
a img { border: none; }

html
{
	background-color: #000;
	padding: 0 0 30px 0;
	font-size: 0.9em;
	font-family: Arial, Sans-Serif;
}

#LayoutHolder
{
	width: 900px;
	margin: 30px auto 0 auto;
	font-size: 87.5%;
	color: #939598;
}

#popupLayoutHolder
{
	font-size: 87.5%;
	color: #939598;
}

#Header
{
	height: 35px;
	overflow: hidden;
}

#Header h1
{
	width: 230px;
	height: 35px;
	overflow: hidden;
	float: left;
	background-image: url(Assets/Logo.png);
	text-indent: -2000px;
}

#Header #MenuHolder
{
	float: right;
	display: block;
	height: 35px;
	width: 375px;
	overflow: hidden;
	background-image: url(Assets/Menu.png);
}

#Header #Menu
{
	list-style: none;
	display: block;
	float: left;
	overflow: hidden;
	width: 310px;
	height: 35px;
}

#Header #Menu li
{
	display: block;
	float: left;
	height: 35px;	
}

#Header #Menu li a,
#Header #MenuHolder a#SubscribeLink
{
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;	
	text-indent: -2000px;
}

#Header #Menu li a:hover,
#Header #Menu li a.Active,
#Header #MenuHolder a#SubscribeLink:hover
{
	background-image: url(Assets/Menu.png);
}

#Header #Menu li.Home a { width: 45px; }
#Header #Menu li.Home a:hover,
#Header #Menu li.Home a.Active { background-position: 0px bottom; }

#Header #Menu li.About a { width: 49px; }
#Header #Menu li.About a:hover,
#Header #Menu li.About a.Active { background-position: -45px bottom; }

#Header #Menu li.Music a { width: 47px; }
#Header #Menu li.Music a:hover,
#Header #Menu li.Music a.Active { background-position: -94px bottom; }

#Header #Menu li.Gallery a { width: 61px; }
#Header #Menu li.Gallery a:hover,
#Header #Menu li.Gallery a.Active { background-position: -141px bottom; }

#Header #Menu li.Links a { width: 40px; }
#Header #Menu li.Links a:hover,
#Header #Menu li.Links a.Active { background-position: -202px bottom; }

#Header #Menu li.Contact a { width: 68px; }
#Header #Menu li.Contact a:hover,
#Header #Menu li.Contact a.Active { background-position: -242px bottom; }

#Header #MenuHolder a#SubscribeLink { width: 65px; }
#Header #MenuHolder a#SubscribeLink:hover { background-position: -310px bottom; }

#Banner { margin: 5px 0 20px 0; height: 400px; background-image: url(Assets/BannerHome.jpg); }
body.Home #Banner { background-image: url(Assets/BannerHome.jpg); }
body.About #Banner { background-image: url(Assets/BannerAbout.jpg); }
body.Music #Banner { background-image: url(Assets/BannerMusic.jpg); }
body.Gallery #Banner { background-image: url(Assets/BannerGallery.jpg); }
body.Links #Banner { background-image: url(Assets/BannerLinks.jpg); }
body.Contact #Banner { background-image: url(Assets/BannerContact.jpg); }

.SplitContentHolder
{
	width: 900px;
	overflow: hidden;
}

.SplitContentHolder .Column1
{
	width: 540px;
	overflow: hidden;
	float: left;
}

.SplitContentHolder .Column2
{
	margin-left: 20px;
	width: 340px;
	overflow: hidden;
	float: left;
}

h2
{
	height: 60px;
	text-indent: -2000px;
	overflow: hidden;
	margin-bottom: 12px;
}
h2.Bio { background-image: url(Assets/HeaderBio.png); }
h2.ChartsTop10 { background-image: url(Assets/HeaderChartsTop10.png); }
h2.Contact { background-image: url(Assets/HeaderContact.png); }
h2.CurrentGigs { background-image: url(Assets/HeaderCurrentGigs.png); }
h2.Gallery { background-image: url(Assets/HeaderGallery.png); }
h2.LatestNews { background-image: url(Assets/HeaderLatestNews.png); }
h2.Links { background-image: url(Assets/HeaderLinks.png); }

div.LatestNews,
div.CurrentGigs,
div.Bio
{
	height: 248px;
	border-top: solid 1px #58585a;
	border-bottom: solid 1px #58585a;
	overflow: auto;
	padding-top: 18px;
}

div.LatestNews div.NewsItem
{
	overflow: hidden;
	margin: 0 18px;
	padding-bottom: 12px;
}

div.LatestNews div.NewsItem p.Image
{
	border: solid 1px #58585a;
	padding: 5px;
	height: 80px;
	width: 80px;
	float: left;
}

div.LatestNews div.NewsItem div
{
	float: left;
	margin: 0 0 18px 10px;
	width: 380px;
}

div.CurrentGigs div.Gig
{
	margin: 18px;
}

div.Bio { padding: 18px 18px 6px 18px; height: 242px; }

p.PressPackDownload a:link,
p.PressPackDownload a:active,
p.PressPackDownload a:visited
{
	display: block;
	height: 340px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(Assets/DownloadPressPack.jpg);
}
p.PressPackDownload a:hover { text-decoration: none; }

div.Links,
div.ChartsTop10,
div.Contact { margin-left: 18px; }

div.ChartsTop10 p span.Number
{
	color: #fff;
	font-weight: bold;
}

div.ChartsTop10 p span.Title
{
	color: #00b2d9;
	font-weight: bold;
}

div.Contact h3 { margin-bottom: 2px; }
div.Contact h4 { font-size: 100%; font-weight: normal; color: #00b2d9; font-style: normal; margin-top: 12px; margin-bottom: 2px; }
div.Contact p { margin-bottom: 2px; }
div.Contact p.Booking { width: 504px; overflow: hidden; }
div.Contact p.Booking span { display: block; width: 4em; float: left; }

div.Gallery
{
	width: 900px;
	height: 248px;
	overflow: auto;
	border-top: solid 1px #58585a;
	border-bottom: solid 1px #58585a;
	padding-bottom: 18px;
}
div.Gallery p
{
	float: left;
	margin: 18px 0 0 18px;
	width: 258px;
	height: 143px;
	border: solid 1px #58585a;
}

p { margin-bottom: 12px; }
p.Date { color: #00b2d9; margin-bottom: 0; }
h3 { color: #fff; font-weight: bold; font-size: 120%; }

p a:link,
p a:active,
p a:visited { color: #fff200; text-decoration: none; }
p a:hover { text-decoration: underline; }

p.SideImage { margin: 0; }

div#floatingPopupWindowMask
{
	background-color: Black;
	height: 200%;
	width: 100%;
	position: absolute;
	top: 0;
	opacity: .5;
	filter: alpha(opacity=50);
}

iframe#floatingPopupWindow
{
	position: absolute;
	height: 300px;
	width: 400px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	border: none;
	background-color: White;
	overflow: hidden;
}

#popupLayoutHolder
{
	background: transparent url(Assets/PopUpBox.jpg) no-repeat left top;
	height: 210px;
	width: 260px;
	overflow: hidden;
	padding: 60px 130px 20px 20px;
}

#popupLayoutHolder #CloseButton
{
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	top: 10px;
	right: 10px;
	background: transparent url(Assets/CloseButton.gif) no-repeat left top;
	text-decoration: none;
	outline: none;
	overflow: hidden;
	text-indent: -2000px;
}

fieldset { border: none; }
fieldset legend { display: none; }

fieldset p label { width: 7em; display: block; margin-bottom: 3px; }

#Footer
{
	margin-top: 30px;
	border-top: solid 1px #58585a;
	text-align: center;
	padding-top: 10px;
	font-size: 80%;
}

#Footer a:link,
#Footer a:active,
#Footer a:visited { color: #939598; text-decoration: none; }
#Footer a:hover { text-decoration: underline; }