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


body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-image:url(images/top_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#191919;
	color:#CCCCCC;
}


#wrap {
    width: 800px;
    margin: 0px auto 0px auto; /* top, right, bottom, left */
}
.cl{
clear:both;
}

#header{
	margin-bottom:20px;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#FFFFFF;
}

/* ///////////// nav links ///////////////// */


ul.navall{
	list-style-type:none;
	
	
}

#nav {
	margin-top:100px;
	margin-left:-43px;
}

.navall li a{
text-indent:-9999em;
display:block;
height:30px;

}

li.home a{
	width:63px;
	background-image:url(images/menu_01.png);
	position:0 0px;
	background-repeat:no-repeat;
	float:left;
	
}
li.releases a{
	width:90px;
	background-image:url(images/menu_02.png);
	position:0 0px;
	float:left;
}
li.artists a{
	width:73px;
	background-image:url(images/menu_03.png);
	position:0 0px;
	float:left;
}
li.downloads a{
	width:117px;
	background-image:url(images/menu_04.png);
	position:0 0px;
	float:left;
}
li.shop a{
	width:60px;
	background-image:url(images/menu_05.png);
	position:0 0px;
	float:left;
}
li.contact a{
	width:91px;
	background-image:url(images/menu_06.png);
	position:0 0px;
	float:left;
}

li.home a:hover{
	width:63px;
	background-image:url(images/menu_01.png);
	background-position:0 -30px;
	float:left;
	
	background-repeat:no-repeat;
	
}
li.releases a:hover{
	width:90px;
	background-position:0 -30px;
	background-image:url(images/menu_02.png);
	position:0 0px;
	float:left;
}
li.artists a:hover{
	width:73px;
	background-position:0 -30px;
	background-image:url(images/menu_03.png);
	position:0 0px;
	float:left;
}
li.downloads a:hover{
	width:117px;
	background-position:0 -30px;
	background-image:url(images/menu_04.png);
	position:0 0px;
	float:left;
}
li.shop a:hover{
	width:60px;
	background-position:0 -30px;
	background-image:url(images/menu_05.png);
	position:0 0px;
	float:left;
}
li.contact a:hover{
	width:91px;
	background-position:0 -30px;
	background-image:url(images/menu_06.png);
	position:0 0px;
	float:left;
}


/* ///////// contnet /////////////// */

#content{
	margin-left:10px;
	margin-bottom:20px;
}

#left_column{
	width:400px;
	float:left;
}
#right_column{
	width:250px;
	float:left;
	margin-left:100px;
}
#release{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
#artists {

	width:700px;
}
a{
	text-decoration:none;
	color:#00CCFF;
}
a:hover{
	text-decoration:underline;
	color:#00ccff;
}
