html{
z-index: 10px;
background: #1e1917 url(/images/bg.jpg) center top;
}

body {
font: 14px/17px Helvetica, sans-serif;
color: #88807b;
background: url(/images/htmlBg.png) no-repeat center top;
	
}

a img {
	border: none;
}

a, a:link {
    color: #a09995;
	text-decoration: underline;
	outline: 0;
	border: 0;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active, a:focus {
	text-decoration: none;
	outline: 0;
}

h2 a{
color:#0092cf;
text-decoration: none; 
}

h3 {
	font-size: 16px;
	color: #333;
}

h4 {
	font-size: 14px;
	color: #333;
}

.f-left {
	float: left;
	margin-right: 15px;
}

.f-right {
	float: right;
	margin: 0 0 15px 15px;
}

#header {
display:none;
}

#container {
	width: 995px;
	margin: 0 auto;
    min-height: 750px;
	padding-bottom: 80px;
	overflow: hidden;
	background: url(/images/sidebar-bg.png) repeat-y;
}

#sidebar {
	float: left;
	width: 258px;
	position: absolute;
	top: 0;
}

#logo {
	height: 157px;
	background: #1e1917;
	padding-top: 18px;
}

#logo a {
	display: block;
	text-indent: -9999px;
	width: 258px;
	height: 97px;
	background: url(/images/logo.gif);
}

#main-content {
	width: 695px;
	margin: 120px 17px 0 0;
	float: right;
	position: relative;
}

#nav {
	margin: 25px 0 0 22px;
}

#nav-dec {
	position: absolute;
	top: 186px;
	left: -99px;
	z-index: 10;
}

#navigation {
	width: 208px;
	position: relative;
	z-index: 20;
}

#nav li {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#nav li, #nav a {
	display: block;
	text-indent: -9999px;
}

#nav li ul {
position:relative;
	margin: 0px 0 40px 0px;
}

#nav li ul ul {
	margin-top: 0px;
}

#nav li li {
	margin: 0 0 10px 0;
}

#nav li li a {
	background-color: none !important;
	background-image: none !important;
	display: block;
	width: 258px;
	height: 18px;
	font-size: 16px;
	color: #88807b;
	position: relative;
	left: -22px;
	text-indent: 22px;
	text-decoration: none;
	font-weight: bold;
	padding-top: 2px;
}

#nav li li a:hover, #nav li li a.sub-current {
	background-color: #d9d5a3 !important;
	color: #1e1917 !important;
}

#nav li li ul {
	margin: 5px 0;
}

#nav li li li a {
	font-weight: normal;
	text-indent: 32px;
}

#nav-home, #nav-home_active, #nav-artists, #nav-artists_active, #nav-about, #nav-about_active,
#nav-links, #nav-links_active, #nav-news, #nav-news_active, #nav-contact, #nav-contact_active{
width: 257px;
height: 73px;
position:relative;
margin-top: -20px;
z-index: 10;
background: url(/images/nav.png) no-repeat 0 0;
}
#nav-home a, #nav-home_active a{top:18px;}
#nav-home:hover{background-position: -257px 0;}
#nav-home_active{background-position: -514px 0;left:-42px;margin-top: -20px;z-index: 1;}

#nav-artists a, #nav-artists_active a{top:14px;}
#nav-artists{background-position: 0 -83px;margin-top: -38px;}
#nav-artists:hover{background-position: -257px -83px;}
#nav-artists_active{background-position: -514px -83px;left:-42px;margin-top: -40px;z-index: 1;}

#nav-news a, #nav-news_active a{top:17px;}
#nav-news{background-position: 0 -332px;margin-top:-32px;}
#nav-news:hover{background-position: -257px -332px;}
#nav-news_active{background-position: -514px -320px;left:-42px;margin-top:-45px;margin-bottom: 20px;z-index: 1;}

#nav-about a, #nav-about_active a{top:12px;}
#nav-about{background-position: 0 -166px;margin-top:-45px;}
#nav-about:hover{background-position: -257px -166px;}
#nav-about_active{background-position: -514px -166px;left:-42px;margin-top: -47px;z-index: 1;}

#nav-links a{top:9px;}
#nav-links_active a{top:18px;}
#nav-links{background-position: 0 -249px;margin-top:-35px;}
#nav-links:hover{background-position: -257px -249px;}
#nav-links_active{background-position: -514px -240px;left:-42px;margin-top:-50px;margin-bottom:15px;z-index:1;}

#nav-contact a{top:3px;}
#nav-contact_active a{top:18px;}
#nav-contact{background-position: 0 -415px;margin-top:-32px;}
#nav-contact:hover{background-position: -257px -415px;}
#nav-contact_active{background-position: -514px -400px;left:-42px;margin-top:-50px;z-index:1;}

#sidebar h4{
height: 10px;
margin: 20px 0 11px 21px;
text-indent: -9999em;
background: url(/images/titleTracks.png) no-repeat 0 0;
}
#audioPlayer{
margin: 0 0 0 21px;
background: transparent;
}

#main-slider{
width: 696px;
height: 420px;
overflow: hidden;
}

.slider-closed {
	height: 29px;
	overflow: hidden;
}

.slider-open .slide-content {
	height: 420px;
}

.slider-closed .slide-content {
	height: 29px;
}

.slide-img {
	width: 258px;
	float: left;
}

.slide-content {
	line-height: 11px;
	background: #1e1917;
	width: 381px;
	padding: 0 20px;
	float: left;
	margin-left: 16px;
	position: relative;
}

#slide-buttons {
	position: absolute;
	top: 5px;
	left: 645px;
        z-index: 99;
}

#slide-up, #slide-down {
	display: block;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}

#slide-up {
	background: url(/images/up-arrow.gif) no-repeat;
	margin-bottom: 320px;
}

#slide-down {
	background: url(/images/down-arrow.gif) no-repeat;
}

a:hover#slide-up, a:hover#slide-down {
	background-position: 0px -45px;
}

.slide-content h1 {
	font-size: 50px;
	color: #0092cf;
	margin-top: -5px;

}

.slide-content h2 {
	color: #635b57;
	font-size: 12px;
	margin-top: 2px;
}

.slide-content p strong {
	display: block;
	font-weight: bold;
	color: #d9d5a3;
	font-size: 16px;
	margin-bottom: 5px;
}

.slide-content p {
	font-size: 14px;
	color: #88807b;
	line-height: 18px;
	padding-top: 16px;
	margin-top: 0px;
}

.slide-content hr {
	background: #252829;
	color: #252829;
	height: 1px;
	border: 0px;
	position: absolute;
	top: 70px;
	left: 0;
	width: 421px;
}

.read-more {
	display: block;
	width: 141px;
	height: 16px;
	overflow: hidden;
	background: url(/images/read-more.gif) no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
}

a:hover.read-more {
	background-position: 0px -16px;
}

#news {
	margin-top: 30px;
}

.news-story {
	overflow: hidden;
}

.news-title {
	width: 248px;
	height: 23px;
	background: #1e1917;
	float: left;
	padding-left: 10px;
	padding-top: 6px;
}

.news-content {
	width: 391px;
	float: left;
	margin-left: 16px;
	background: #1e1917;
	padding: 10px 15px;
}

.news-content a {
	display: block;
	text-decoration: none;
	color: #88807b;
	padding: 5px;
}

.news-content a:hover {
	color: #1e1917;
	background: #d9d5a3;
}

.more-news {
	display: block;
	width: 144px;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/more-news.gif) no-repeat !important;
	padding: 0 !important;
	margin: 15px 0;
}

a:hover.more-news {
	background-position: 0px -16px !important;
}

#creativestate-logo {
	position: absolute;
	bottom: -40px;
	left: 560px;
}

#creativestate-logo a {
	display: block;
	width: 124px;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/cs-logo.png) no-repeat;
}

#creativestate-logo a:hover {
	background-position: 0px -28px;
}

#crumbs {
	background: #1e1917;
	padding-left: 18px;
	margin-bottom: 10px;
	height: 29px;
}

#crumbs span {
	position: relative;
	top: -9px;
}

#crumbs a {
	position: relative;
	top: -9px;
}

#content {
	background: #1e1917;
	padding: 18px;
        float:left;
        width: 659px;
	position: relative;
        margin-bottom: 20px;
}

#content hr {
	background: #252829;
	color: #252829;
	height: 1px;
	border: 0px;
	position: absolute;
	top: 80px;
	left: 0;
	width: 695px;
}

#content blockquote {
	color: #d9d5a3;
	font-size: 28px;
	margin-bottom: 25px;
	background: url(/images/top-quote.gif) no-repeat;
}

#content blockquote p {
	background: url(/images/bottom-quote.gif) no-repeat 100% 100%;
	padding: 0 40px;
	line-height: 30px;
}

#content p {
	margin-bottom: 25px;
	line-height: 22px;
}

#content p strong {
	font-weight: bold;
}

#content h3 {
	font-size: 16px;
	color: #d9d5a3;
}

#content h4 {
	font-weight: bold;
	color: #88807B;
}

#content ul{
line-height: 2;
margin-left: 20px;
}

#newsletter {
	margin: 30px 0 0 22px;
	overflow: hidden;
}

#newsletter #theEmail {
	width: 206px;
	border: none;
	padding: 5px;
	display: block;
	background: #251d19 url(/images/inputBg.png) no-repeat 0 0;
	margin-top: 10px;
	color: #88807B;
}

#submit {
	display: block;
	float: right;
	margin: 5px 14px 0 0;
}

/* ---------- PHOTO GALLERY -------------- */

#photoGal{margin-top: 30px}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right; 
background: #1e1917;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 421px;
	height: 350px
}
div.slideshow {
	width:421px;
	clear: both;
        position: relative;
        top: 74px;
}
div.slideshow span.image-wrapper {
	float: left;
}
div.slideshow a.advance-link {
	display: block;
}
div.slideshow img {
        width: 421px;
        height: 287px;
	border: none;
	display: block;
}
.caption{
position:relative;
top: -287px;
height: 66px;
padding: 4px 14px;
background: #1e1917;
}

div.download {
	float: right;
}
div.embox {
	clear: both;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
        float:left;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
        margin: 0 10px 10px 0;
}
a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
        width: 124px;
        height: 89px;
	border: none;
	display: block;
}
.top{margin-top: 29px;}
.pagination .current{
display:none;
}
.pageNum{
display:none;
}
.thumbNext, .thumbBack{
display:block;
width: 38px;
height: 34px;
float:right;
margin: 0 10px 10px 0;
text-indent: -9999em;
background: url(/images/p-down-arrow.png) no-repeat 0 0;
}
.thumbBack{
margin-top: 10px;
background: url(/images/p-up-arrow.png) no-repeat 0 0;
}
.thumbNext:hover, .thumbBack:hover{
background-position: -38px 0;
}


/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}

.artistBlock{
width: 207px;
height: 310px;
float:left;
background: #161211;
margin: 0 6px 20px 6px;
}
.artistBlock:hover{
background: #473b37;
}
.artistBlock img{
left: 0 !important;
float: none !important;
margin-bottom: 13px;
}
.artistBlock h2{
margin-left: 10px;
}

#logos1{
margin-left: 0px;
}
#logos1 td{
padding: 0 13px;
}

#logos2{
margin-top: -15px;
}
#logos2 td{
padding: 0 13px 0 0;
}

.newsDate{
margin: 0 0 5px 0;
font-size: 1.4em !important;
color: #854529 !important;
background: #161211;
padding: 5px 5px 0px 5px;
}
.newsTitle{
font-style: italic;
font-weight: normal;
padding: 5px;
color: #854529 !important;
}
.newsDesc{
padding: 5px;
margin: 0px 0 0 0;
}

.artistLinks{
position:relative;
width: 300px;
height: 380px;
float:right;
margin: 0 0 20px 20px;
background: #161211;
}
.artistLinks img{
margin: 0 !important;
}
.artistLinks h3, .artistLinks a{
position:absolute;
display:block;
text-indent: -9999em;
background: url(/images/albumLinks.png) no-repeat 0 0;
}
.artistLinks h3{
width: 100%;
height: 11px;
top: 313px;
left: 8px;
}
.itunes, .amazon, .photos, .artistSite{
width: 118px;
height: 23px;
}
.itunes{
top: 329px;
left: 8px;
background-position: 0 -15px !important;
}
.amazon{
top: 350px;
left: 8px;
background-position: 0 -37px !important;
}
.photos{
top: 329px;
left: 153px;
background-position: -150px -15px !important;
}
.artistSite{
top: 350px;
left: 153px;
background-position: -150px -37px !important;
}

.linksLogo{
border: 10px solid #161211;
margin: 15px 15px 15px 0;
}