html{
	height:100%;
	background:#071d30 url(../images/bg-body.gif) repeat-x;
}
body{
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#fefefd;
	height:100%;
	min-width:990px;
	background: url(../images/bg-body2.jpg) no-repeat;
}
img{
	border:0;
}
a{
	text-decoration:none;
	color:#069dfd;
}
a:hover{
	text-decoration:underline;
}
input, textarea, select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.promo-box{
	height:100%;
	background:#071d30 url(../images/bg-index-wrapper.jpg) no-repeat 50% 0;
	min-height:700px;
}
.promo-box a{
	display:block;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
	width:100%;
	outline:none;
}
#header {
	width:890px;
	margin:0 0 0 90px;
}
#header .holder {
	width:100%;
	padding:20px 0 0;
}
#header .holder h1 {
	margin:8px 0;
	text-indent:-9999px;
	overflow:hidden;
	height:154px;
	width:155px;
	background: url(../images/logo1.gif) no-repeat; 
}
#header .holder h1 a {
	height:100%;
	display:block;
}
.join-form {
	float:right;
	overflow:hidden;
}
* html .join-form {width:334px;}
.join-form label {
	font-size:11px;
	float:left;
	padding:7px 4px 0 0;
}
.join-form .text-frame {
	float:left;
	background: url(../images/bg-text-frame.png) no-repeat;
	height:18px;
	width:175px;
	padding:5px 5px 6px;
	margin:0 3px 0 0;
}
.join-form .text {
	border:0;
	background:transparent;
	width:175px;
}
.join-form .join {
	float:left;
}
.reservation-form {
  width:400px;
}
.reservation-form input.text {
  width:200px;
  float:right;
  position:relative;
  right:120px;
}
.reservation-form input.longtext {
  width:200px;
  float:right;
  position:relative;
  right:20px;
}
.room-reservation {
  margin-right:16px;
}
.reservation-form textarea {
  width:300px;
  height:100px;
  overflow:hidden;
  float:right;
  position:relative;
  right:20px;
}
.reservation-form input.submit {
  clear:both;
  float:left;
  margin-top:8px;
  border-color:#2a6a8b;
}
.reservation-form p.form-note {
  padding-top:12px;
  clear:both;
  float:none;
}
#nav {
	list-style:none;
	margin:0;
	padding:0 0 0 200px;
	height:1%;
	overflow:hidden;
	position:relative;
}
#nav li {
	float:left;
	margin:0 43px 0 0;
}
#nav li a {
	float:left;
	height:13px;
	text-indent:-9999px;
	overflow:hidden;
}
#nav li a span {
	height:35px;
	display:block;
	cursor:pointer;
}
#nav li a.studios span {
	background: url(../images/txt-studios.png) no-repeat;
	width:58px;
}
#nav li a.sound span {
	background: url(../images/txt-sound.png) no-repeat;
	width:46px;
}
#nav li a.booking span {
	background: url(../images/txt-booking.png) no-repeat;
	width:61px;
}
#nav li a.local span {
	background: url(../images/txt-local.png) no-repeat;
	width:127px;
}
#nav li a.blog span {
	background: url(../images/txt-blog.png) no-repeat;
	width:35px;
}
#nav li a:hover {position:relative;}
#nav li a:hover span,
#nav li.active span {
	margin:-22px 0 0;
	position:relative;
}
#main {
	margin: -17px 0 0;
    width: 100%;
}
#main .main-t {
	height:24px;
	background: url(../images/bg-main.png) repeat-x;
}
#main .bottom-box {
	height:24px;
	background: url(../images/bg-main-b.png) repeat-x;
}
#content {
	background:#071d30;
	width:100%;
}
#content .content-holder {
	width:980px;
	margin-left:140px;
	height:100%;
	padding:39px 0 0;
}
.content-holder .booking-box {
	width:775px;
	padding:0 0 25px;
	overflow:hidden;
	min-height:306px;
}
.content-holder h2 {
	margin:0 0 30px;
	padding:0 0 5px 2px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.content-holder .txt-booking,
.content-holder .txt-promotion{
	background: url(../images/bg-heading.gif) no-repeat 0 100%;
}
.content-holder h2 span {
	height:13px;
	display:block;
}
.booking-box .txt-booking span {
	background: url(../images/txt-booking-title.gif) no-repeat;
}
.content-holder .features,
.content-holder .features-list {
	list-style:none;
	margin:0;
	padding:0;
}
.content-holder .features li,
.content-holder .features-list li {
	background: url(../images/bullet01.gif) no-repeat 0 5px;
	display:block;
	padding:0 0 0 10px;
	margin:0 0 19px;
}
.booking-inner p{
	line-height:18px;
	margin:0 0 18px;
}
.content-holder p {
	margin:0 0 20px;
}
.social-networks {
	height:1%;
	overflow:hidden;
	padding:0 0 0 140px;
}
.social-networks span {
	float:left;
	margin:0 14px 0 0;
	font-size:11px;
}
.social-networks ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
.social-networks ul li {
	float:left;
	margin:0 10px 0 0;
}
.social-networks ul li a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	height:14px;
}
.social-networks ul li a.facebook {
	background: url(../images/ico-facebook.gif) no-repeat;
	width:52px;
}
.social-networks ul li a.twitter {
	background: url(../images/ico-twitter.gif) no-repeat;
	width:46px;
}
.social-networks ul li a.myspace {
	background: url(../images/ico-myspace.gif) no-repeat;
	width:56px;
}
.resources {
	width:960px;
	padding:0 0 114px;
}
.resources h2 {
	margin:0 0 9px;
}
.resources .txt-promotion span {
	background: url(../images/txt-promotion-title.gif) no-repeat;
}
.resources p{
	line-height:18px;
	margin:0 0 18px;
}
.fourcolumns {
	width:980px;
	overflow:hidden;
	padding:18px 0 0;
}
.fourcolumns .column {
	width:200px;
	float:left;
	padding:0 45px 0 0;
	line-height:17px;
}
.resources h3 {
	margin:0 0 12px;
	padding:0 0 6px 2px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
h3 span {
	display:block;
	height:13px;
}
.record-title,
.live-title,
.bands-title,
.outlets-title,
.venues-title{
	background: url(../images/bg-col-heading.gif) no-repeat 0 100%;
}
h3.record-title span {
	background: url(../images/txt-recording.gif) no-repeat;
}
h3.live-title span {
	background: url(../images/txt-live.gif) no-repeat;
}

h3.venues-title span {
	background: url(../images/txt-venues.png) no-repeat;
}

h3.bands-title span {
	background: url(../images/txt-bands.gif) no-repeat;
}
h3.outlets-title span {
	background: url(../images/txt-outlets.gif) no-repeat;
}
.inner02 #content .content-holder {
	padding:49px 0 0;
}
.content-holder .txt-soundproofing{
	background: url(../images/bg-heading02.gif) no-repeat 0 100%;
	margin:0 0 8px;
}
.txt-soundproofing span {
	background: url(../images/txt-about.png) no-repeat;
}
.content-holder .featur-title{
	background: url(../images/bg-heading02.gif) no-repeat 0 100%;
	margin:0 0 8px;
}
.featur-title span {
	background: url(../images/txt-features.png) no-repeat;
}
.content-holder .sound-box p {
	margin:0 0 24px;
}
.content-holder .features li {
	margin:0 0 3px;
	line-height:18px;
	background-position:0 8px;
}
.studios-box {
	width:100%;
	overflow:hidden;
	position:relative;
}
.studios-box .map {
	width:396px;
	height:310px;
	float:left;
}
.studios-box .descr {
	width:368px;
	float:left;
	padding:6px 0 20px 23px;
}
.descr .txt-rs1, .txt-rs2, .txt-rs3, .txt-rs4{
	background: url(../images/bg-heading02.gif) no-repeat 0 100%;
	margin:0 0 15px;
}
.descr .txt-rs1 span{
	display:block;
	background: url(../images/txt-rs1.png) no-repeat;
	width: 49px;
	height: 26px;
}

.descr .txt-rs2 span{
	display:block;
	background: url(../images/txt-rs2.png) no-repeat;
	width: 49px;
	height: 26px;
}

.descr .txt-rs3 span{
	display:block;
	background: url(../images/txt-rs3.png) no-repeat;
	width: 49px;
	height: 26px;
}

.descr .txt-rs4 span{
	display:block;
	background: url(../images/txt-rs4.png) no-repeat;
	width: 49px;
	height: 26px;
}

.studios-box .descr p{
	margin:0 0 10px;
}
.description-list{
	list-style:none;
	margin:0 0 28px;
	padding:0;
}
.description-list li{
	margin:0 0 10px;
	padding:0 0 0 11px;
	background: url(../images/bullet02.gif) no-repeat 0 5px;
}
.descr .btn-availability{
	float:left;
	background: url(../images/btn-availability.gif) no-repeat;
	width: 138px;
	height: 33px;
}
.map{
	position:relative;
}
.map img {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.map ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
}
.map li {
	position:absolute;
	display:none;
	text-indent:-9999em;
	overflow:hidden;
	background-repeat:no-repeat;
}
.map li.activestate { display:block;}
.map li#area1 {
	background-image:url(../images/area1.gif);
	width: 104px;
	height: 184px;
	top:5px;
	left:18px;
}
.map li#area2{
	background-image:url(../images/area2.gif);
	width: 104px;
	height: 146px;
	top:5px;
	left:124px;
}
.map li#area3 {
	background-image:url(../images/area3.gif);
	width: 102px;
	height: 146px;
	top:5px;
	left:231px;
}

.map li#area7 {
	background-image:url(../images/area4.gif);
	width: 123px;
	height: 80px;
	top:193px;
	left:270px;
}
.clearer {clear:both;}
#left {float: left;width: 500px;margin: 0 0 30px;}
#left p {line-height: 21px;}

#featured_artist img {border: 1px solid #62707C;margin: 10px 0;}
#featured_artist h3 {color:#2A6B8A;margin: 0;font-size: 18px;}
#featured_artist p {margin: 0;}
#featured_artist a {color:#2A6B8A;}
#featured_artist a:hover {color:#FFFFFF;}

#right {float: left;margin:0 0 30px 55px;width: 370px;}
.highslide-gallery a img {border: 1px solid #2C6E92;margin: 0 10px 10px 0;}
a#more_details {color: #2A678B;display: block;font-size: 14px;font-weight: bold;margin: 0 0 0 47px;}
a#more_details:hover {color:#FFFFFF;}


/*** TITLES ***/
#welcome span {background:url(../images/welcome-to-santa-cruz-rehearsal-studios.png) no-repeat center top;height: 15px;width: 278px;}
#featured span {background:url(../images/featured-artist.png) no-repeat center top;height: 15px;width: 102px;}
#our_studios span {background:url(../images/our-studios.png) no-repeat center top;height: 15px;width: 79px;}
#gallery span {background:url(../images/gallery.png) no-repeat center top;height: 15px;width: 50px;margin: 30px 0 0;}
#merch span {background:url(../images/merch.png) no-repeat center top;height:15px;width:41px;}
h2.heading_bg {background: url(../images/bg-heading.gif) no-repeat scroll 0 100% transparent;}
span#recording {background: url(../images/txt-recording.gif) no-repeat scroll 0 0 transparent;}
span#music_venues {background: url(../images/txt-venues.png) no-repeat scroll 0 0 transparent;}
span#bands {background: url(../images/txt-bands.gif) no-repeat scroll 0 0 transparent;}
span#music_outlets {background: url(../images/txt-outlets.gif) no-repeat scroll 0 0 transparent;}
p.blurb {margin: 0 0 30px 0;}

.four_columns {float: left;width: 100%;}
.four_columns .column {float: left;padding: 0 145px 0 0;width: 206px;}
.four_columns .column.last {padding:0 !important;}

#store {float: left;list-style-type: none;padding: 0;width: 100%;}
#store li {float: left;width: 165px;margin: 0 25px 25px 0;}
#store li.last {}
#store li h4 {font-size: 14px;margin: 3px 0;}
#store input {margin: 10px 0 0;}

.right {float: right;width: 375px;}



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	.hidden {display:none;}
	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		margin: 0;
		padding: 0 0 0 200px;
		position: relative;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:0 30px 0 0;
		color:#FFFFFF;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		text-align:left;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		margin: 7px 0 0;
    	padding: 3px 0 5px 5px;
		border-width:1px;
		border-style:solid;
		border-color:#222222;
		background:#2A6B8A;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 20px 3px 2px;
		margin:0px;
		background-color:transparent;
		color:#FFFFFF;
		font-family:Arial;
		font-size:14px;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}