body {
  padding: 0;
  margin: 0;
  background-color:#fff;  
  width: 100%;
  font-family: Helvetica, Verdana, Arial, "Trebuchet MS", sans-serif;  
  background-image: url(images/backgrounds/all_other_bg.jpg);
  background-position: top center;
  background-attachment: fixed;
}
body.studio {
  background-image: url(images/backgrounds/Neve_SSL_bg.jpg);
  background-position: top center;
  background-attachment: fixed;
}
body.livefrom {
  background-image: url(images/backgrounds/Live_from.jpg);
  background-position: top center;
  background-attachment: fixed;
}
body.home {
  background-image: url(images/backgrounds/Home_bg.jpg);
  background-position: top center;
  background-attachment: fixed;
}
body.newsltterSubmitLightbox {
	background-image: none;
	background-color: #ffffff;
	margin: 5px;
}
body.newsltterSubmitLightbox .lbCopy {
	width: 280px;
}
body.seethestudio .pics2 h1, 
body.seethestudio .pics2 h2 {
	display: none;
}

* {
	outline: 0;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}
 
p {
	text-transform:none;
} 

/* start GLOBAL TOP HEADER ---------------------------------- */    
	
#global-header-outer {
	margin: 0;
	padding: 0;
	width: 100%;		
	position: relative;    
}    

#global-header-inner {
  position: relative;
  width: 960px;
  height: 80px;
  margin: 0 auto; 
}

#logoEmail {
  width: 460px; 
  height: 50px; 
  float: left;
margin-top: 10px;
}
          
#global-headerLinks {
  width: 500px; 
  height: 100px;
  float: left;
}
#global-headerLinks #connectMenu {
  margin: 0;
  padding: 0;
  display: block;
  list-style:none;
}

#global-headerLinks form {
  background-image: url(images/connect/bg.png);
  float: left;
  margin: 0;
  padding: 0;
  list-style:none;
  width: 500px;
  padding: 0;
}
#global-headerLinks input {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  float: left;
  margin-left: 30px;
  margin-right: 5px;
  margin-top: 12px;
  width: 240px;
}

#global-headerLinks #connectMenu li {
  float: left;
  margin: 0;
  padding: 0;
}
#global-headerLinks #connectMenu li a {
  display: block;
  margin: 0;
  padding: 0;
}


#logoEmail #logo {
  float: left; 
  width: 190px;
}
#logoEmail #emailTop {
  float: left; 
  width: 270px;
}

#logoEmail #emailTop a, 
#logoEmail #emailTop p {
  font-size: 12px;
  color: #666666;
}
#logoEmail #emailTop a {
  margin-right: 20px;
}
#logoEmail #emailTop a:hover {

  text-decoration: underline;
}

#mainNav {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  margin-top: 1px;
  margin-left: 15px;
  width: 475px;
}

#mainNav a span {
  display: none;
}
#mainNav a {
  display: block;
  width: 100%;
  height: 22px;
}
#page-studioMenuA a, #page-studioMenuB a, #page-gear a, #page-clients a, #page-seeStudio a, #page-liveBG a {
	background-image: url(images/topnav/breakglass_nav.gif);
  height: 22px;
  display: block;
  float: left;
  background-repeat: no-repeat;
	list-style:none;
	margin: 0;
  padding: 0;
}
#page-studioMenuA a {width: 68px; background-position: 0px 0}
#page-studioMenuB a {width: 57px; background-position: -68px 0px}
#page-gear        a {width: 45px; background-position: -125px 0px} 
#page-clients     a {width: 57px; background-position: -170px 0px}
#page-seeStudio   a {width: 99px; background-position: -227px 0px}
#page-liveBG      a {width: 146px; background-position: -326px 0px} 

#page-studioMenuA.mainSelected a, #page-studioMenuA.mainHover a, #page-studioMenuA a:hover {width: 68px; background-position: 0px -22px}
#page-studioMenuB.mainSelected a, #page-studioMenuB.mainHover a, #page-studioMenuB a:hover {width: 57px; background-position: -68px -22px}
#page-gear.mainSelected a, #page-gear.mainHover a, #page-gear               a:hover {width: 45px; background-position: -125px -22px} 
#page-clients.mainSelected a, #page-clients.mainHover a, #page-clients         a:hover {width: 57px; background-position: -170px -22px}
#page-seeStudio.mainSelected a, #page-seeStudio.mainHover a, #page-seeStudio     a:hover {width: 99px; background-position: -227px -22px}
#page-liveBG.mainSelected a, #page-liveBG.mainHover a, #page-liveBG           a:hover {width: 146px; background-position: -326px -22px} 

#mainNav li {
  margin: 0; padding: 0;
}
#mainNav li:hover {
  background-position: bottom;
}

#mainNav .main ul {
	display: none;
}
#mainNav .mainHover ul {
  list-style: none;
  margin: 0;
	padding: 0;
	display: block;
  position: absolute;
  float: left;
  margin-top: 22px;
}
#mainNav .mainHover ul li {
	margin: 0;
	padding: 0;
	display: block;
  min-width: 100%;
  position: relative;
}
#mainNav .mainHover ul li a {
	display: block;
  float: left;
  width: 100%;
  background: #888888;
	color: #ffffff;
  text-indent: 10px;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 900;
}
#mainNav .mainHover ul li a:hover {
	background: #aaaaaa;

}

#mainNav #page-studioMenuA.mainHover ul {margin-left: 0}
#mainNav #page-studioMenuB.mainHover ul {margin-left: 51px}
#mainNav #page-gear.mainHover        ul {margin-left: 123px} 
#mainNav #page-clients.mainHover     ul {margin-left: 168px}
#mainNav #page-seeStudio.mainHover   ul {margin-left: 220px}
#mainNav #page-liveBG.mainHover      ul {margin-left: 313px} 


/* end GLOBAL TOP HEADER ---------------------------------- */



/* start GLOBAL TOP MENU ---------------------------------- */

#global-topMenu {
	margin:0;
	padding:0;
	color: #535353;
	width:100%;		
	background-image: url(images/topnav/bg.gif);
	position: relative;    
}

#global-topMenu-inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;  
	height: 106px;
/*  background: #ffa5a5;  /**/
}


#global-topMenu ul.utility {
	list-style:none;
	margin: 0;
	padding: 0px 0px 0px 0px;
	float:right;
	font-size:13px;
}

#global-topMenu ul.utility {
	text-transform: none;
	color: #000000;
	letter-spacing:-1px;
}


#global-topMenu ul.utility li {
	list-style:none;
	padding:5px 16px 5px 16px;
	float:left;
	background-image: url(images/topnav/utilBullet.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
#global-topMenu ul.utility li:first-child {
	background-image: none;
}
#global-topMenu ul.utility li:last-child {
	padding-right: 0;
}


#global-topMenu ul.utility li a {
	color: #000000;
}




/* end GLOBAL TOP MENU ---------------------------------- */



#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}
#main {
	margin:0px 0px;
	padding:0;
	position: relative; 
	float:left;	  
}
.home #container {
	width: 100%;
	height: 330px;
	background-image: url(images/backgrounds/shadow.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.home #main {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

#main {
}

#mainLeft {
	width: 460px;
	padding: 1px 0;
	margin-top: 10px;
	float: left;
}

#mainAll {
	margin-top: 10px;
	width: 960px;
	float: left;
}
#mainRight {
	width: 440px;
	padding: 0px 30px 30px;
	float: left;
}

#mainHL-Left {
	float: left;
	width: 720px;
	padding: 20px 0;
}

#mainHL-Right {
	float: left;
	width: 240px;
	padding: 20px 0;
}
.liveTN {width: 240px; float: left; margin-bottom: 20px;}
.liveTN-img {width: 218px; float: left; border: 1px solid #000; overflow: hidden}
.liveTN:hover .liveTN-img {border: 1px solid #ff0000}
.liveTN-img img {display: block; float: left}
.liveTN-section {width: 218px; float: left; margin-top: 1px;background: #000000; padding: 5px 0; border: 1px solid #000}
.liveTN:hover .liveTN-section {border: 1px solid #ff0000}
.liveTN-date {width: 78px; float: left; text-transform:uppercase; color:#ffffff; font-size: 10px; text-indent: 10px}
.liveTN-band {width: 140px; float: left; text-transform:uppercase; color:#f00; font-size: 10px}
.liveTN-band a {color:#f00;}


#main h1, #main h2, #main h3, #main h4, #main h5, #main a, .mainheading {
	color: #ff0000;
	font-weight: 500;
}
#main a:hover {
	text-decoration: underline;
}
#main p, #main ul, #main li {
	color: #000;
	font-weight: 500;
}

#main h1, .mainheading {
	margin-top: 4px;
	font-size: 26px;
}

#main h2 {
	font-size: 22px;
}

#main p {
	font-size: 14px;
}

#main .videoThumbnails {
	float: left;
	margin-top: 23px;
}

#main .videoThumbnails img:first-child {
	margin-left: 0;
}
#main .videoThumbnails img {
	display: block;
	float: left;
	margin-left: 23px;
}


#copyContainer { 
	float: left;
	/*background: #ffa5a5; /**/
	width: 960px;
	margin: 10px 32px;
}






#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}


#footerInner {
	margin:0px 0px;
	padding:0;
	position: relative; 
	float:left;	  
}

#footerLeft {
	width: 460px;
	padding: 20px 0;
	float: left;
}
#upcomingRight {
	width: 240px;
	padding: 0;
	float: left;
	clear: both
}

#footerRight {
	width: 440px;
	padding: 20px 0 0 30px;
	float: left;
}

#upcomingRight h1.section, #footer h1.section {
	margin-top: 0;
	height: 45px;
	background-image: url(images/backgrounds/leftsep.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 20px;
	line-height: 45px;
	color: #bbbbbb;
	font-size: 13px;
	text-transform: uppercase;
}
#upcomingRight h1.section {
	background-image: url(images/backgrounds/rightsep.gif);
}

.twtr-widget {
	float: right;
	margin-top: 20px;
}

#upcomingRight ul, #upcomingRight li {
	display: block;
	float: left;
	width: 240px;
	margin: 0;
	padding: 0;
}

#upcomingRight li .event, #footer li .event {
	float: right;
	clear: left;
	clear: right;
}

#upcomingRight li .artist, #upcomingRight li .date, #footer li .artist, #footer li .date {
	font-size: 11px;
	text-transform: uppercase;
	padding: 3px 5px;
	margin-bottom: 1px;
}
#upcomingRight li .artist, #upcomingRight li .date {
	margin-bottom: 0px;
}

#upcomingRight li .artist, #footer li .artist {
	background: #ffffff;
	color: #ff0000;
	float: left;
}
#upcomingRight li .artist {
	float: right;
	width: 168px;
}

#upcomingRight li .date, #footer li .date {
	background: #ff0000;
	color: #ffffff;
	float: right;
	width: 70px;
	padding: 2px 5px;
	border: 1px solid #ffffff;
	border-top: none;
	text-align: center;
}
#upcomingRight li .date {
	float: left;
	width: 50px;
}

#breakglassStudioBack {
	background-image: url(../images/break-bg.gif);
	width: 460px; height: 345px;
}

#breakglassStudioFront {
	background-image: url(../images/break-fg.gif);
	width: 460px; height: 345px;
}






.rooms {
	display: none;
}

#emailTop {
	margin-top: 10px;
}

.pics img {
  width: 88px;
  height: 59px;
  overflow: hidden;
}
.pics2 img {
  width: 88px;
  height: 59px;
  margin-left: 2px;
  margin-bottom: 2px;
}






#slides {
	border: 10px solid #000000;
	background: #000000;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:940px;
	height:310px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:940px;
	height:310px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Caption
*/

.caption {
	display: none;
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}



.pagination {
	margin: -337px auto 0 ;
	float: right;
}

.pagination li {
	float:left;
	margin:0 0 0 1px;
	list-style:none;
}

#main .pagination li a {
	display:block;
	line-height:10px;
	height:10px;
	font-size: 10px;
	padding:3px 8px;
	/*background-image:url(images/pagination.png);/**/
	background: #000000;
	color: #888888;
	background-position:0 0;
	float:left;
	overflow:hidden;
	text-align: center;
	
}

#main .pagination li.current a {
	background-position:0 -12px;
	color: #ffffff;
}



.soundcloud  {
	margin-top: 30px;
}

.playButton {
	border-top: 1px solid #999999;
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	width: 440px;
}

.playButton li {
	background-image: url(images/backgrounds/play.png);
	  background-position: 0 3px;
	  background-repeat: no-repeat;

	border-bottom: 1px solid #999999;
	padding: 5px 0 5px 30px;
	margin: 0;
}

#main .playButton li a {
	color: #000000;
	border-bottom: none;
}

#main .playButton li a:hover {
	color: #ff0000;
	text-decoration: none;
}

.band-content {
	margin: 20px;
}

.sm-heading {
	float: left;
	width: 440px;
}
#main .sm-heading h2 {
	font-size: 20px;
	width: 280px;
	color: #000000;
	float: left;
	margin: 0;
	padding: 0;
}
#main .sm-heading h2 span {
	font-size: 13px;
}
.sm-fb {
	padding-top: 3px;
	width: 80px;
	float: left;
}
.sm-twitter {
	padding-top: 3px;
	width: 70px;
	float: left;
}
