@import url("news.css");
@import url("artists.css");
@import url("releases.css");
@import url("contact.css");

#debugArea{ display: none; }
html,body{height:100%;width:100%;}
body{
	background-color: #CCCCCC;
	font-size: 11px;
	color: white;
}
*{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, MS Verdana, sans-serif;
}
a{
	text-decoration: none;
	color: #33a5ca;
}

ul{
	list-style: none;
}
img{ border:0; }
#contentMenu, #content {
	text-align: left;
}

#contentMenu .contentLink:first-child{
	border-top: 0;
}
#contentMenu .contentLink{
	text-align: left;
	padding: 10px 0px;
	border-top: 2px gray solid;
}
#contentMenu .contentLink.active a .text, #contentMenu .contentLink.active a .desc{
	color: white;
}
#contentMenu .contentLink.loading a{
	color: white;
}
#contentMenu .contentLink a{
	color: #ccc;
	font-size: 11px;
}
#contentMenu .contentLink:hover a{
	color: white;
}
#contentMenu .date{
	display: block;
	font-size: 10px;
	color: #33a5ca;
	padding-bottom: 4px;
	text-align: right;
}
#contentMenu .text{
	display: block;
	text-align: left;
}
#contentMenu .desc{
	display: block;
	text-align: right;
	color: #33a5ca;
}

img.loading {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 24px;
	width: 24px;
	margin-top: -12px;
	margin-left: -12px;
}
#vCont{ height: 100%; width: 100%; display: table; text-align: center; }
#tdCont{ 
	display: table-cell;
	vertical-align: middle;
}
#container{ 
	margin: 0 auto;
	width: 929px;
	height: 598px;
	position: relative;
}
#menu{
	display: block;
	background: url("images/HB_web_backgr_top.png");
	height: 20px;
	width: 929px;
	position: absolute;
	top: 0;
	left: 0;
}
#menu li{
	display: block;
	clear: none;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
	height: 20px;
	cursor: pointer;
}
#menu a{
	display: block;
	font-family: Verdana;
	font-size: 14px;
	padding-top: 3px;
	font-weight: bold;
	width: 100%;
	height: 100%;
	color: #777;
}
#menu a:hover{
	color: #33669b;
}
#menu .news{
	width: 42px;
}
#menu .artists{
	width: 61px;
}
#menu .releases{
	width: 68px;
}
#menu .contact{
	width: 66px;
}
#topImg{
	width: 928px;
	height: 294px;
	position: absolute;
	left: 0px;
	top: 20px;
}
.news #topImg{
	background: url("images/HB_web_backgr_up_News.png");
}
.releases #topImg{
	background: url("images/HB_web_backgr_up_Releases.png");
}
.artists #topImg{
	background: url("images/HB_web_backgr_up_Artists.png");
}
.contact #topImg{
	background: url("images/HB_web_backgr_up_Contact.png");
}

#bottomImg{
	background: url("images/HB_web_backgr_down.png");
	width: 929px;
	height: 283px;
	position: absolute;
	top: 314px;
	left: 0px;
}
#templateContent{
	background-repeat: no-repeat;
	position: absolute;
}
#contentMenu{
	position: absolute;
}
#content{
	position: absolute;
	overflow: auto;
	line-height:125%;
}
#loaderBg{
	background: url('images/imgLoaderBg.png') 50% repeat-x;
	width: 250px;
	position: absolute;
	top: 560px;
	left: 25px;
	text-align: left;
	display: none;
	font-size: 10px;
}
#loader{
	background: url('images/imgLoader.png') 0 50% no-repeat;
	height: 12px;
	width: 0px;
}
#loaderBg  #text{
	position: absolute;
}


#container.news .news a, #container.artists .artists a, #container.releases .releases a, #container.contact .contact a{
	color: #33a5ca;
}