body,
html {
    margin:0;
    padding:0;
    }

body{
	font-size: 100%;
	background-image: url("images/circles.png");
	background-attachment: fixed;
	background-color: #FFFFFF;
}

img {border-style: none;}

a:link{
	color:#666666;
	text-decoration: none;
	background: #FFFFFF;
}

a:visited{
	color:#666666;
	text-decoration: none;
	background: #FFFFFF;
}


a:hover{
	color:#FFFFFF;
	text-decoration: none;
	/*border-bottom: 1px dotted;*/
	background: #FDA072;
}
	
#main{
	/*font: 100 12px/14px Lucidia Grande, Verdana, Arial, Helvetica;*/
	font: normal 12px/14px Arial, sans-serif;
	color:#000000;
	/*background-image: url("images/transparent.png");*/
	width: 798px;
	width:100%;
	/*height:100%;*/
	/*position: relative;*/
	margin:0 auto 20px auto;
	/*border:1px solid #FFFFFF;*/
	z-index:2;
	/*overflow:auto;*/
}

#header{
	padding: 0;
	/*margin:10px 10px 0 10px;*/
	width:100%;
	margin:0 auto;
	height:125px;
	background:white;
}

#header div{
	padding: 0;
	margin:0 auto;
	width: 758px;
	height:125px;
}

#content {
	/*height: 100%;*/
	overflow:auto;
	width:758px;
	
	background-color: #ffffff;
	margin:0 10px 10px 10px;
	/*border: 1px solid #ededed;*/
	margin:0 auto;
	margin-bottom:10px;
	padding:10px 5px;
	z-index:20;
}

.navholder {
	margin: 0 auto;
	width: 100%;
	background: #CBE2D9;
}

.nav {
	
	height:30px;
	width:758px;
	margin: 0 auto;
	border:none;
	position: relative;
	padding:10px;
	padding-right:20px;
	z-index:100;

}

/* begin drop down nav styles */

.nav ul {
	/*float:right;*/
	float:left;
}

.nav table {position:absolute; top:0; left:0;}


.nav ul ul{
	visibility:hidden;
	position:absolute;
}

.nav ul li:hover ul,.nav ul a:hover ul{
	visibility:visible; 
}

.nav ul, .nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

.nav li {
	padding-right: 10px;
	font-weight:900;
	color:#ffffff;
	/*background-color:#ededed;*/
}

/* hide from IE mac \*/
.nav a:link, .nav a:visited {
	float: left;
	margin: 0;
	margin-top:2px;
	text-decoration: none;
	background-color: none;
	/*padding:2px 4px;*/
	padding:0;
	display:block;
	height: 32px;
}
/* end hack*/

.nav a:link.current, .nav a:visited.current, .nav a:hover{
	background: transparent;
	color: #000;
}

.nav a:hover {
	color: #000;
	background-color:#fff;
}

.nav li ul {display: none;}


.nav li a, .nav li a:visited {
	display:block;
	text-decoration:none;
	color:#fff;
	text-align:left;
	overflow:hidden;
}

.nav li a:visited:hover{
	display:block;
	text-decoration:none;
	color:#000;
	text-align:left;
	overflow:hidden;
}

.nav li ul li a, .nav li ul li a:visited {
	text-align:left;
	line-height:13px;
	font-size:95%;
	color:#000;
	font-weight: normal;
}

.nav li {float:left; position:relative;}


/* hide from IE mac \*/

.nav li:hover ul {
	display:block;
	position:absolute;
	top:28px;
	left:0;
	width:118px; 
	background-color:#efefef;
	border-left:1px solid #CBE2D9;
}

.nav ul li:hover ul li {
	padding:0;
	margin:0;
}

.nav li:hover ul li a {
	border-bottom: 1px dotted #ddd;
	width: 118px;
	padding:0;
	padding:4px 0 4px 4px;
	height:100%;
	display:block;
	background-color:#efefef;
	margin:0;
}
/* end hack */

.nav li:hover ul li a:hover {background:#FFF; color:#000;}



/* end drop down nav styles */

.nav ul li form {
	clear:both;
	margin: 0;
	text-decoration: none;
	background-color: none;
	padding:0;
	padding-top:2px;
	display:block;
}


/************************************/

#quicklinks {
	position:absolute;
	top:0;
	right:10px;
	width:200px;
	border:1px solid #CBE2D9;
	padding:10px 20px;
	margin-top:10px;
	margin-bottom:10px;
	background: transparent url(images/slash-ltaqua.gif) top left repeat;
}

#quicklinks a, #quicklinks a:visited{
	text-decoration:underline;
	background:transparent;
}

#quicklinks a:hover{
	text-decoration:none;
	background:orange;
}


#quicklinks img{
	border: 1px solid #ededed;
	margin-right:5px;
	margin-top:0;
}

#quicklinks div{
	margin:10px 0;
	display:block;
	font-weight:bold;
}

#quicklinks img{
	display: block;
	float:left;
	padding-right:5px;
}

#quicklinks div form  {
	padding:1px 5px;
	display:inline;
	font-size:9px;
	margin-left:10px;
	font-weight:bold;
}

#bands {
	float:right;
	width:305px;
	margin-right:20px;
	margin-top:17px;
	top:50px;
}

#artists {
	float:right;
	width:90%;
	margin-right:20px;
	margin-top:17px;
	top:50px;
}

#btitle{
	/*background: transparent url(images/slash-dkaqua.gif) top left repeat;*/
	background-color:#CBE2D9;
	padding:10px 0;
	text-align:center;
	/*color: #CBE2D9;*/
	color:white;
	font-weight:bold;
	width:304px;
	font-size:2em;
}

.artistbox {
	margin:0;
	width:132px;
	padding:10px;
	float: left;
	z-index:30;
	text-align:center;
	background-color: #CBE2D9;
}

.ph {
	margin:0;
	width:132px;
	padding:3px 10px 0 10px;
	float: left;
	z-index:30;
	text-align:center;
	background-color: #CBE2D9;
}


.featured {
	margin:0;
	width:264px;
	padding:20px;
	float: left;
}

.featured h1{
	color: white;
	font-weight:990;
}

.featured p a {
	text-transform: none;
}

.artistbox img {
	margin: 0 auto;
	border: 1px solid #dedede;
}

.artistbox:hover {
	background-color: orange;
}

.ph img {
	margin: 0 auto;
	border: none;
}

.artistbox a, .artistbox a:hover   {
	background-color: transparent;
}

.artistbox a {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 95%;
	text-align: center;
}

.artistbox a:hover {
	color: #FFFFFF;
}

.artistbox p {
	margin-top:5px;
	margin-bottom:0;
}

.artistbox p a:hover  {
	background-color: orange;
	color: #FFFFFF;
}

.artistmain {
	margin:10px;
	padding:10px;
	display: block;
	position: relative;
	float: left;
	z-index:30;
}

.artistname{
	font-size:2em;
	color:#ff9900;
	font-weight:bold;
	margin-left:20px;
	display:inline;
	background: transparent url(images/slash-dkaqua.gif) top left repeat;
	padding:0 5px;
}

.artistmain p{
	text-align:left;
	font-size:95%;
	line-height:1.5em;
}

.artistmain img{
	border:10px solid #000;
	margin-bottom:-5px;
	}

.artistmain h2{
	font-size:1.5em;
	color:#ffffff;
	font-weight:bold;
	margin-left:0;
	margin-bottom:0px;
	padding: 10px 0 10px 10px;
	background-color: #CBE2D9;
}

.artistmain h2 img{
	border: none;
	padding: 0px 0px 0px 5px;
}

.album {
	/*margin:20px 0px 0px 20px;*/
	margin:0;
	margin-bottom:15px;
	/*width:500px;*/
	width:675px;
	padding:20px;
	display: block;
	position: relative;
	float: left;
	border: 1px solid #dddddd;
	z-index:50;	
}

.album div {
	/*float:left;*/
}

.album img {
	border:1px solid #dedede;
}

.album form{
	margin-left:-12px;
}

.first {
	border-top:0;
}

.title{
	/*color:#1371FE;*/
	color:#B3B2B2;
	font-size: 1.3em;
	font-weight: bold;
	/*display: block;*/
	text-align: left:
	width: 350px;
	position: absolute;
	left: 153px;
	top: 0;
	/*height: 150px;*/
	line-height: 24px;
}

.title h3 {
	margin:5px 0;
	margin-left:-10px;
}

.title h3.aname{
	color:#000000;
	margin-top:20px;
}

.contactform {
	margin-left:30px;
	width:700px;
	/*float: left;*/
}

.formimg {
	background: transparent url(images/slash-ltaqua.gif) top left repeat;
	padding:20px;
}
.formimg img{
	border: 1px solid orange;
	margin-left:60px;
}

#contactFormArea {
	float: left;
	display: inline;
	padding:20px;
}


#welcome {
	margin: 0px 20px 20px 20px;
	float:left;
	width:390px;
	line-height:2em;
	/*position: relative;*/
}

#welcome h1{
	background: transparent url(images/slash-dkaqua.gif) top left repeat;
	padding:7px 0 10px 10px;
}

#welcome a {
	background: orange;
	color:white;
	padding:0 3px;
	font-weight:bold;
}

#welcome a:hover {
	background: #999999;
	color:white;
}

#privacy {
	margin:0 auto;
	width:85%;
}

.backtotop {
	float:right;
	font-size: 1em;
	font-weight: bold;
}
.backtotop a{
	text-decoration: underline;
}