/*****************/
@import url(menustyle.css);
@import url(projects.css);
/*****************/

body 	{ 
	background:#060906 url(../assets/images/halebg.jpg) top left; 
	margin:0; 
	padding:0; 
}
#wrapper { 
	width:100%; 
	text-align:center; 
	margin:1.5em 0; 
	padding:0;
}
#container { 
	position:relative;
	width:820px; 
	margin:0 auto 2em; 
	padding:0; 
	text-align:left; 
	background:#686868 url(../assets/images/btmbg.jpg) no-repeat 0% 100%; 
}

#header 	{ 
	background:url(../assets/images/newtopbg.jpg) no-repeat; 
	margin:0; 
	padding:0;
	width:820px; 
	height:54px; 
}
#header a { 
	text-decoration:none; 
}
#header img { 
	margin-left:25px; 
}

#content 	{ 
	position:relative; 
	margin:22px 20px 0 20px; 
	width:780px; 
/*	height:530px;   */
}
	body#hom #content {
		background:#000 url(../assets/images/ph_linc4.jpg); }
	body#hom2 #content {
		background:#000 url(../assets/images/newhale.jpg); }
	body#chw #content {
		background:#000 url(../assets/images/choralwork.jpg) bottom left no-repeat; }
	body#rec #content, body#lnk #content,
	body#sou #content, body#nbc #content, body#cds #content {
		background:#000 url(../assets/images/main1.jpg); }
	body#con #inner, body#bio #inner, body#eml #inner, body#rec #inner, body#sou #inner, 
	body#nbc #inner, body#lnk #inner, body#cds #inner { width:780px; padding-bottom:20px;
		background:#000 url(../assets/images/main-bottom.jpg) bottom no-repeat; }

	body#tst1 #content {
		background:#000 url(../assets/images/bridlingtongt.jpg); }
	body#tst2 #content {
		background:#000 url(../assets/images/bridlington1.jpg) 40% 100%  no-repeat; }
	body#tst3 #content {
		background:#000 url(../assets/images/glenalmond_console.jpg) 26.5% 100% no-repeat; }
	body#tst4 #content {
		background:#000 url(../assets/images/glenalmond_case.jpg) center no-repeat; }
	body#tst5 #content {
		background:#000 url(../assets/images/leek_console.jpg) center no-repeat; }
	body#tst6 #content {
		background:#000 url(../assets/images/solihull.jpg) no-repeat; }
	body#tst7 #content {
		background:#000 url(../assets/images/wigan-console.jpg) no-repeat; }
	body#tst8 #content {
		background:#000 url(../assets/images/wigan-case.jpg) no-repeat; }
	body#tst9 #content {
		background:#000 url(../assets/images/pitchcombe09.jpg) no-repeat; }
	body#tst1 #inner, body#tst2 #inner, body#tst3 #inner, 
	body#tst4 #inner, body#tst5 #inner, body#tst6 #inner,
	body#tst7 #inner, body#tst8 #inner, body#tst9 #inner  { 
		width:780px; padding-bottom:20px; }
	 
#welcome {
	display:block;
	width:228px; 
	height:340px; 
	margin:1.5em 0 0 530px;
	padding:34px 0 0 8px; 
	font:11px/20px verdana; 
	color:#FFB; 
	background:#0D0906; 
	border:0px dotted #2F2F2F; 
	}

#float 	{ 
	position:relative; 
	width:240px; 
	height:488px; 
	left: 11px; 
	top:17px; 
	background:#666; 
/*
	filter: alpha(opacity=30);  
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity: 0.30; 
	opacity:0.3; 
*/
}
#float-text-head { 
	position:absolute; 
	left:0px; 
	top:0px; 
	width:220px; 
	height:34px; 
	color:#FC6;
	background:#000; 
	z-index:20; 
}
#float-text { 
	float:left;
	display:inline;
	margin:18px 0 0 11px;
	padding:0;
	width:270px; 
	height:488px; 
	left: 11px; 
	top:17px; 
	overflow:auto; 
}
#float-text-head { 
	width:220px;
	height:20px;
	margin:18px 0 0 18px; 
	padding:6px;
	text-align:left;
	font:bold 11px verdana,arial,helvetica,sans-serif; 
	color:#FFC;  
}
dl 	{ 
	font:11px verdana,arial,helvetica,sans-serif; 
	margin-top:40px; 
	margin-bottom:1em; 
}
dt 	{ 
	color:#fc6; 
	margin-left:1.2em; 
}
dd 	{ 
	color:#FFC; 
	margin-left:2.5em; 
	margin-top:2px;
	margin-bottom:1.3em;
	text-align:left;
}
dt a, dd a	{
	font-weight:bold;
	color:#0FF;
	background:inherit;
	text-decoration:none;
	padding:1px 6px;
	}
dt a:hover, dt a:focus, dt a:active,
dd a:hover, dd a:focus, dd a:active  {
	color:#FFE;	
	background:#C33; 
	}
body#lnk #text dt {
	margin-top:0.8em; 
}
body#lnk #text dd {
	color:#C6C6C6; 
	line-height:16px; 
}

a.mail, a.loadinto-div11	{
	font-size:10px;
	font-weight:bold;
	color:#0FF;
	background:inherit;
	text-decoration:none;
	padding:2px 6px;
	}
a.mail:hover, a:hover loadinto-div11 {
	color:#FFE;
/*	background:#922;  */
	}


#tagline 	{ 
/*
	position:relative; 
*/
	position:absolute;
	bottom:0px; 
	left:100px; 
	width:140px; 
	font:11px verdana,arial,helvetica,sans-serif; 
	color:#AAA; 
	text-align:center; 
	font-style:italic; 
	background:#1B1C18;
	padding:2px; 
	z-index:10; 
}
#tagline2 { 
	position:relative; 
	top:0; 
	left:0; 
	width:260px; 
	font:11px verdana,arial,helvetica,sans-serif; 
	color:#AAA; 
	text-align:right; 
	font-style:italic; 
	background:inherit; 
	padding:2px 0; 
	z-index:10; 
}

#text 	{ 
	position:relative;
	display:inline;
	margin-right:19px;
	margin-top:22px;
	width:466px; 
	height:480px; 
	overflow:hidden; 
	margin:0;
	font:11px/20px verdana,arial,helvetica,sans-serif; 
	color:#FFFFAF; 
	background:#000;
	text-align:justify; 
	}
	body#bio #text, body#sou #text { 
		float:right; margin:22px 19px 0 0; }
	body#con #text, body#lnk #text, body#cds #text { 
		float:left; margin:22px 0 0 19px; }
	 body#nbc #text  { 
		float:left; width:382px; margin:22px 0 0 20px ; }

#text2	{
	width:740px;
	height:120px;
	margin:18px 19px 0;
	padding:0;
	background:#222;
	font:11px/20px verdana,arial,helvetica,sans-serif; 
	color:#FFC; 
	background:#000;
	text-align:justify; 
}
	

#div1, #div2, #div3, #div4 { 
	position:absolute; 
	visibility:hidden; 
	width:466px; 
	height:478px; 
	left:0; top:0; 
	z-index:10; 
	background:#000;
}
#divcd1, #divcd2, #divcd3 {
	position:absolute; 
	visibility:hidden; 
	width:740px;
	height:376px;
	margin:0 20px;
	color:#FFC;
	background:#000;
}
#divcd2, #divcd3 {
	top:44px;
	height:466px;
	padding-top:6px;
	background:#000;
}	
		
#div1, body#cds #divcd1 { 
	visibility:visible;
} 
.linx	{
	position:absolute;
	bottom:4px; right:4px;
}
.linx a 	{
	font:bold 10px verdana,arial,helvetica,sans-serif;
	color:#0FF;
	background:inherit;
	text-decoration:none;
	padding:2px 6px;
	font-size:10px;
}
.linx a:hover, .linx a:focus, .linx a:active {
	color:#FFE;
	text-decoration:underline;
}
.linx a.dead, .linx a.dead:hover, .linx a.dead:focus, .linx a.dead:active {
	color:#696969;
	text-decoration:none;
	cursor:default;
}

#text p 	{ 
	margin:0 0 0.8em 0; 
}
h5 	{ 
	font: bold 15px arial,helvetica,sans-serif; 
	color:#FC6; 
	margin-bottom:0.2em; 
}

#footer 	{
	position:relative; 
	font:11px verdana,arial,helvetica,sans-serif; 
	color:#FFE; 
	text-align:right; 
	margin:8px 20px 0 0;
	padding:0 0 8px 0; 
}
#footer p {
	margin:0;
	padding:0;
}
#footer a 	{
	font-size:11px;
	font-weight:bold;
	color:#0FF;
	background:#686868;
	text-decoration:none;
	padding:2px 6px;
}
#footer a:hover, #footer a:focus, #footer a:active {
	background:#686868;
	color:#FFE;
	text-decoration:underline;
}
#footer a.adminmail, #footer a.adminmail:hover {
	font:11px verdana,arial,helvetica,sans-serif; 
	color:#FFE; 
	text-decoration:none;
	cursor:text;
}

/* **************************
      recordings/links pages CD menus etc
************************** */
.divleft img { 
	border:1px solid #868686; 
	margin-bottom:6px; 
}
.divleft 	{ 
	float:left; 
	width:260px; 
	margin-top:11px; 
	height:300px; 
	background:inherit;
}
.divleft p 	{ 
	font:10px/16px verdana,arial,helvetica,sans-serif; 
}
.divright 	{
	float:right; 
	width:460px; 
	height:300px; 
	margin:0; 
	background:inherit;
}
.menu 	{ 
	width:460px; 
	margin:0 0 0 20px; 
	padding:0; 
	border-top:1px solid #666; 
	list-style:none; 
} 
body#cds #data img {
	border:1px solid #868686;
	}
.menu a 	{ 
	font:bold 9px verdana,arial,helvetica,sans-serif; 
	color:#0FF; 
	text-decoration:none; 
}
.menu a:hover { 
	text-decoration:underline; 
}
.menu li 	{ 
	width:460px; 
	font:10px/18px verdana,arial,helvetica,sans-serif; 
	padding:0; 
	border-bottom:1px solid #666; 
}
.menu li span { 
	float:right; 
	text-align:right; 
}
.menu li.last { 
	margin-top:0.5em; 
	border-bottom:none; 
}
body#cds .linx { 
	margin-top:2em; 
}

/* *********************
      IMAGES
********************* */
.minipicleft	{
	float:left; display:inline; margin:8px 6px 0 0;
}
.minipicright	{
	float:right; display:inline; margin:8px 0 0 6px;
}
.picleft	{
	float:left; display:inline; margin:28px 0 0;
}
	body#sou .picleft, body#nbc .picleft {
	float:left; display:inline; margin:28px 0 0 18px; }
.picright	{
	float:right; display:inline; margin:28px 18px 0 0; font:italic 11px verdana,arial,helvetica,sans-serif; 
	color:#AAA; background:#000; text-align:right; 
	}
	body#con .picright	{
		float:right; display:inline; margin:28px 0 0 0; font:italic 11px verdana,arial,helvetica,sans-serif; 
		color:#AAA; background:#000; text-align:right; }


/*
#opaque { filter: alpha(opacity=66);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=66);
 -moz-opacity: 0.66; opacity:0.66; 
}
*/
#opaque { position:relative; left:42px; margin-top:30px; padding:10px; width:240px; }
#words { width:240px; }

body#nbc #data a.loadinto-divx { 
    font:bold 11px verdana,arial,helvetica,sans-serif; 
    text-decoration:none;
    color:#0FF; 
}

body#nbc #data a.loadinto-divx:hover { 
    text-decoration:underline;
    color:#FFE; 
}

#feedback label { float:left; display:block; width:86px; margin-top:1px; text-align:right; padding-right:8px;background:#444; }
#feedback input.formbox { width:338px; margin-top:0; padding:4px 8px 3px;border:0; background:#666; margin-left:2px; font:11px verdana; color:#FEB; }
#feedback input#send { float:right; font-size:10px; padding:2px 0; margin:8px 2px; font-weight:700; color:red; }
#feedback textarea { width:338px; background:#666; font:11px verdana; color:#FFFFAF; border:0; padding:4px 8px;margin-left:2px; }
p.warning { font-weight:700; color:red; text-align:left; }
p.warning2 { font-weight:300; color:#FC6; text-align:left; padding-left:98px; }


/* *********************************
      RECITALS PAGE
********************************* */

#recitals 	{ 
    padding:0; 
    width:266px; 
    height:488px; 
    overflow:auto; 
    background:inherit;
    margin:0 0 0 20px; 

    scrollbar-face-color:#505050;
    scrollbar-arrow-color:#F93;
    scrollbar-track-color:#393939;
    scrollbar-shadow-color:#666;
    scrollbar-darkshadow-color:#333;
    scrollbar-3dlight-color:#666;
    scrollbar-highlight-color:#868686;
}

#recitals dl { 
    font:11px verdana,arial,helvetica,sans-serif; 
    margin:0 0 1em; 
}
#recitals dt { 
    color:#fc6; 
    margin-left:0; 
}
#recitals dd { 
    color:#FFC; 
    margin-left:14px; 
    margin-top:2px; 
    margin-bottom:10px; 
    text-align:left; 
}

#pix	{
    position:relative; 
    width:478px; 
    height:486px;
}

#pix img	{
    margin-left:14px;
}

#pix span	{
     display:block;
    position:absolute; 
    bottom:0; 
    right:0; 
    text-align:right; 
    color:#996; 
    font-style:italic;
}
p.more	{
    position:absolute; 
    bottom:26px; 
    right:0;
    z-index:100;
}

/* *********************************
      BIO PAGE
********************************* */
#newbio, #swell, #choral {
    width:456px; 
    height:470px; 
    overflow:auto; 
    margin:8px 0 0 2px; 
    padding-right:10px;
    text-align:left;

    scrollbar-face-color:#505050;
    scrollbar-arrow-color:#F93;
    scrollbar-track-color:#393939;
    scrollbar-shadow-color:#666;
    scrollbar-darkshadow-color:#333;
    scrollbar-3dlight-color:#666;
    scrollbar-highlight-color:#868686;
}
#newbio p.first, #swell p.first {
    margin-top:0;
}
#swell {
    width:740px; 
    height:484px; 
    margin:8px 8px 0 22px;
}
#choral {
    width:740px; 
    height:460px; 
    margin:8px 8px 0 22px;
}


#choralbumf {
    background:#000; 
    width:360px; 
    height:460px; 
    margin:0 0 480px 350px;
    padding:10px 5px;
    opacity: 0.55;
    -moz-opacity: 0.55;
    filter: alpha(opacity=55);
}