﻿html, body, form, div, h1, h2, h3 {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0 0 0 0;
	margin: 0;
}

html, body  {
	height: 100%; 
	min-width: 960px;
}


body {
	font-size:14px;
	font-family:Arial;
	text-align:left;
	color:#fff;
	background:#000 center top no-repeat; 
}


a {
	outline-style:none;
	outline-width:0;
	outline:none;
}


a:link {color: #f99d1c; text-decoration: none; }
a:visited {color: #f99d1c; text-decoration: none; }
a:hover {color: #f99d1c; text-decoration:none; border-bottom: 1px #fff solid }
a:active {color: #f99d1c; text-decoration: none; }

li a:hover, a:hover img { border: 0 }

h1 { font-size: 110px; color: #f99d1c; margin-top: -30px; margin-bottom: 30px }
h2 { font-size: 60px; color: #f99d1c; margin-top: -30px; margin-bottom: 24px }

.padstyle {
	padding:10px;
}

#container {
	width:960px; 
	position: relative;
	margin:0 auto;

}

#header {
	width:100%; 
	height:160px;  
	position: relative;
	background: url(../../images/header.png);
}

#header #getmusic { position:absolute; top:0px; right:0px; border: 0 }
#header #getmusic img { width: 268px; height: 112px; border: 0 }

#header #logo { position:absolute; top:0px; left:0px; border: 0 }
#header #logo img { width: 400px; height: 160px; border: 0 }

#menu {
	width:200px;
	position:relative;
	left:0;
}


#content {
	width:860px;
	padding:20px;
	min-height:400px;
	position:relative;

}

#footer {
	width:100%; 
	height:337px; 
	text-align:center;
	background: url(../../images/footer.gif) no-repeat top center;
	color: #000
}

#footer #sub { width: 960px; margin: 0 auto; position: relative }

#footer div.links { width: 314px; position: absolute; right: 100px; top: 70px }

#footer .footer_news { width: 400px; height: 200px; position: absolute; left: 80px; top: 60px; text-align: left; overflow: hidden; }

#buyitnow { width: 314px; height: 94px; background: url(../../images/buy_it_now.png) no-repeat; display: block; border: 0 }
#buyitnow:hover { background-position: left -94px }
#buyitnow img, #getyourmusic img, #myaccount img, #fiftyfoot img { width: 100%; height: 100%; border: 0 }

#getyourmusic { width: 314px; height: 60px; display: block; border: 0; }
#fiftyfoot {width: 150px; height: 30px; position: absolute; top: 268px; right: 25px;  }
#myaccount { width: 314px; height: 40px; display: block; border: 0; }

#edit_news { position: absolute; right: 0; top: 0; background-color: #000 }
#edit_news p { padding: 0; margin: 0 }
.menu {
	width: 540px;
	height: 40px;
	background: transparent url('../../images/menu.png') no-repeat;
	position: absolute;
	left: 410px;
	top: 132px;
	margin:0;
	z-index: 10;
}
.menu li {
	display: inline;
	
}
.menu li a:link, .menu li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.menu li div {
	z-index: 0;
	height:40px;
	position:absolute;
	overflow: hidden;
	top:0px;
}


	.menu #news a:link, .menu #news a:visited , .menu #news div{
		left: 0;
		width: 89px;
	}
	.menu #news a:hover, .menu #news a:focus, .menu #news div{
		background: url('../../images/menu.png') no-repeat left -40px;
	}
	.menu #news a:active, .menu #news div.click {
		background: url('../../images/menu.png') no-repeat left -80px;
	}
	.menu #news.active a:link, .menu #news.active a:visited {
		background: url('../../images/menu.png') no-repeat left -120px;
		cursor: default;
	}

	.menu #shows a:link, .menu #shows a:visited , .menu #shows div{
		left: 89px;
		width: 100px;
	}
	.menu #shows a:hover, .menu #shows a:focus, .menu #shows div{
		background: url('../../images/menu.png') no-repeat -89px -40px;
	}
	.menu #shows a:active, .menu #shows div.click {
		background: url('../../images/menu.png') no-repeat -89px -80px;
	}
	.menu #shows.active a:link, .menu #shows.active a:visited {
		background: url('../../images/menu.png') no-repeat -89px -120px;
		cursor: default;
	}

	.menu #downloads a:link, .menu #downloads a:visited , .menu #downloads div{
		left: 189px;
		width: 157px;
	}
	.menu #downloads a:hover, .menu #downloads a:focus, .menu #downloads div{
		background: url('../../images/menu.png') no-repeat -189px -40px;
	}
	.menu #downloads a:active, .menu #downloads div.click {
		background: url('../../images/menu.png') no-repeat -189px -80px;
	}
	.menu #downloads.active a:link, .menu #downloads.active a:visited {
		background: url('../../images/menu.png') no-repeat -189px -120px;
		cursor: default;
	}

	.menu #photos a:link, .menu #photos a:visited , .menu #photos div{
		left: 346px;
		width: 103px;
	}
	.menu #photos a:hover, .menu #photos a:focus, .menu #photos div{
		background: url('../../images/menu.png') no-repeat -346px -40px;
	}
	.menu #photos a:active, .menu #photos div.click {
		background: url('../../images/menu.png') no-repeat -346px -80px;
	}
	.menu #photos.active a:link, .menu #photos.active a:visited {
		background: url('../../images/menu.png') no-repeat -346px -120px;
		cursor: default;
	}

	.menu #video a:link, .menu #video a:visited , .menu #video div{
		left: 449px;
		width: 91px;
	}
	.menu #video a:hover, .menu #video a:focus, .menu #video div{
		background: url('../../images/menu.png') no-repeat -449px -40px;
	}
	.menu #video a:active, .menu #video div.click {
		background: url('../../images/menu.png') no-repeat -449px -80px;
	}
	.menu #video.active a:link, .menu #video.active a:visited {
		background: url('../../images/menu.png') no-repeat -449px -120px;
		cursor: default;
	}
	
	



.menu_front {
	width: 280px;
	height: 255px;
	background: transparent url('../../images/menu_front.png') no-repeat;
	position: absolute;
	left: 4px;
	top: 7px;
	margin:0;
	z-index: 10;
}
.menu_front li {
	display: block;
	
}
.menu_front li a:link, .menu_front li a:visited {
	position: absolute;
	top: 0;
	height: 51px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.menu_front li div {
	z-index: 0;
	height:51px;
	position:absolute;
	overflow: hidden;
	top:0px;
}


	.menu_front #news a:link, .menu_front #news a:visited , .menu_front #news div{
		left: 0;
		width: 190px;
	}
	.menu_front #news a:hover, .menu_front #news a:focus, .menu_front #news div{
		background: url('../../images/menu_front.png') no-repeat -340px top;
	}
	.menu_front #news a:active, .menu_front #news div.click {
		background: url('../../images/menu_front.png') no-repeat -680px top;
	}
	

	.menu_front #shows a:link, .menu_front #shows a:visited , .menu_front #shows div{
		left: 0;
		top: 51px;
		width: 220px;
	}
	.menu_front #shows a:hover, .menu_front #shows a:focus, .menu_front #shows div{
		background: url('../../images/menu_front.png') no-repeat -340px -51px;
	}
	.menu_front #shows a:active, .menu_front #shows div.click {
		background: url('../../images/menu_front.png') no-repeat -680px -51px;
	}


	.menu_front #downloads a:link, .menu_front #downloads a:visited , .menu_front #downloads div{
		left: 0;
		top: 102px;
		width: 320px;
	}
	.menu_front #downloads a:hover, .menu_front #downloads a:focus, .menu_front #downloads div{
		background: url('../../images/menu_front.png') no-repeat -340px -102px;
	}
	.menu_front #downloads a:active, .menu_front #downloads div.click {
		background: url('../../images/menu_front.png') no-repeat -680px -102px;
	}


	.menu_front #photos a:link, .menu_front #photos a:visited , .menu_front #photos div{
		left: 0;
		top: 153px;
		width: 230px;
	}
	.menu_front #photos a:hover, .menu_front #photos a:focus, .menu_front #photos div{
		background: url('../../images/menu_front.png') no-repeat -340px -153px;
	}
	.menu_front #photos a:active, .menu_front #photos div.click {
		background: url('../../images/menu_front.png') no-repeat -680px -153px;
	}


	.menu_front #video a:link, .menu_front #video a:visited , .menu_front #video div{
		left: 0;
		top: 204px;
		width: 190px;
	}
	.menu_front #video a:hover, .menu_front #video a:focus, .menu_front #video div{
		background: url('../../images/menu_front.png') no-repeat -340px -204px;
	}
	.menu_front #video a:active, .menu_front #video div.click {
		background: url('../../images/menu_front.png') no-repeat -680px -204px;
	}

	
	
	
	
	


#register {
	width: 340px; height:600px; 
	background:#000;
	position:relative;
}

.reg_field {
	position:absolute; right:15px;
}

.reg_field p {
	text-align: center;
	padding: 0;
	margin: 0 0 5px 0;
}
	
.reg_input {
	width:100%; height:26px; position: relative; background:transparent url('../../images/reg_input.gif') no-repeat scroll left top;
}

.reg_input .right {
	width:5px; height:26px; position:absolute; right:0; top:0; background:transparent url('../../images/reg_input.gif') no-repeat scroll right top
}


.reg_field p.toleft {
	text-align: left;
	margin-left:15px;
	margin-top: 3px
}

.reg_field p.tobelow {
	text-align: left;
	font-size: 11px;
}

.reg_input input, .reg_input select {
	 height:22px; 
	 margin:2px 0 0 5px;
	 border:0;
	text-align:center;
	font-size:18px;
	padding:0

}

#register #submit_button {
	width:314px; height:110px; position:absolute; top:500px; left:3px; background:#000 url('../../images/register_submit.gif') no-repeat scroll left top
}

#register #submit_button:hover {
	background:#000 url('../../images/register_submit.gif') no-repeat scroll left bottom;
}




		
		
.cust_checkbox{
	font-size:38px;
	cursor: pointer;
}
.cust_checkbox_on{
	background: url(../../images/customcheck/checkbox.gif) no-repeat 0 -86px;
}
.cust_checkbox_hvr{
	background:url(../../images/customcheck/checkbox.gif) no-repeat 0 -43px !important;
}

.cust_checkbox_off{
	background: url(../../images/customcheck/checkbox.gif) no-repeat 0 0;
}

.cust_checkbox_disabled_on{
	background:url(images/checkbox_disabled_on.png) no-repeat 0 0;
}
.cust_checkbox_disabled_off{
	background:url(images/disabled_off.png) no-repeat 0 0;
}

.group{
	color:#333;
}
fieldset{
		border:1px solid #ccc;	
}
fieldset label{
	color:#999;	
}

		
		
#account { width: 325px; position: relative; }


#account #submit_button { width:314px; height:110px; background:#000 url('../../images/register_submit.gif') no-repeat scroll left top; margin-left: 5px; margin-top: 10px  }

#account #submit_button:hover { background:#000 url('../../images/register_submit.gif') no-repeat scroll left bottom; }



#forgot { width: 325px; }

#forgot #submit_button { width:314px; height:110px; background:#000 url('../../images/forgot_submit.gif') no-repeat scroll left top; margin-left: 5px; margin-top: 10px  }

#forgot #submit_button:hover { background:#000 url('../../images/forgot_submit.gif') no-repeat scroll left bottom; }


#music_list ul li a { z-index: 100; color: #fff }
#music_list ul li a:hover { border-bottom: 1px #000 dashed; color: #f99d1c }
#music_list ul { list-style: none; font-size: 18px; margin: 32px 0 0 80px; padding: 0 }


#music_list2 { width: 360px; height: 470px; position: absolute; right: -80px; top: -52px; background: url(../../images/music_list2.png) no-repeat; display: none }
#music_list1 { width: 360px; height: 470px; position: absolute; right: -80px; top: -52px; background: url(../../images/music_list1.png) no-repeat; display: none; }

.album_titles { width: 434px; height: 178px; position: absolute; left: 501px; top: 278px; background: url(../../images/album_titles.png) no-repeat; z-index: 0; cursor: pointer }
.album_titles div#openeyed { width: 100%; height: 91px }
.album_titles div#brokenwide { width: 100%; height: 87px;  }

















.player { display: none }










#mask {
  position:absolute;
  left:0;
  top:0;
  width: 100%;
  height: 100%;
  z-index:100;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  background: url(../../images/songbg.png) no-repeat 0 0 transparent; 
  width:745px; 
  height:480px;
  padding: 92px 100px;
  color: #000;
  display:none;
  z-index:200;

}



#boxes div.padding { overflow-y: auto; overflow-x: hidden; height: 500px; }

#boxes a, #boxes img { border: 0; }
#boxes .song_next { position: absolute; right: 100px; bottom: 10px; z-index: 300 }
#boxes .song_previous { position: absolute; left: 40px; bottom: 10px; z-index: 300 }
#boxes .song_close { position: absolute; right: 90px; top: 10px; z-index: 300 }
#boxes img { cursor: pointer }
.edit_song { position: absolute; top: 0; right: 0 }

#photos_gal a, #photos_gal img { border: 0; }
#photos_gal img { margin-left: 50px; margin-top: 20px }

.song_title { position: absolute; top: 20px; width: 765px; text-align: center; }

