/* for all templates and grids */
body {
	text-align:justify;
	font-family: Arial;
	font-size: 15px; 
        color: #bfbfbf;
	background-color: #000000;
	background-image: url(/music-images/gradient.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
#ft{clear:both;}
/**/
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	background-image: url(/music-images/rt-shadow.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #000;
	margin:auto;text-align:left;
/*	padding-left:16px;*/
	padding-right: 32px;
	min-height: 676px;
	width:65.33em;*width:63.94em;min-width:750px;
	}

#innerdoc {
	width: 100%;
	min-height: 676px;
	padding-left:16px;
	background-image: url(/music-images/lft-shadow.jpg);
        background-repeat: no-repeat;
        background-position: top left;
	background-color: #000;
}

/* 950 centered */ 
#doc2 {
	width:73.074em;*width:71.313em;min-width:950px;}
/* 100% with 10px viewport side matting */ 
#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;} 

#yui-main {width:100%;}
.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b {
    margin-left:14.8456em;*margin-left:14.512em;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {
    margin-left:24.0759em;*margin-left:23.52em;
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, 
.yui-g .yui-g, 
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u, 
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-u, 
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first{margin-left:0;}
.yui-gc div.first, 
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}




/* Basic Element Formatting */

#header{
	background-color:#000;
	margin:0;
	padding:0;
	padding-bottom: 22px;
	}
	
#header h1{
	margin-left; auto;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom 0px;
	font-size:1em;
	padding:10px;
	width: 920px;
	height: 20px;
	background-image: url(/music-images/logo-header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
#header h1 span {
	display: none;
	}
	
#header .title_image0 {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 920px;
	height: 348px;
	background-image: url(/music-images/home/main-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
	}


#header .title_image1 {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 920px;
	height: 188px;
	background-image: url(/music-images/main-image02.jpg);
        background-repeat: no-repeat;
        background-position: center;
	}

.content{
	background:#000;
	color: #bfbfbf;
	margin:0;
	padding:0;
	padding-left: 60px;
	padding-right: 60px;
	font-family: Arial;
        text-align:justify;
	font-size: 10pt;
	margin-top: -18px;
	padding-top: 26px;
	}

.content a {
	color: #c5ad7a;
	text-decoration: none;
	}

#footer{
	background:#000;
	margin:0;
	margin-top: 100px;
	padding:0;
	text-align: center;
        color: #bfbfbf;
	font-family: Arial;
	font-size: 8pt;
	}
#footer a {
        color: #bfbfbf;
	text-decoration: none;
}
#footer hr {
	display: none;
	}

/* Navigation hacks for the homepage and SEO */

#header #home-menu ul {
	list-style: none;
	height: 154px;
	padding: 0;
	padding-top: 8px;
	margin: 0;
	margin-left: 20px;
	margin-right: auto;
}
#header #home-menu li {
	float: left;
	margin: 0 0.0em;
	margin-left: 10px;
}
#header #home-menu li a {
	width: 100px;
	height: 2em;
	line-height: 2em;
	float: left;
	display: block;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	}

#header #home-menu li a span {
	display: none;
	}																			
#header #home-menu li #about {
        width: 218px;
	height: 168px;
        background: url(/music-images/home/about-us.jpg) #000 bottom left repeat-x;
        }
#header #home-menu li #services {
	margin-left: 5px;
        width: 218px;
	height: 168px;
        background: url(/music-images/home/services.jpg) #000 bottom left repeat-x;
        }
#header #home-menu li #contact {
	margin-left: 8px;
        width: 218px;
	height: 168px;
        background: url(/music-images/home/contact.jpg) #000 bottom left repeat-x;
        }
#header #home-menu li #join {
	margin-left: 5px;
	width: 218px;
	height: 168px;
	background: url(/music-images/home/join.jpg) #000 bottom left repeat-x;
}

#hometext {
	margin-left: 30px;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial;
	font-size: 13px; 
        color: #bfbfbf;
        width: 900px;
        height: 71px;
        background: url(/music-images/home/text.jpg) #000 top left no-repeat;
}

#hometext p {
	margin-top: 8px;
}

/* Navigation hacks for SEO */

#header #nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	}
#header #nav-menu li {
	float: left;
	margin: 0 0.0em;
	}
#header #nav-menu li a {
	width: 100px;
	height: 2em;
	line-height: 2em;
	float: left;
	display: block;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	}
#header #nav-menu li a span {
	display: none;
	}

#title {
	margin-left: -4px;
}

#title h2 span {
	display: none;
	}

#header #nav-menu li #home {
	margin-left: 15px;
	width: 115px;
	background: url(/music-images/bt-home.jpg) #000 bottom left repeat-x;
	}

#header #nav-menu li #about {
	width: 148px;
	background: url(/music-images/bt-about.jpg) #000 bottom left repeat-x;
	}
#title #tabout {
	height: 22px; width: 100px;
	background: url(/music-images/content/title-about-us.jpg) #000 bottom left repeat-x;
	}

#header #nav-menu li #services {
	width: 140px;
	background: url(/music-images/bt-services.jpg) #000 bottom left repeat-x;
	}
#header #nav-menu li #news {
	width: 182px;
	background: url(/music-images/bt-latest-news.jpg) #000 bottom left repeat-x;
	}
#header #nav-menu li #vip {
	width: 188px;
	background: url(/music-images/bt-vip-packages.jpg) #000 bottom left repeat-x;
	}
#title #tvip {
        height: 22px; width: 138px;
        background: url(/music-images/content/title-vip-packages.jpg) #000 bottom left repeat-x;
        }
#header #nav-menu li #contact {
	width: 147px;
	background: url(/music-images/bt-contact.jpg) #000 bottom left repeat-x;
	}
#title #tcontact {
        height: 22px; width: 94px;
        background: url(/music-images/content/title-contact.jpg) #000 bottom left repeat-x;
        }

/* Box left and right */

.box {
	float: left;
	width: 46%; 
	padding: 10px;
	}

.box a {
	color: #bfbfbf;
	text-decoration: none;
	}

.box_right {
	float: right;
	width: 274px;
	margin-left: 40px;
	}

.side_image {
	margin-bottom: 30px;
	}

.vip_menu  {
	height: 225px;
	margin-bottom: 20px;
	}

.vip_menu .vip_side_image {
	margin-right: :30px;
	float: left;
	border: 0px;
	}
.vip_menu div {
	display:table-cell;
	vertical-align:middle;
	height: 225px;
	padding-left: 30px;
	}
.vip_menu div h4 {
	color: #c5ad7a;
	font-size: 13px;
	}
h4 {
        color: #c5ad7a;
	}

/* Sub titles */
	
h3 span { display: none; }

#sub_title_charlie_bio {
	height: 22px; width: 149px;
	background: url(/music-images/content/title-charlie-lycett.jpg) #000 bottom left repeat-x;
	}

#sub_title_daniel_bio {
	height: 22px; width: 138px;
	background: url(/music-images/content/title-daniel-lycett.jpg) #000 bottom left repeat-x;
	}

#sub_title_qartists {
        height: 22px; width: 254px;
        background: url(/music-images/content/title-q-artists.jpg) #000 bottom left repeat-x;
        }
#sub_title_vip {
        height: 22px; width: 212px;
        background: url(/music-images/content/title-q-vip.jpg) #000 bottom left repeat-x;
        }
#sub_title_composed {
        height: 22px; width: 287px;
        background: url(/music-images/content/title-q-composed.jpg) #000 bottom left repeat-x;
        }
#sub_title_twitter {
	margin-left: auto;
	margin-right: auto;
        height: 35px; width: 240px;
        background: url(/music-images/content/title-twitter.jpg) #000 bottom left repeat-x;
        }




/* Rounded corners for twitter page */

.twitter {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	}
.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#333333}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #151515;
  border-right:1px solid #151515;
  background:#262626}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #050505;
  border-right:1px solid #050505;
  background:#292929}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #292929;
  border-right:1px solid #292929;}
.spiffy4{
  border-left:1px solid #151515;
  border-right:1px solid #151515}
.spiffy5{
  border-left:1px solid #262626;
  border-right:1px solid #262626}
.spiffyfg{
  padding-left: 2px;
  padding-right: 2px;
  background:#333333}

.bspiffy{display:block}
.bspiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#121212}
.bspiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #242424;
  border-right:1px solid #242424;
  background:#1a1a1a}
.bspiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #2f2f2f;
  border-right:1px solid #2f2f2f;
  background:#181818}
.bspiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #181818;
  border-right:1px solid #181818;}
.bspiffy4{
  border-left:1px solid #242424;
  border-right:1px solid #242424}
.bspiffy5{
  border-left:1px solid #1a1a1a;
  border-right:1px solid #1a1a1a}
.bspiffyfg{
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  background:#121212}
.bspiffyfg small {
  font-size: 9px;
  margin-bottom: 2px;}
.twitter_mid {
border-bottom: 1px dotted #A5AEC5;}