/* ----- main body ----- */ 
body {
background: #000000 url("images/HRbg.jpg") no-repeat 50% 0;
background-attachment: scroll;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#heavy_rotation {
position: absolute;
width: 850px;
left: 50%;
background: #ffffff;
margin-top: 247px;
margin-left: -425px;
}

#heavy_rotation_show {
height: 120px;
background:#FFFFFF;
}

#header { /* background image block */
display: block;
width: 850px;
height: 120px;
background: url("images/hrheader.jpg"); background-repeat: no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_logo { /* Listen Link */
float: left;
position:absolute;
width : 174px;
height: 120px;
margin-left: 0px;
margin-top: 0px;
}
#hr_banner_ad { /* Download Link */
float: left;
position:absolute;
width : 645px;
height: 85px;
margin-left: 185px;
margin-top: 0px;
}

#heavy_rotation_flash {
height: 250px;
background:#000000;
margin-top: -5px;
}

#heavy_rotation_marquee {
display: block;
width: 850px;
height: 18px;
background: #ffd200;
font: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin-top: 0px;
margin-left: 0px;
}


#heavy_rotation_promo {
height: 255px;
background: url("images/hrheaderpromo.jpg"); background-repeat: no-repeat;
margin-top: -5px;
}

#heavy_rotation_promo_left_box { /* background image block */
height: 255px;
margin-top: 0px;
}

#heavy_rotation_promo_left { /* background image block */
display: block;
width: 245px;
height: 255px;
background: url("images/hr_left_ad.jpg"); background-repeat: no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#heavy_rotation_promo_left a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_left_promo { /* Listen Link */
float: left;
position:absolute;
width : 245px;
height: 88px;
margin-left: 0px;
margin-top: 0px;
}
#hr_left_promo2 { /* Download Link */
float: left;
position:absolute;
width : 245px;
height: 79px;
margin-left: 0px;
margin-top: 88px;
}
#hr_left_promo3 { /* Subscribe Link */
float: left;
position:absolute;
width : 245px;
height: 88px;
margin-left: 0px;
margin-top: 167px;
}



#heavy_rotation_promo_right {
width: 545px;
height: 255px;
background: #000000 url("images/hr_right_promo.jpg"); background-repeat: no-repeat;
margin-top: 0px;
}

#hr_quick_link { /* background image block */
display: block;
width: 245px;
height: 90px;
background: url("images/quicklink1.jpg"); background-repeat: no-repeat;
margin-top: 20px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_quick_link1 { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 245px;
height: 90px;
margin-left: 0px;
margin-top: 15px;
text-decoration:none;
}

#hr_quick_link_2 { /* background image block */
display: block;
width: 245px;
height: 90px;
background: url("images/quicklink2.jpg"); background-repeat: no-repeat;
margin-top: 10px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_quick_link2 { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 145px;
height: 90px;
margin-left: 100px;
margin-top: 15px;
text-decoration:none;
}

#hr_quick_link_3 { /* background image block */
display: block;
width: 245px;
height: 90px;
background: url("images/quicklink3.jpg"); background-repeat: no-repeat;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_quick_twitter { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 26px;
height: 26px;
margin-left: 9px;
margin-top: 52px;
text-decoration:none;
}
#hr_quick_facebook { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 26px;
height: 26px;
margin-left: 42px;
margin-top: 52px;
text-decoration:none;
}
#hr_quick_myspace { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 26px;
height: 26px;
margin-left: 76px;
margin-top: 52px;
text-decoration:none;
}
#hr_quick_friendster { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 26px;
height: 26px;
margin-left: 109px;
margin-top: 52px;
text-decoration:none;
}
#hr_quick_youtube { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 26px;
height: 26px;
margin-left: 142px;
margin-top: 52px;
text-decoration:none;
}
#hr_quick_vimeo { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 26px;
height: 26px;
margin-left: 175px;
margin-top: 52px;
text-decoration:none;
}
#hr_quick_imeem { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 26px;
height: 26px;
margin-left: 208px;
margin-top: 52px;
text-decoration:none;
}



#hr_quick_link_4 { /* background image block */
display: block;
width: 245px;
height: 90px;
background: url("images/quicklink4.jpg"); background-repeat: no-repeat;
margin-top: 10px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_quick_link4 { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 145px;
height: 90px;
margin-left: 100px;
margin-top: 15px;
text-decoration:none;
}

#hr_quick_link_5{ /* background image block */
display: block;
width: 245px;
height: 90px;
background: url("images/quicklink5.jpg"); background-repeat: no-repeat;
margin-top: 10px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_quick_link5 { /* Listen Link */
float: left;
position:absolute;
font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
width : 145px;
height: 90px;
margin-left: 100px;
margin-top: 15px;
text-decoration:none;
}

#filipino_music {
height: 40px;
background: #ffffff;
margin-top: 0px;
}

#main_nav {
height: 40px;
background: #ffffff url("images/hrnav.jpg"); background-repeat: no-repeat;
margin-top: 0px;
width: 850px;
align: center;
}

#menu2 {
  display: table;
  padding: 0; 
  margin: 0 auto;
  list-style-type: none;
  white-space: nowrap;
  }
#menu2 li {
  display: table-cell;
  float: left;
  }
#menu2 a {
  width: auto;
  display: block;
  padding: 11px 6px;
  font: 14px/17px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration:none;
  float:left;
  }
#menu2 a:hover {
  background: #ffffff url("images/hrnavover.jpg"); background-repeat: repeat;
  }

.container {clear: both; text-decoration: none;}
* html .container {display: inline-block;}

#spacer {
min-height: 425px;
}

#filipino_hip_hop_rnb {
background-color:#FFFFFF;
background: url(""); background-repeat: no-repeat;
margin-left: 265px;
margin-right: 0px;
padding: 20px 20px 10px 20px;
min-height: 800px;
}

#filipino_hip_hop_rnb_2 {
background-color:#FFFFFF;
background: url(""); background-repeat: no-repeat;
padding: 20px 20px 10px 20px;
width: 100%;
}

#filipino_hip_hop_rnb_text {
background-color:#FFFFFF;
padding: 22px 20px 10px 30px;
}

#filipino_hip_hop_rnb_text h1 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}


.text {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #5B604C;
	margin-bottom: 10px;
}

.text2 {
	font: 10px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-left:10px;
	margin-bottom: 10px;
}

#artist_of_the_month {
width: 90px;
height: 120px;
align: left;
background: url("images/amkidd.jpg") no-repeat;
}

#hr_contest { /* background image block */
display: block;
width: 350px;
height: 175px;
background: url("images/contest1.jpg"); background-repeat: no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_contest_1 { /* Listen Link */
float: left;
position:absolute;
width : 350px;
height: 175px;
margin-left: 0px;
margin-top: 0px;
text-decoration:none;
}

#hr_contest2 { /* background image block */
display: block;
width: 350px;
height: 175px;
background: url("images/contest2.jpg"); background-repeat: no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#header a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_contest_2 { /* Listen Link */
float: left;
position:absolute;
width : 350px;
height: 175px;
margin-left: 0px;
margin-top: 0px;
text-decoration:none;
}

#flyerfront {
width: 475px;
height: 618px;
background: url("images/immatic_121809_web.jpg") no-repeat;
}
#flyerback {
width: 475px;
height: 205px;
background: url("images/701Bck.jpg") no-repeat;
}

#hr_product {
width: 505px;
height: 250px;
background: url("images/products/hrpi.jpg"); background-repeat: no-repeat;
}

#hr_product3 {
width: 505px;
height: 250px;
background: url("images/products/hra.jpg"); background-repeat: no-repeat;
}

#hr_product5 {
width: 475px;
height: 475px;
background: url("images/products/djmarlinomixcd.jpg"); background-repeat: no-repeat;
}

#hr_product6 {
width: 475px;
height: 475px;
background: url("images/products/rock4reliefcover_web.jpg"); background-repeat: no-repeat;
}

#hr_product7 {
width: 475px;
height: 104px;
background: url("images/products/cayman.jpg"); background-repeat: no-repeat;
}

#hr_product2 {
width: 460px;
height: 228px;
background: url("images/products/hrpi2.jpg"); background-repeat: no-repeat;
}

#hr_product4 {
width: 460px;
height: 228px;
background: url("images/products/hra2.jpg"); background-repeat: no-repeat;
}

#hr_payment {
width: 225px;
height: 80px;
background: url("images/payment.jpg"); background-repeat: no-repeat;
}


#video {
width: 466px;
height: 392px;
margin-left: 4px;
}

#hr_ads { /* background image block */
display: block;
width: 850px;
height: 115px;
background: url("images/hrads.jpg") no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#hr_ads a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_ad1 { /* Home Link */
float: left;
position:absolute;
width : 212px;
height: 115px;
margin-left: 0px;
margin-top: 0px;
}
#hr_ad2 { /* About Us Link */
float: left;
position:absolute;
width : 212px;
height: 115px;
margin-left: 212px;
margin-top: 0px;
}
#hr_ad3 { /* Current Show Link */
float: left;
position:absolute;
width : 212px;
height: 115px;
margin-left: 424px;
margin-top: 0px;
}
#hr_ad4 { /* Download Link */
float: left;
position:absolute;
width : 212px;
height: 115px;
margin-left: 636px;
margin-top: 0px;
}


#listen { /* background image block */
display: block;
width: 447px;
height: 61px;
background: url("images/listennow.jpg") no-repeat;
margin-top: 0px;
margin-left: 20px;
}
#listen a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#listen_now { /* Listen Link */
float: left;
position:absolute;
width : 150px;
height: 61px;
margin-left: 0px;
margin-top: 5px;
}
#download { /* Download Link */
float: left;
position:absolute;
width : 147px;
height: 61px;
margin-left: 150px;
margin-top: 5px;
}
#subscribe { /* Subscribe Link */
float: left;
position:absolute;
width : 150px;
height: 61px;
margin-left: 297px;
margin-top: 5px;
}

#heavyrotation_itunes { /* background image block */
display: list;
width: 148px;
height: 179px;
background: url("images/itunes.jpg") no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#heavyrotation_itunes a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#hr_itunes { /* Ad1 Link */
float: left;
position:absolute;
width : 148px;
height: 179px;
margin-left: 0px;
margin-top: 0px;
}

#download_archive { /* background image block */
display: block;
width: 153px;
height: 61px;
background: url("images/downloadbutton.jpg") no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#download_archive a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#download_button { /*download Link */
float: left;
position:absolute;
width : 153px;
height: 61px;
margin-left: 0px;
margin-top: 5px;
}

#icon { /* background image block */
display: block;
width: 247px;
height: 58px;
background: url("images/HR-icons.jpg"); background-repeat: no-repeat;
margin-top: 0px;
margin-left: 0px;
}
#icon a {
text-decoration:none;
}
.hide {
visibility:hidden;
}
#icon_preview { /* Listen Link */
float: left;
position:absolute;
width : 247px;
height: 58px;
margin-left: 0px;
margin-top: 0px;
}

ul.disc {
	list-style-type: disc;
	color: #5B604C;
}

ul.decimal {
 list-style-type: decimal;
 color: #5B604C
}

#dj_marlino {
	position: absolute;
	left:0;
	width: 265px;
	height: auto;
	background: url(""); background-repeat: no-repeat;
	padding: 20px 20px 10px 20px;
}


#dj_marlino_text {
	position: absolute;
	left:0;
	width: 265px;
	height: auto;
	background: url("") no-repeat;
	padding: 22px 20px 10px 40px;
}
#dj_marlino_text h2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#dj_marlino_2 {
	position: absolute;
	left:0;
	width: 800px;
	height: auto;
	background: url(""); background-repeat: no-repeat;
	padding: 20px 20px 10px 20px;
}


#dj_marlino_2_text {
	position: absolute;
	left:0;
	width: 800px;
	height: auto;
	background: url("") no-repeat;
	padding: 22px 20px 10px 20px;
}
#dj_marlino_2_text h2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

.imageright {
	float: right;
	padding: 7px;
	margin-left: 10px;
	background-color: #ffffff;
	border: 1px solid #bac1a3;
}

#h3 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}

#stereohype_mix {
	height: 60px;
	background: #464646 url("images/hrfooter.jpg") no-repeat;
	padding: 20px 0 0 0;
}

.filipino_live_music {
	font: 10px/17px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0px;
	font-size:10px;
	padding-top: 0px;
}

.filipino_live_music li {
float:left;
margin-right:0px;
padding:0 0 0 10px;
text-decoration: none;
color: #ffff00;
}

.filipino_live_music a {
margin: 0 0;
color: #ffff00;
text-decoration: none;
float:left;
display:block;
text-decoration: none;
}

.filipino_live_music a:hover {
text-decoration: underline;
color:#333333;
}

.filipino_live_music a#current {
text-decoration: none;
color:#333333;
}

.filipinos_in_hip_hop {
list-style-image: url("images/arrow.jpg");
margin: 0;
padding: 0 0 0 22px;
}


.filipinos_in_hip_hop li {
margin-bottom: 5px;
}

.filipinos_in_hip_hop a {
margin: 0 2px;
color: #000000;
text-decoration: none;
}

.filipinos_in_hip_hop a:hover {
text-decoration: none;
}

.the_crossover {
list-style-type: none;
margin: 0;
padding:0;
}

.the_crossover li {
margin-bottom: 5px;
}

.the_crossover a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.the_crossover a:hover {
text-decoration: none;
}

p {margin: 0 0 10px 0;}


/* ----- contact form starts here ----- */ 
fieldset {
	border: none;
}

form {
	width:150px;
	padding:10px 0 15px 0;
	font-size:10px; 
	border: none;
	}

form label	{
    font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #5B604C;
	margin-bottom: 10px;
	}

form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  

input, textarea, select { 
	background-color:#fff; 
	border:1px solid #c9cac1;
	color:#000;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px;
	}
	
select { 
	width:150px; /* same width as form !important */
	padding:0;
	}

textarea { 
	height:90px; 
	overflow:auto; 
	}
	
input.submit, input.submit-contact-main { 
	width:54px; 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 242px; }

input.submit-image { 
	background:url("images/submit.jpg"); background-repeat: no-repeat; /* link to image and adjust size */
	width:54px;
	height:27px;
	border:none;
	cursor:pointer;
	margin:85px 0 0 242px;
	}

input.donation-image { 
	background:url("images/btn_donate_SM.gif"); background-repeat: no-repeat; /* link to image and adjust size */
	width:74px;
	height:21px;
	border:none;
	cursor:pointer;
	margin:10px 0 0 0;
	}


input.submit2 { 
	width:96px; 
	height:21px;
	cursor:pointer; 
	padding:0; 
	}

input.addtocart-image { 
	width:96px;
	height:21px;
	border:none;
	cursor:pointer;
	}


/* ----- main contact form ----- */ 
 
#contact-main { 
	padding:5px 0 10px 0; 
	}
	
#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:left; 
	margin-bottom:10px;
	font-size:1.1em;
	padding:0 0 0 20px}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:200px;
	position:absolute; 
	left:100%; 
	top:-2px;
	}
	
#contact-main label select {
	width:205px;
	}
	
#contact-main label textarea { height:100px; }