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%;
	overflow:hidden;
	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 {
	width:100%;
	margin:-14px 0 0;
	overflow:hidden;
}
#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;
}
.fourcolumns {
	width:980px;
	overflow:hidden;
	padding:18px 0 0;
}
.fourcolumns .column {
	width:200px;
	float:left;
	padding:0 45px 0 0;
	line-height:17px;
}
.column h3 {
	margin:0 0 12px;
	padding:0 0 6px 2px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
}
.column h3 span {
	display:block;
	height:13px;
}
.column .record-title,
.column .live-title,
.column .bands-title,
.column .outlets-title,
.column .venues-title{
	background: url(../images/bg-col-heading.gif) no-repeat 0 100%;
}
.column h3.record-title span {
	background: url(../images/txt-recording.gif) no-repeat;
}
.column h3.live-title span {
	background: url(../images/txt-live.gif) no-repeat;
}

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

.column h3.bands-title span {
	background: url(../images/txt-bands.gif) no-repeat;
}
.column 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;
	padding:0 0 15px;
	margin:-20px 0 0 -5px;
	position:relative;
}
.studios-box .map {
	width:396px;
	height:310px;
	float:left;
}
.studios-box .descr {
	width:368px;
	float:left;
	padding:6px 0 0 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{
	background: url(../images/bg-map.gif) no-repeat;
	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;
}