/********************************************************************************
			RESETS
********************************************************************************/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, label, p, strong, em, table, td { margin: 0; padding: 0;}
ul, ol { list-style: none;}
img { border: 0;}
textarea { overflow: hidden;}
*:focus { outline: none;}
* { vertical-align:  baseline;}

/********************************************************************************
			GLOBAL STYLES
********************************************************************************/
html{

}
body {
	background: #000000 url(../images/BG1.jpg) no-repeat center top fixed;
	font-family: Helvetica, "HelvNueLightNormal", Arial, sans-serif;
	color: #FFF;
}
.float-right { float: right; display: inline; margin: 0 0 10px 10px;}
.clear { clear: both;}
.clearfix { display: block; height: 1px; font-size: 1px; line-height: 1px; clear: both;}
hr { width: 100%; height: 4px; border: none; border-top: #7e0a2b solid 4px; margin: 0px auto 15px auto;}

/* typography */
p { font-size: 13px; padding-bottom: 16px; line-height: 1.5; font-family: Helvetica, "HelvNueLightNormal", Arial, sans-serif;}
h1 {
	font-size: 27px;
	line-height: 1.15;
	color: #FFF;
	padding: 0.25em 0 0.2em;
	font-family: "HelvNueBold", Helvetica, Arial sans-serif;
	letter-spacing:-2px;
}
h2 {
	font-size: 17px;
	line-height: 1.15;
	color: #FFF;
	padding: 16px 0px .5em 0px;
	font-family: "HelvNueBold", Helvetica, Arial sans-serif;
	letter-spacing:-1px;
}

h3 { font-size: 16px; line-height: 1.15; color: #343132; padding: 0 0 1em 30px;font-family: "HelvNueBold", Arial, Helvetica, sans-serif;}
h4 { font-size: 14px; line-height: 1.15; color: #343132; padding: 0 0 1em 30px;font-family: "HelvNueBold", Arial, Helvetica, sans-serif;}
h5 { font-size: 12px; line-height: 1.15; color: #343132; padding: 0 0 1em 30px;font-family: "HelvNueBold", Arial, Helvetica, sans-serif;}

/* links */
a { color: #7E0A2B ; text-decoration: underline;}
a:hover { color: #7E0A2B ; text-decoration: underline;}

/********************************************************************************
			WRAPPERS
********************************************************************************/

#wrapper { width: 960px; margin: auto; position:relative;}
.content { width: 960px; margin: 20px auto 0 auto;}


/********************************************************************************
			HEADER
********************************************************************************/

#header { padding: 56px 0 0px; position: relative;}
#logo { float: left; display: inline; position:absolute; z-index:100;
top: -10px;}

/* coda slider (layout styles are in coda-slider-2.0.css */
.panel-wrapper .title { display: block; font-size: 23px; line-height: 1.05; color: #ffffff; padding-left: 30px; margin-bottom: 10px;}
.panel-wrapper p {
	font-size: 13px;
	line-height: 1.75;
	padding-left: 35px;
	color: #FFF;
}
.panel-wrapper a { color: #b6000e; text-decoration: none;}
.panel-wrapper img.item { float: right; display: inline; margin-right: 20px;}

/********************************************************************************
			MAIN NAVIGATION
********************************************************************************/

/* -- main nav -- */
#main-nav-wrapper { float: right; display: inline; width: 710px; }
#nav-top { width: 710px; height: 10px; background: url(../images/nav-corners.png) no-repeat 0 0; overflow: hidden;}
#nav-bottom { width: 710px; height: 10px; background: url(../images/nav-corners.png) no-repeat 0 -10px; overflow: hidden;}
#main-nav { width: 710px; background: url(../images/transparent-bg.png); text-align: right; padding: 10px 0;}
	#main-nav li {
	display: inline;
	padding: 0 60px 0 0px;
}
		#main-nav a {
	font: bold normal 16px/100%;
	color: #FFF;
	text-decoration: none;
}
		#main-nav a:hover, #main-nav a#active {
	color: #900;
}

		
/********************************************************************************
			MAIN PAGE
********************************************************************************/

#middle-top { width: 960px; height: 10px; background: url(../images/footer-corners.png) 0 0; margin-top: 30px; clear: both;}
#middle-bottom { width: 960px; height: 10px; background: url(../images/footer-corners.png) 0 -10px; margin-bottom: 20px;}
#middle { width: 920px; background: url(../images/transparent-bg.png); color: #ffffff; padding: 5px 20px 0px 20px; position:relative;}
	
	#footer p { padding: 0 20px;}
	#legal { font-size: 10px; line-height: 12px;}
	
	
	
#middle .leftpanel {
	width: 455px;
	padding: 0 15px 0 0;
	float:left;height: auto;
	
	}
	
.homepage .leftpanel hr
{
	margin: 0px auto 35px auto;
	}


#middle .leftpanel p {
	
	line-height:25px;
	text-align:justify;}
	
a.viewartist{
	
	height:47px;
	width:212px;
	background:url(../images/btn_view-artists.png) no-repeat 0px 0px;
	display: block;
	margin: 30px 0 0 0;}	
a.viewartist:hover{
	
	background:url(../images/btn_view-artists.png) no-repeat 0px -47px;
	}
a.newsletter{
	
	height:47px;
	width:212px;
	background:url(../images/btn_signupnow.png) no-repeat 0px 0px;
	display: block;}	
a.newsletter:hover{
	
	background:url(../images/btn_signupnow.png) no-repeat 0px -47px;
	}	
	
#middle .middlepanel
{
	width: 215px;
	border-left: 1px dotted #666;
	padding: 0 10px 0 10px;
	float: left;
	height: 510px;
	}

#middle .middlepanel .newscontainer
{
	
	margin: 0 0 28px 0;}
	
	
	
#middle .middlepanel .newscontainer img
{
	width: 189px;
	border: 1px dotted #666;
	padding: 12px;
	height: 151px;
	background-color:#97002b;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
	}

#middle .middlepanel .newscontainer img:hover
{
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100);
	cursor:pointer;
	}

#middle .rightpanel
{
	width: 206px;
	padding: 0 00px 0 10px;
	margin: 0 0 10px 708px;
	border-left: 1px dotted #666;
	}	
	#middle .rightpanel p {
	
	line-height:15px;
	}
/********************************************************************************
			FOOTER
********************************************************************************/

#footer-top { width: 960px; height: 10px; background: url(../images/footer-corners.png) 0 0; margin-top: 20px; clear: both;}
#footer-bottom { width: 960px; height: 10px; background: url(../images/footer-corners.png) 0 -10px; margin-bottom: 20px;}
#footer { width: 960px; background: url(../images/transparent-bg.png); font: normal normal 12px/1.5 Helvetica, Arial, sans-serif; color: #ffffff; text-align: center; padding: 5px 0;}
	#secondary-nav { margin-bottom: 10px;}
		#secondary-nav li { display: inline; border-right: #ffffff solid 1px; padding-right: 5px; margin-right: 5px;}
		#secondary-nav li#last { border: none;}
		#secondary-nav a { color: #ffffff; text-decoration: none;}
		#secondary-nav a:hover { text-decoration: underline;}
	#footer p { padding: 0 20px;}
	#legal { font-size: 10px; line-height: 12px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
/********************************************************************************
			CLEARING ELEMENTS THAT CONTAIN FLOATED ELEMENTS
********************************************************************************/

.clear-float:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-float { display: inline-block;}

/* Hides from IE-mac \*/

* html .clear-float { height: 1%;}

.clear-float { display: block;}

/* End hide from IE-mac */