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

* {
	margin: 0;
	padding: 0;
}

#backgroundImage {
	width: 100%;
}

body {background-color:#000} 

.background1 {
	background: url(../images/artistsbg.jpg) top center no-repeat;
	background-color:#000
}

#container {
	background: #000 url(../images/bg.png) top repeat-x;
	padding-bottom: 50px;
	width: 100%;
}

#content {
	background: url(../images/contentPageEndBg.png) bottom no-repeat;
	height: 494px;
	padding-top: 26px;
	margin: 0 auto;
	width: 914px;
}

#header {	
	background: url(../images/headerBg.png) top no-repeat;
	height: 179px;
	margin: 0 auto;
	width: 984px;
}

#homepageImage {
	margin: 0 auto;
	width: 984px:
}

#logo {
	float: left;
	height: 133px;
	left: 89px;
	position: relative;
	top: 38px;
	width: 153px;
}

#nav {
	float: right;
	position: relative;
	right: 46px;
	top: 151px;
}

#socialmedia {
	float: right;
	position: relative;
	right: -300px;
	top: 35px;
}

#panels {
	margin: 0 auto;
	width: 984px;
}

.panel {
	float: left;
	height: 225px;
	padding: 50px 15px 15px 15px;
	position: relative;
	width: 256px;
}

#panel1 {
	background: url(../images/panel1Bg.png);
	left: 48px;
}

#panel2 {
	background: url(../images/panel2Bg.png);
	left: 73px;
}

#panel3 {
	background: url(../images/panel3Bg.png);
	left: 98px;
}

#panelNarrow {
	float: right;
	width: 253px;
}

#panelNarrowInner {
	height: 420px;
	overflow: auto;
	padding: 10px 25px;
	width: 193px;
}

#panelWide {
	float: left;
	width: 606px;
}

#panelWideInner {
	height: 420px;
	overflow: auto;
	padding: 10px 25px;
	width: 546px;
}

body, body.bodycontent{

scrollbar-face-color:rgb(0,0,0);
scrollbar-base-color:rgb(0,0,0);
scrollbar-3dlight-color:rgb(69,61,58);
scrollbar-shadow-color:rgb(69,61,58);
scrollbar-darkshadow-color:rgb(69,61,58);
scrollbar-highlight-color:rgb(69,61,58);
scrollbar-track-color:rgb(0,0,0);
scrollbar-arrow-color:rgb(255,255,255);
}

/* -------------------------------------------- CLEARFIX */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */