body {
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #5E6062;
	color:#fff;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#wrapper {
	width:680px;
	margin: 0 auto;  /* margin's all to auto - centred - will not work with absolute position*/ 
	border: 0px solid white;
	position: relative; /* used to fix logo - object becomes related to the #wrapper */
}
#banner {
	width: 680px;
	border: 0px solid white;
	position: relative;
	margin: 0px auto;
	border-top-width: 0px;
	}
#banner img{
	width: 680px;
	height: 400px;
	padding-bottom:25px;
}
#logo{
	position: absolute;
	top: 320px;
	left: 10px;
	border: 0px;
	margin: 0px;	
}
#expanding{
	position: absolute;
	font-weight:bold;
	top: 370px;
	right: 0px;
	padding-right: 30px;
	font-size:	16px;
}
#home{
	position: absolute;
	width: 1200px;
	top: 115px;
	border: 0px solid white;
	margin: 0px auto;
}
#enter{
	position: fixed;
	margin: 0px auto;
	top:0px;
	z-index:1;
	}
/* default text styles */

h1, h2 {
	margin: 0;
	padding: 0;
	/* top right bottom left */
}
h1, h2, h3 {
	font-size: 16px;
	color: white;
}
h1 {
	padding: 10px 5px 10px 0px;
	border: 0px dashed gray;
}
h2 {
	
	padding:10px 5px 10px 0px;
	border: 0px dashed gray;
}
h3 {
	padding: 0px;
	margin: 0px;
 	border: 0px solid white;
}
/*
 img, div { 
 	behavior: url(iepngfix.htc); 
	}
*/	
.highlight {
	color: #ff9999;
	font-weight : bold
}

/* Navbar Rules*/

#navbar ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	}
#navbar li{
	display:inline;
}
#navbar a#news{
	position: absolute;
	top: 410px;
	left: 45px;
	z-index:3;
}
#navbar a#artists{
	position: absolute;
	top: 410px;
	left: 120px;
	z-index:3;
}
#navbar a#releases{
	position: absolute;
	top: 410px;
	left: 190px;
	z-index:3;
}
#navbar a#mailorder{
	position: absolute;
	top: 410px;
	left: 355px;
	z-index:3;
}
#navbar a#download{
	position: absolute;
	top: 410px;
	left: 270px;
	z-index:3;
}
#navbar a#video{
	position: absolute;
	top: 410px;
	left: 465px;
	z-index:3;
}
#navbar a#radio{
	position: absolute;
	top: 410px;
	left: 550px;
	z-index:3;
}
#navbar a#links{
	position: absolute;
	top: 410px;
	left: 640px;
	z-index:3;
}
#navbar a{ /* specifity 1 0 1 */
	color: #fff; 
}
#navbar a:hover{
	color: silver;
	text-decoration: none
}
#navbar #currentpage{ /* specifity 2 0 0 */
	color: black; 
}
/* Navbar Background Rules*/
#rainbow{
	position: absolute;
	top:400px;
	z-index:1;
}
/* content below the navbar */
#content {
	float:left;
	width: 680px;
	margin: 0 auto;
	border: solid #fff 0px;
	border-bottom-width: 0px;
	text-align:justify;
	padding-top:45px; /* used to set space between navbar and images and text below */
}
/* flashcontent embedded in video page */
div.fc {
	border-width: 1px;
	border-style: solid;
	border-color: #bf2126;
	width: 425px;
}
div.box{
	border: 0px dotted gray;	
	width: 620px;
	margin: 0px 10px 20px 15px;
	padding: 0px 10px 0px 15px;
	float: left;
}
div.box img{
	border: 0px dotted yellow;	
	float: left;
	width: 200px;
	height: 200px;
	padding: 0px 30px 25px 0px;
}
div.box ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.box li{
	margin: 0;
	padding: 0;
	display: block;
}
div.box a{ /* specifity 1 0 1 */
	color: #CCC;
}
div.box a:hover{
	color: #999;
	text-decoration: none
}
div.bigbox{
	border: 0px dotted gray;	
	width: 600px;
	margin: 0px 40px 40px 15px;
	padding: 0px 20px 0px 15px;
	min-height: 300px;
	text-align: center;
}
div.bigbox img{
	padding-bottom:40px;
}
div.bigbox a{ /* specifity 1 0 1 */
	color: #CCC;
}
div.bigboxtext{
	border: 0px dotted gray;
	width: 500px;
	margin: 0px 0px 0px 50px;
	padding: 0px;
}
div.boxtext{
	float:left;
	border: 0px dotted red;	
	width: 385px;
}
div.newsbox{
	border: 0px dotted gray;	
	width: 620px;
	margin: 0px 10px 20px 15px;
	padding: 20px 10px 0px 15px;
	float: left
	}
div.newsbox img{
	border: 0px dotted yellow;
	float: left;
	padding: 0px 0px 20px 0px;
}
div.newsbox a{ /* specifity 1 0 1 */
	color: #CCC;
	}
div.topbox{
	border: 0px dotted gray;	
	width: 620px;
	margin: 0px 10px 20px 15px;
	padding: 20px 10px 0px 15px;
	float: left
	}
div.topbox img{
	border: 0px dotted yellow;	
	float: left;
	width: 200px;
	height: 200px;
	padding: 0px 30px 25px 0px;
}
div.topbox a{ /* specifity 1 0 1 */
	color: #CCC;
}
div.topbox a:hover{
	color: #999;
	text-decoration: none
}
div.left {
	float: left;
	width: 200px;
	padding: 0px 30px 0px 40px; 
}
div.left img{
	padding: 0px 0px 250px 0px;
	width: 200px; /* used to set artwork sizes */
	height: 200px;	
	border: 0px solid white;
}
div.right {
	float: left;
	width: 390px; /* width must be reduced to allow for accumulated padding total */
	padding: 0px 0px 0px 10px;
}
div.title{
	height: 77px;
	max-height:77px;
	overflow:auto;
	width: 360px;
	padding: 0px 20px 0px 0px;
	margin: 25px 10px 0px 0px;
	border: 0px solid white;
}
div.title a{ /* specifity 1 0 1 */
	color: #CCC;
}
div.title a:hover{
	color: #999;
	text-decoration: none
}
div.title ul{
	list-style: none;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.title li{
	display: block;		
}
div.intro{ /* used for artist biogs and album reviews, text over scrolls as required. Can ammend height, but must also chnage #left img padding-below and #container margin-below */
	overflow: auto;
	height: 318px;
	width: 370px;
	padding: 0px 20px 0px 0px;
	margin: 10px 10px 76px 0px;
	border: 0px solid gray;	
}
div.intro p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
div.newstxt{ /* used when no text is required above corresponding image opposite */
	overflow: auto;
	height: 231px;
	max-height:231px;
	width: 360px;
	padding: 0px 20px 0px 0px;
	margin: 0px 10px 50px 0px;
	border: 0px solid white;
}
div.newstxt a{ /* specifity 1 0 1 */
	color: #CCC;
}
div.newstxt a:hover{
	color: #999;
	text-decoration: none
}
div.newsimg{
	height: 281px;
	max-height:281px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid white;
}

div.newsimg img{
	width: 200px;
	height: 200px;	
	border: 0px solid white;
}
div.container{
	overflow: auto;
	height: 231px;
	max-height:231px;
	width: 360px;
	padding: 0px 20px 0px 0px;
	margin: 25px 10px 250px 0px;
	border: 0px solid white;
}

div.container a{ /* specifity 1 0 1 */
	color: #CCC;
}
div.container a:hover{
	color: #999;
	text-decoration: none
}
div.container ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
div.container li{
	display: block;		
}
#buffer {
	height: 65px;
	max-height:65px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px solid white;
	
}
#notable {
	float: left;
	width: 450px;
	padding: 0px 25px 50px 50px; 
}

#footer p{
	border-top: solid 1px #fff;
	margin-top: 50px;
	padding-top: 25px;
	text-align: right;
	clear: both;
}

/* default link styles*/
/* pseudo classes for links MUST go in this order!!! */

a:link { /*pseudo class */
	color: white;
	text-decoration: none; /*removes underline*/
	}
a:visited {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: gray;
	text-decoration: none;
}
a:active {
	color: silver;
	text-decoration: none;
}