/*============================================================
General Styles
============================================================*/

body {	
	background:#790098 url(../images/background.gif);
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}
a, a:visited {
	color:#fff;
	text-decoration:underline;
}
a:hover{
	color:#e786ff;
	text-decoration:none;	
}
h1 {font-size:1.3em;}
h2 {font-size:1.1em;}

#page {	
	width:800px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#content {margin-left:30px;}
#studio_border {
	background:url(../images/Studio_border.png) no-repeat;
	width:780px;
	height:30px;
}
#studio_top {
	background:url(../images/Studio_top.png) no-repeat;
	width:707px;
	height:30px;
}
#studio_bot {
	background:url(../images/Studio_bot.png) no-repeat;
	width:421px;
	height:155px;
}
#studio_left {
	background:url(../images/Studio_left.png) no-repeat;
	width:30px;
	height:608px;
}
#studio_right {
	background:url(../images/Studio_right.png) no-repeat;
	width:115px;
	height:289px;
}
#studio_01 {
	background:url(../images/Studio_01_equip.gif) no-repeat;
	width:421px;
	height:289px;
}
#studio_02 {
	background:url(../images/Studio_02_onair.gif) no-repeat;
	width:226px;
	height:289px;
}
#studio_03 {
	background:url(../images/Studio_03_console.gif) no-repeat;
	width:421px;
	height:289px;
}
#studio_04 {
	background:url(../images/Studio_04.png) no-repeat;
	width:311px;
	height:414px;
}
#studio_04 img {
	position:relative;
	top:50px;
	left:20px;
}
#audioplayer {
	position:relative;
	top:-15px;
	left:0px;
	background-color:#790098;
}
#info {
	width:421px;
	margin:-50px 0 0 30px;
	text-align:justify;
	float:left;
}
#guide {
	height:160px;
	width:800px;
	margin-left:30px;
	margin-top:10px;
	border-top:1px solid #fff;
	padding-top:10px;
}
#guide .forms {
	width:260px;
	float:left;
}
#contact {
	text-align:left;
	margin-left:500px;
	width:235px;
}
#contact {
	margin-bottom:20px;
}
#guide h1, #guide p {
	margin:0; padding:0;
}
#contactinfo {
	text-align:left;
	margin-left:350px;
	width:370px;
}
#contactinfo {
	margin-top:10px;
}
#contactimg {
	width:295px;
	margin:10px 0;
	float:left;	
}
input.btn { 
	height:24px; 
	display:block;
	color:#790098;  
	font-family:'trebuchet ms',helvetica,sans-serif;  
	font-size:9pt;  
	font-weight:bold;  
	background:#ccc;   
	border:1px solid #790098;
	border-top-color:#790098;  
	border-left-color:#790098;  
	border-right-color:#790098;  
	border-bottom-color:#790098;
	cursor:pointer;
}
label { font-size:1em; display:inline; width:100%;}
input { margin:0 0 15px 0;}
textarea { font:12px/17px Arial, sans-serif;}

#footer {
	margin:30px auto 50px auto;
	color:#af58c5;
	font-size:0.7em;
	clear:both;
	height:1px;
	text-align:center;
}
#footer p {
}
#footer a {
	color:#e786ff;
	text-decoration:none;
}
select {
	font:.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#790098;
	border:6px solid #fff;
  background:#fff;
  line-height:1em !important;
  vertical-align:middle;
  margin-bottom:2px;
}
p.error { 
	font-weight:bold !important; 
	color:#e786ff !important; 
	text-transform:uppercase !important; 
	font-family:"Lucida Grande", lucida, tahoma, verdana, trebuchet, "Trebuchet MS", arial, helvetica, sans-serif !important; 
	font-size:10pt !important;
}
.clearit {
	clear:both;
	height:1px;
}
#more {
	height:200px;
	position:relative;
	float:left;
	clear:right;
	width:800px;
	margin:0 auto;
	padding:0;
}
#kcplayer p {
	width:200px;
	position:absolute;
	left:0px;
	top:130px;
	font-size:.9em;
	text-align:center;
}
#kcplayer a.kcplay {
	position:absolute;
	left:20px;
	top:0px;
	background:url(../images/KC_player.png);
	width:164px;
	height:135px;
	cursor:pointer;
	overflow:hidden;	
	font-size:.9em;
}
#hkplayer p {
	position:absolute;
	left:210px;
	top:130px;
	width:162px;
	font-size:.9em;
	text-align:center;
}
#hkplayer a.hkplay {
	position:absolute;
	left:205px;
	top:0px;
	background:url(../images/HK_player.png);
	width:162px;
	height:135px;
	cursor:pointer;
	overflow:hidden;
	font-size:.9em;
}
#kcplayer a:hover, #hkplayer a:hover {
	background-position:0 -135px;
	}
#breadcrumb {
	margin-bottom:10px;
	margin-left:20px;
}
#breadcrumb a {
	color:#fff;
	font-size:9pt;
	text-decoration:none;	
}
#breadcrumb a:hover {
	text-decoration:underline;	
}