/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
@font-face {
    font-family: 'LimelightRegular';
    src: url('fonts/LimelightRegular.ttf');}
 @font-face {
    font-family: 'PrincessSofiaRegular';
    src: url('fonts/PrincessSofiaRegular.eot');
    src: url('fonts/PrincessSofiaRegular.eot') format('embedded-opentype'),
         url('fonts/PrincessSofiaRegular.woff2') format('woff2'),
         url('fonts/PrincessSofiaRegular.woff') format('woff'),
         url('fonts/PrincessSofiaRegular.ttf') format('truetype'),
         url('fonts/PrincessSofiaRegular.svg#PrincessSofiaRegular') format('svg');
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{margin:0px;padding:0px; background-color:#000;}
body a:link {color:#ddf; text-decoration:none;} a:visited{color:#ddf; text-decoration:none;}
body a:hover {color:#fff; text-decoration:none;}

#centerwrapper
{
position:relative;
margin:0 auto;
max-width: 1200px;


}


h1 {
font-family:Georgia;
font-size:1.3em;
line-height:1.5em;
margin:0.3em;
color:#fff;
}

h2 {
font-family:LimelightRegular;
font-size:1em;
line-height:1.5em;
margin:1em;
color:#cfc;

}

h4 {
font-family:PrincessSofiaRegular;
font-size:3em;
line-height:1.2em;
margin:0.5em;
color:#fdf;
}


p {
font-family:georgia;
font-size:1.1em;
line-height:1.2em;
margin:1.8em;
color:#fff;
}


#homeimage{

position:absolute;
top:0;Left:0;
width:100%;
z-index:-1;
}

#toplogo
{
position:relative;
width:90%;


}

#toplogosmall
{
float:right;
width:20em;
margin:1em;
top:0em;right:0em;

}

#sitebottompic
{
position:relative;
width:100%;


}



#menucontainer
{
position:fixed;
width:100%;
z-index:10;
}
#menu
{

background-color:rgba(0,0,0,0.9);

}

#menu li
{

font-family:LimelightRegular;
font-size:1em;
padding:0.2em;display:inline-block;
}


.textwindow
{

max-width:45em;
float:right;
background-color:rgba(0,0,0,0.6);
}

#contentwindow
{
position:relative;
    border-radius: 25px;
padding:0em;margin:2em; 
background-color:rgba(0,0,0,0.0);
background-image:url('back2.jpg');background-repeat:no-repeat;
height:1000px;
}

#contentwindow2
{
position:relative;
    border-radius: 25px;
padding:0em;margin:2em; 

background-color:rgba(0,0,0,0.0);
background-image:url('back3.jpg');background-repeat:no-repeat;
height:1000px;
}


#contentwindow3
{
position:relative;
    border-radius: 25px;

padding:0em;margin:2em; 

background-color:rgba(0,0,0,0.0);
background-image:url('back4.jpg');background-repeat:no-repeat;
height:1000px;
}


#contentwindow4
{
position:relative;
    border-radius: 25px;

padding:0em;margin:2em; 

background-color:rgba(0,0,0,0.0);
background-image:url('back5.jpg');background-repeat:no-repeat;
height:1000px;
}

#contentwindow5
{
position:relative;
    border-radius: 25px;

padding:0em;margin:2em; 
background-color:rgba(0,0,0,0.0);
background-image:url('back6.jpg');background-repeat:no-repeat;
height:1000px;

}

#contentwindow6
{
position:relative;
    border-radius: 25px;

padding:0em;margin:2em; 
background-color:rgba(0,0,0,0.0);
background-image:url('back7.jpg');background-repeat:no-repeat;
height:1000px;
}
#contentwindow7
{
position:relative;
    border-radius: 25px;

padding:0em;margin:2em; 
background-color:rgba(0,0,0,0.0);
background-image:url('back8.jpg');background-repeat:no-repeat;
height:1000px;
}


.textimage
{
margin:1em;float:right; width:150px;
 border-radius: 10px;
}
#textimageband
{
margin:3em 1em 3em 1em;float:right; width:80%;
 border-radius: 10px;
}

.textimageleft
{
margin:2em;float:left; width:300px;
 border-radius: 10px; box-shadow:5px 5px 5px #333;
}


.portrait
{
width:8em;
margin:1em;
float:left;
width:120px;
  clip-path: circle(60px at center);
}

#identity
{
height:22em;
width:60%;
position:relative;
left:10em;
margin:1em;

}

.identityinfo
{
position:relative;
display:block;
width:100%;
top:-10em;
}

#identity h2{font-size:1.5em;position:relative;right:5em;}
#identity p{font-size:1em;position:relative;right:5em; width:30em;}

.sidepic
{
float:right;
overflow:hidden;
width:8em;
margin-left:1em;
 border-radius: 10px;
}


#audioplayer
{
position:relative;
margin:1em;
}
#controls
{
width:60%;
}
#gallery
{
width:100%;
text-align:center;
}
#gallery img
{
margin:1em;
width:80%;
 border-radius: 15px;
 vertical-align:text-top;
}

.bulletpoint
{
position:relative;
top:1em;
margin:0em;

}
#whisttext{
font-family:PrincessSofiaRegular;
font-size:1em;
line-height:1.3em;
margin:1.5em;
color:#afa;


}

#repetoire
{text-align:center;
}

#repetoire h2
{
font-family:PrincessSofiaRegular;
font-size:2em;
}

#repetoire li
{
font-family:georgia;
font-size:0.8em;
color:#fff;
margin:0.6em;
}

.homelist
{
  list-style-image: url('bulletpoint.png');
font-family:georgia;
font-size:1em;
line-height:1.5em;
margin:1.8em;
margin-left:5em;
margin-right:5em;
color:#fff;
}

.sociallink
{width:80px;
  clip-path: circle(30px at center);
}

#youtubeshowreel
{
margin:1em;
padding:1em;
width:80%;
}
 
.cdimage
{
margin:1em;
width:100%;
}

.saleitem
{
width:50%;
text-align:center;


}


#tracklisting
{


margin-left:3em;
font-family:georgia;
font-size:0.7em;
color:#fff;
max-width:50%;

}

#holsworthypic
{
display:none;

}

.lockdownlivingpic
{
width:200px;
margin:1em;
}


#indexpreorderad
{
width:40%;
margin:1em;

}
#newsletterpic
{
width:50%;
margin:1em;
}
#newsletterindex
{
background-color:rgba(0,0,0,0.5);
border-style:solid;border-width:1px 0px 1px 0px; border-color:#ccc;
}

#charterimage
{
margin:1em;
width:200px;
float:right;
}

.margin
{
margin:1em;
}

#seenontvpic
{
width:6em;
float:right;
padding:1em;
}