/*	global
	----------------------------------------- */

	*{margin:0; padding:0; }
	a{ text-decoration: none; outline: none; color: #828282; }
	a img{ border: 0; }
	h1, h2, h3, h4, h5, h6, p, address, ul{ margin: 0 0 1em; }
	h3{ font-size: 1.2em; }
	h2{ font-size: 1.3em; }

	h4{ font-size: 1em; }

	ul{ margin-left: 2.5em; }
	h1{ font-size: 1.2em; }
	label{ display: block; }

	html, body{ margin:0!important; padding:0!important; font: 12px Arial, Helvetica, sans-serif; background: #000; color: #a2a2a2;  }
	#page-container{ width: 880px; margin: 0 auto; height: 769px; position: relative; }
	.page-inner #page-container{ background:  url("../images/page-top.gif") no-repeat top left; height: auto; }
	.page-home #page-container{ background:  url("../images/bg-home.jpg") no-repeat top left;  }
	.page-inner2 #page-container{ background:  url("../images/bg-inside2b.jpg") no-repeat top center; height: auto; }
		#header{ width: 100%; float: left; height: 197px; position: relative; }
	.page-inner #header{ height: 205px;}
			#logo{ position: absolute; left: 305px; top: 0px; z-index: 10; }
			#logo a{ width: 246px; height: 197px;  text-indent: -9999px; display: block; background: url("../images/logo.gif") no-repeat center center; }
			#navigator{ width: 100%; position: absolute; top: 88px; margin:0; }
		#content{ width: 690px; height: 460px; position: relative; left: 63px; float: left; top: 0; padding: 23px; }
	.page-inner #content{height: auto;background:  url("../images/content-bg.gif") repeat-y left top; padding: 23px 100px 23px 90px; left: 0;}
			#left-side{ width: 330px; float: left; margin-right: 25px; }
			#right-side{ width: 330px; float: left; }
		#content2{ width: 410px; height: 455px; position: relative; left: 63px; float: left; top: 0; padding: 23px; color: #fff; }
	.page-inner2 #content2{height: auto;}
			#subnav{ float: right; position: relative; top: 4px;  margin:0; }
		#footer{ width: 810px; position: absolute; bottom: -35px; left: 25px; color: #4d4d4d; }
	.page-inner #footer{background:  url("../images/bg-footer.gif") no-repeat top left;position: relative; top: 0;left: 0;float: left;width: 100%;padding-top: 83px;}
	.page-inner2 #footer{background: #000 url("../images/about_bottom.jpg") no-repeat top left;position: relative; top: 0;left: 0;float: left;width: 100%;padding-top: 83px;}
	.page-inner2{background:  url("../images/about_middle.jpg") repeat-y center;}
/*	header & navigation
	----------------------------------------- */

/*	#navigator li{ display: block; list-style: none; float: left; }
	#navigator li a{ display: block; height: 14px; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; }

	#nav-about a{ background-image: url("../images/nav/nav-about.gif"); width: 45px; margin-right: 65px; }
	#nav-audio a{ background-image: url("../images/nav/nav-audio.gif"); width: 47px; margin-right: 400px; }
	#nav-video a{ background-image: url("../images/nav/nav-video.gif"); width: 45px; margin-right: 310px;  }

	#nav-photos a{ background-image: url("../images/nav/nav-photos.gif"); width: 53px; margin-right: 60px;  }
	#nav-news a{ background-image: url("../images/nav/nav-news.gif"); width: 37px; margin-right: 60px; }
	#nav-contact a{ background-image: url("../images/nav/nav-contact.gif"); width: 61px; }
*/
	#navigator li{display: block;list-style: none; position: absolute; top: 0; }
	#navigator li a{color: #f63333; font-size:16px;}
	#nav-about{left: 0;}
	#nav-gigs{left: 155px;}
	#nav-video{left: 225px;}
	#nav-audio{left: 565px;}
	#nav-photos{left: 665px;}
	#nav-news{left: 83px;}
	#nav-contact{left: 760px;}



	#subnav li{ list-style: none; display: block; padding: 0 10px; float: left; }
	#subnav li a{ display: block; text-indent: -9999px; }

/*	content
	----------------------------------------- */

	.hscroll{ width: 385px; position: relative; height: 410px; overflow: hidden; padding-right: 35px; }
	.hscroll2{ width: 640px; position: relative; height: 410px; overflow: hidden; padding-right: 35px; }
	.hscroll-wrap{ position: relative; }
	.hscroll-controller{ position: absolute; right: 0; top: 0; height: 100%; }
	.hscroll-controller a{ position: absolute; right: 0; top: 0; display: block; width:  21px; height: 43px; cursor: pointer; }
	.hscroll-controller a.scrolldown{ top: 367px;   }


/*	sidebar(s)
	----------------------------------------- */



/*	forms
	----------------------------------------- */
/*
	form label{ display: block; float: left; }
	form label span, form label input{ display: block; float: left; }
	form .submit{}
	form .submit input{}
*/


/*	footer
	----------------------------------------- */

/*____________________________________________*/
/*	clearfix
	----------------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;} .clearfix {display: block;}
	/* End hide from IE-mac */



/*	site-wide classes
	----------------------------------------- */
	.clear{ clear: both; }
	.b{ font-weight: bold; }
	.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
	.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
	.fl{ float: left; } .fr{ float: right; }


/*________________________________PAGES_______*/
/*	PAGE: gallery ( #page-container.page-inside #content.gallery )
	----------------------------------------- */

	.xgallery li{ list-style: none; display: block; margin: 0 6px 9px 0; float: left; width: 156px; height: 181px; padding: 6px; background:  url("../images/pic-frame.gif") no-repeat left top; }
	.xgallery li img{ border: 0; }
	.xgallery ul{ margin: 0; width: 720px; }
	.xgallery{ width: 690px; overflow: hidden; /* height: 430px; */ }

	* html .xgallery .pages{ position: relative; top: 9px; }
	.xgallery .pages a{ padding: 0 0 0 10px; }
	.xgallery .pages a.on{ text-decoration: underline; }

	.gallery p.special{ position: relative; top: -26px; z-index: 99; }

	#gallery-rooz-rehearsal a{ background:  url("../images/text-rooz-rehearsal.gif") no-repeat top left; width: 131px;  }
	#gallery-rooz-rehearsal a.on,#gallery-rooz-rehearsal a:hover{ background-image:  url("../images/text-rooz-rehearsal_on.gif"); }
	#gallery-outside-at-sonic a{ background:  url("../images/text-sonic-studio.gif") no-repeat top left; width: 110px;  }
	#gallery-outside-at-sonic a.on, #gallery-outside-at-sonic a:hover{background-image:url("../images/text-sonic-studio_on.gif");}
/*	PAGE: gallery ( #page-container.page-home #content.home )
	----------------------------------------- */

	#home-latest-gig{ position: absolute; width: 335px; color: #fff; left: 35px; top: 435px; }
	#home-listen-live{ position: absolute; top: 435px; left: 415px; }
	#home-listen-live a{ font-weight: bold; color: #fff; display: block; width: 130px; background:  url("../images/listen-arrows.gif") no-repeat right bottom; padding-bottom: 15px; }

/*	PAGE: contact ( #page-container.page-inside #content.contact )
	----------------------------------------- */
.contact ul{ width: 100%; float: left; margin:0; }
.contact ul li{ display: block; list-style: none; float: left; width: 27%; padding: 0 3%; }
.contact ul li h4{ margin-bottom: 0; }
.contact ul li h3, .contact ul li p, .contact ul li address{ margin-bottom: 5px; }

#map{ width: 500px; height: 300px; margin: 0 auto; clear: both; }

#mapsearch{ clear: both; margin: 0 auto!important;}

/*	PAGE: videos ( #page-container.page-inside #content.video )
	----------------------------------------- */

#slideshow{ float: right; position: relative; width: 270px; margin:0; }
#slideshow li{ display: block; }
#slideshow li img{ width: 270px; }

/* New News PAGE
  ----------------------------------------- */
table.newtable{  }
table.newtable td{ vertical-align:top; padding-bottom:30px; }

table.newtable td.newspic img{ margin:3px; }
table.newtable td.newscontent{ padding-left:20px; width:500px !important; }


ul.hlist{ margin:0; padding:0; }
ul.hlist li{ margin:0 5px 5px 0; padding:0; list-style:none; float:left; background:none; width:auto; height:auto; }
ul.hlist li a{ display:block; width:60px; height:60px; border:2px solid #666; }

/* newsletter
  ----------------------------------------- */

#newsletter{width: 500px;height: 57px;background:  url("../images/newsletter-bg.gif") no-repeat top left; position: absolute;top: -60px;left: 38px;padding: 0 15px;font-size: 12px;}
.page-inner #newsletter{top: 20px;left: 63px;}
.page-inner2 #newsletter{top: 20px;left: 63px;}
#newsletter label, #newsletter input, #newsletter label span{float: none;margin: 0;padding: 0;}
#newsletter h3{font-size: 1em;color: #5a5a5a;font-weight: normal;margin: 5px 0;}
#newsletter label{margin-right: 10px;display: inline;}
#newsletter input{background-color: #000; border: 1px solid #252525; color: #ffffff;font-size: 100%;padding: 4px 5px;}
#newsletter input.err{border-color: #ff0000;background-color: #220000;}
#newsletter label span{color: #ffffff;margin-right: 5px;}

#newsletter form{margin: 0;}

#newsletter #email_field{width: 130px;}
#newsletter #captcha_field{width: 35px;}

#newsletter .submit{width: 90px;padding: 3px 5px;}

#the_captcha{background-color: #ffffff;margin-bottom: -7px;margin-right: 3px;}
#newsletter p.err{background-color: #000000;color: #ff0000;position: relative;top: 5px;text-indent: 0;margin: 0;padding: 0;}
#newsletter p.err em{padding: 2px  8px;display: block;}


/*  new new news page
	---------------------------------------*/
#nnews h2{font-size: 15px;font-weight: normal;color: #f53334;margin: 1em 0;}

#nnews table.gig{width: 100%;border-collapse:collapse;color: #ffffff;}
#nnews table.gig th{background-color: #f53334;color: #fff;padding: 5px 10px;font-weight: normal;text-align: left;}
#nnews table.gig td{padding: 10px 0;}

#nnews table.gig .text{float: left;width: 180px;padding-right: 15px;}
#nnews table.gig .pics{float: left;width: 430px;}


#nnews .old-gigs table.gig th{background-color: #252525;}
#nnews table.gig .lighter th{background-color: #ff6666;}
#nnews table.gig .hover th{background-color: #222;}
#nnews .old-gigs h2{color: #444;}

#nnews a.toggle{color: #fff;text-decoration: none;padding-left: 18px;padding-right: 5px;}
#nnews a.toggle:hover{color: #333;background-color: #ffffff;}
#nnews a.t-hide{background:  url("../images/btn-hide.gif") no-repeat left center; }
#nnews a.t-show{background:  url("../images/btn-show.gif") no-repeat left center; }

#nnews .upcoming{color: #ffffff;}
#nnews .upcoming .left{width: 125px;padding-right: 25px;float: left;}
#nnews .upcoming .left img{display: block;margin-bottom: 8px;width: 123px; border: 1px solid #666;}

a.btn{background:  url("../images/btn1.gif") no-repeat left top; text-align: center;display: block;width: 126px;height: 18px;padding-top: 3px;}
#nnews .upcoming a.btn{margin-bottom: 8px;}

#nnews .upcoming .right{width: 450px;float: left;}
#nnews .upcoming dd,#nnews .upcoming dt{font-weight: bold;float: left;font-size: 15px;padding: 2px 0;}
#nnews .upcoming dl{margin-bottom: 10px;}
#nnews .upcoming dt{width: 100px;color: #f53334;clear: left;}
#nnews .upcoming dd{width: 300px;}
#nnews .upcoming .text{padding-left: 100px;}

.red{color: #f53334;}