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

body {
	margin:0;
	padding:0;
	background-color:#000;
	padding-bottom:10px;
}

#wrapper {
	padding:5px;
	padding-top:0;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#header {
	margin:0;
	padding:0;
	height:340px;
	background:url(img/hkaheader.jpg) no-repeat top left;
}

#header .phone {
	float:right;
	width:200px;
	color:#fff;
	padding-top:40px;	
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#header .phone span {
	font-weight:bold;
}

#header .logo {
	padding-top:70px;
	padding-left:20px;
}

#content {
	margin:0;
	padding:10px;
	padding-left:6px;
	float:left;
	margin-bottom:5px;
	width:490px;
}

#rcol {
	float:right;
	margin-top:350px;
	width:280px;
	color:#fff;
}

#rcol .player {
	padding:0px;
	margin:0;
}

#rcol .player h1 {
	background:url(img/player-bg.jpg) no-repeat top left;
	padding:10px;
	border-bottom:1px solid #4a5c72;
	color:#fff;
}

#content p {
	color:#ffffff;
	padding:0px;
	margin:0;
	font-size:0.9em;
	line-height:1.5em;
	padding-bottom:10px;
}

#content a {
	color:#3c9abe;
}

h1 {
	color:#1072b9;
	font-size:1.5em;
	margin:0;
	padding-bottom:5px;
	text-decoration:underline;
	padding-left:20px;
}

h2 {
	color:#1072b9;
	font-size:1.1em;
	margin:0;
	padding-bottom:5px;
	text-decoration:underline;
}

#navigation {
	width:284px;
	float:right;
	height:467px;
	background:url(img/nav-bg.jpg) no-repeat top right;
	position:absolute;
	top:240px;
	right:5px;
	list-style-type:none;
}

#navigation ul {
	position:relative;
	margin-top:40px;
	margin-left:40px;
	list-style-type:none;
}

#navigation a {
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}

#navigation a:hover {
	text-decoration:underline;
}

#navigation li {
	margin-bottom:50px;
	text-align:center;
}

#footer {
	float:left;
	width:100%;
	clear:left;
	background:url(img/footer-bg.jpg) no-repeat top left;
	color:#fff;
	font-family:Helvetica;
	font-size:0.8em;
	margin-top:5px;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
}

#footer a {
	color:#1aa0e3;
}

#footer h2 {
	color:#1774a4;
	text-decoration:underline;
}

#footer .left {
	float:left;
	width:200px;
	padding-left:40px;
}

#footer .left span {
	clear:left;
	float:left;
}

#footer .left span.map {
	padding-left:15px;
	background:url(img/footer-arrow.jpg) no-repeat center left;
	color:#b24b4b;
	margin-top:10px;
}

#footer .left span.map a {
	color:#b24b4b;
}

#footer .left .numbers {
	float:left;
	clear:left;
	margin-top:10px;
	width:100%;
}

#footer .left .numbers span strong {
	width:40%;
}

#footer .middle {
	float:left;
	width:260px;
	padding-left:40px;
}

#footer .middle ul {
	margin:0;
	padding:0;
}

#footer .middle ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	padding-left:20px;
	margin-bottom:10px;
	background:url(img/footer-arrow.jpg) no-repeat center left;
	display:block;
}

#footer .right {
	float:left;
	width:220px;
	padding-top:10px;
	margin:0;
}

#footer .right p {
	margin:0;
	padding-bottom:10px;
}

#footer .right a {
	font-size:0.9em;
}

#footer .designed {
	font-size:0.8em;
	color:#333333;
	margin-top:30px;
}	

#footer .designed a {
	color:#333333;
}

.logos {
	text-align:center;
}

.logos img {
	margin:5px;
}

img {
	border:0;
}

.floatr {
	float:right;
	margin:10px;
}

.artist {
	float:left;
	width:100%;
	margin-top:20px;
}


.artist ul {
	background:url(img/track-bgleft.jpg) no-repeat top left;
	margin:0;
	padding:0;
	width:204px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:35px;
	list-style-type:none;
}

.artist ul li {
	margin:0;
	padding:0;
	background:url(img/speaker.jpg) no-repeat top left;
	list-style-type:none;
	padding-left:20px;
	padding-bottom:10px;
	float:left;
	margin-right:10px;
}

.clear {
	clear:left;
	height:0;
	line-height:0;	
}

.marginb { margin-bottom:10px; }

.center {
	text-align:center;
}

.center img {
	margin:5px;
}

.news {
	margin:0;
	padding:0;
	float:left;
	width:800px;
	color:#fff;
	text-align:center;
	font-size:0.8em;
	text-transform:uppercase;
	background:url(img/news-bg.jpg) no-repeat top left;
	height:29px;
	line-height:29px;
	margin-bottom:10px;
}

marquee {
	width:700px;
	text-align:left;
	padding-left:30px;
}

/*Rounded edge declaration */
.bl { background:  url(img/bl.jpg) #121212 no-repeat 0% 100%; }
.br { background: url(img/br.jpg) no-repeat 100% 100% }
.tl { 	background:  url(img/tl.jpg) no-repeat 0% 0%;}
.tr { 	background:  url(img/tr.jpg) no-repeat 100% 0%; padding:20px;}

form#maillist {
	background:url(img/mailbg.jpg) no-repeat bottom left;
}

form#maillist p {
	margin:0;
	padding:0;
	margin-left:20px;
	padding-bottom:5px;
	padding-top:5px;
}

form#maillist label {
	float:left;
	width:20%;
	color:#fff;
	font-size:0.9em;
	padding-top:5px;
	font-weight:bold;
}

form#maillist h2 {
	background:url(img/mailbg-h2.jpg) no-repeat top left;
	bottom:1px solid #000;
	padding:10px;
	color:#fff;
	margin-bottom:5px;
}
.list li {
	color:#cccccc;
}

.floatl {
	float:left;
	margin-right:5px;
}