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

html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:#000;
}

body{
	height:100%;
	border:0;
	font-family:"MS Gothic", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:62.5%; /*equevalent to px*/
}



.alis{
	clear:both;
	}

#wrapper{
	background:#000;
	width:921px;
	margin:0 auto;
	/*index.html*/
	}

#logoAndMenuBox{
	width:921px;
	height:146px;
}

/*	background:url(../images/shotlogo.jpg) top left no-repeat;*/
#logoBox{

	width:332px;
	height:146px;
	float:left;
}

#menuBox{
	background:url(../images/menuBoxBG.jpg) top left repeat-x;
	float:right;
	width:589px;
	height:146px;
}

#langBox{
	float:right;
	height:30px;
	padding-top:10px;
	width:165px;
	font-size:11px;
	color:#FFFFFF;
}
#langBox a{
	float:left;
	width:50px;
	display:block;
	height:17px;
	padding-left:23px;
	padding-top:3px;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;		
	}
/*
#lang{
	background:url(../images/flags.jpg) top left no-repeat;
	width:296px;
	height:42px;
	display:block;
}		
#lang:hover{
	background:url(../images/flags.jpg) 0 -42px no-repeat;	
}

*/

#englang{
	background:url(../images/englang.jpg) top left no-repeat;
	}
#japlang{
	background:url(../images/japlang.jpg) top left no-repeat;
	margin-left:5px;
}	

#buttonBox{
	width:568px;
	height:86px;
	margin:0 auto;
}
/*
#buttons{
	background:url(../images/menu.jpg) top left no-repeat;
	width:568px;
	height:86px;
	display:block;
}


#buttons:hover{
	background:url(../images/menu.jpg) 0 -86px no-repeat;
}
*/
#topFeature{
	width:921px;
	height:75px;
	margin:0 auto;
}

#topFeature div{
	float:left;
	height:75px;
}
#marqueeBox{
	background:url(../images/marquee_eng.jpg) -2px top no-repeat;
	width:317px;
}

#mbox{
padding-left:37px;
width:250px;
}


#marqueeBox p{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#searchBox a{
	background:url(../images/searchbox_eng.jpg) top left no-repeat;
	width:343px;
	height:75px;
	display:block;
}

#searchBox a:hover{
	background:url(../images/searchbox_eng.jpg) 0 -75px no-repeat;
	}

#ad1Box{
	background:url(../images/ads1.jpg) top left no-repeat;
	width:261px;
	height:75px;
}

#ad1Box a{
	background:url(../images/ads1.jpg) top left no-repeat;
	width:261px;
	height:75px;
	display:block;
}

#ad1Box a:hover{
	background:url(../images/ads1.jpg) 0 -75px no-repeat;
	}
	
#leftPanel{
	float:left;
	width:660px;
}

#lBoxtop{
	background:url(../images/content_left_top.jpg) top left no-repeat;
	width:660px;
	height:20px;
	}
	
.lBoxBody{
	background:url(../images/content_left_body.jpg) top left repeat-y;
	width:660px;

}

.lBoxBottom{
	background:url(../images/content_left_bottom.jpg) top left no-repeat;
	width:660px;
	height:13px;
}

#lBox2Top{
	background:url(../images/content_left_top2.jpg) top left no-repeat;
	width:660px;
	height:12px;
	}

#memberBox{
	width:630px;
	margin:0 auto;
}	
#members{
	background:url(../images/members_eng.jpg) top left no-repeat;
	width:630px;
	height:244px;
	display:block;
}

#members:hover{
	background:url(../images/members_eng.jpg) 0% -244px no-repeat;
}
#rightPanel{
	float:right;
	width:261px;
}	

.featureHolder{
	width:633px;
	margin:0 auto;
	padding-top:8px;
}

#lbb_LeftBox{
	float:left;
	}
#gotoLuke{
	background:url(../images/linktosl_eng.jpg) top left no-repeat;
	width:345px;
	height:218px;
	display:block;
	
}


#shotFeature{
	background:url(../images/shotfeature_eng.jpg) top left no-repeat;
	width:283px;
	height:218px;
	display:block;
}	
#shotFeature:hover{
	background:url(../images/shotfeature_eng.jpg) 0 -218px no-repeat;
}

#lbb_RightBox{
	float:right;
}	

#rBoxTop{
	background:url(../images/content_right_top.jpg) top left no-repeat;
	width:261px;
	height:20px;
}

#rBoxBody{
	background:url(../images/content_right_body.jpg) top left repeat-y;
	width:261px;
}
	
#rBoxBottom{
	background:url(../images/content_right_bottom.jpg) top left no-repeat;
	width:261px;
	height:13px;
}

#loginHolder{
	width:235px;
	height:217px;
	margin:0 auto;
	padding-top:8px;	
}

#loginbox{
	background:url(../images/loginbox_eng.jpg) top left no-repeat;
	width:235px;
	height:217px;
	display:block
}

#loginbox:hover{
	background:url(../images/loginbox_eng.jpg) 0% -217px no-repeat;
}

#myHR{
	background:url(../images/lefthr.jpg) top left no-repeat;
	width:633px;
	height:17px;
	margin:0 auto;

}
#myHR2{
	background:url(../images/righthr.jpg) top left no-repeat;
	width:235px;
	height:17px;
	margin:0 auto;
}
#cPlayer{
	background:url(../images/players_eng.jpg) top left no-repeat;
	width:633px;
	height:219px;
	display:block;
}

#cPlayer:hover{
	background:url(../images/players_eng.jpg) 0% -220px no-repeat;
}

#stationHolder{
	width:235px;
	margin:0 auto;
	padding-top:8px;
}

#stationBoxTop{
	background:url(../images/radiostationH1.jpg) top left no-repeat;
	width:235px;
	height:31px;
}

#stationBoxBody{
	background:url(../images/stationboxbody.jpg) top left repeat-y;
	width:235px;
}
#stationBoxBottom{
	background:url(../images/stationboxbottom.jpg) top left no-repeat;
	width:235px;
	height:6px;
}
#stationList{
	width:222px;
	margin:0 auto;
}

.radioHolder{
	
}

.radioHolder{
	padding-top:8px;
}

.radioInfoBox{
	background:#313131;
	height:50px;
	}

.radiopic, .radioname{
	float:left;
}
.radiolink{
	float:right;
	padding:13px 8px 0 0;	
}

.radiopic{
	padding:6px 0 0 15px;
}

.radioname{
	padding:5px 0 0 8px;		
	width:155px;
	text-align:left;
	line-height:12px;
}

.radioname h1, .radioname p{
	font-family:Arial, Helvetica, sans-serif;
	} 


.radioname h1{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

.radioname p{
	padding-top:2px;
	font-size:10px;
	color:#9f9f9f;
	}

	#bumpLink, #rideonLink, #mchartLink, #ukbeatLink, #rockstLink, #blueroomLink, #jazzLInk, #styleLink, #loveLink{
		width:39px;
		height:39px;
		display:block;
	}
	#bumpLink{
		background:url(../images/bumpthumb.jpg) top left no-repeat;
		}

	#rideonLink{
		background:url(../images/rideonthumb.jpg) top left no-repeat;
	}

	#mchartLink	{
		background:url(../images/musicchartthumb.jpg) top left no-repeat;
		}
		
	#ukbeatLink{
		background:url(../images/ukbeatthumb.jpg) top left no-repeat;	
	}
	#rockstLink{
		background:url(../images/rs_01.jpg) top left no-repeat;
		}
	#blueroomLink{
		background:url(../images/br_01.jpg) top left no-repeat;
	}	
	
	#jazzLInk{
		background:url(../images/jit_01.jpg) top left no-repeat;
		}
	#styleLink{
		background:url(../images/stylethumb.jpg) top left no-repeat;
		}
	#loveLink{
		background:url(../images/lovethumb.jpg) top left no-repeat;
		}				
	#bumpLink:hover, #rideonLink:hover, #mchartLink:hover, #ukbeatLink:hover, #rockstLink:hover, #blueroomLink:hover, #jazzLInk:hover, #styleLink:hover, #loveLink:hover{
		background-position: 0% -39px;
	}



/* footer */
#footerTop{
	background:url(../images/footertop.jpg) top left no-repeat;
	height:25px;
	width:921px;

}

#footerBox{
	background:url(../images/footerBG.jpg) top left repeat-x;
	width:921px;

}
#footHolder li{
	float:left;
	padding:0 5px 0 0;

}

#footHolder li a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
}
#footHolder{
	text-align:left;
	padding-left:17px;
	padding-top:5px;
}

#copyHolder {
	padding-bottom:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#copyHolder p{
	color:#666;
}

#copyHolder a{
	color:#FFFFFF;
	text-decoration:none;
	}
#iconbox{
	float:right;
	width:125px;
}

/* footer */