/*
---------------------------------------------------------------------
Overal layout
---------------------------------------------------------------------
*/

img
{
	border-style: none;
}

*{
	margin:0;
	padding:0;
}


html body {
	background-color: #ffffff;
	background-attachment: fixed;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6875em;
	color: #333333;
	line-height: 140%;

}

a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}

#container{
	width:800px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;
}

#menu{
	width:125px;
	height:420px;
	margin-top:70px;
	margin-left:0px;
	position:fixed;
}
#content{
	width:573px;
	top:0;
	margin-left:125px;
	position:absolute;
	padding-top: 70px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	font-size:0.91em;
	background-image: url(../images/opaque.png);
	border: 1px solid #000000;
}

/*
---------------------------------------------------------------------
Backgrounds of the maincontainer
---------------------------------------------------------------------
*/
.bg_home{
	background-image: url(../images/bg_pylon_colour.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.bg_biog{
	background-image: url(../images/bg_pylon_bw1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.bg_repertoire{
	background-image: url(../images/bg_pylon_bw1.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.bg_projects{
	background-image: url(../images/bg_pylon_bw2.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.bg_dates{
	background-image: url(../images/bg_pylon_colour.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.bg_contact{
	background-image: url(../images/bg_pylon_andre.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

/*
---------------------------------------------------------------------
Extra settings
---------------------------------------------------------------------
*/
.topLink a:link, .topLink a:visited, .topLink a:active {color:#9E005D; text-decoration: none;}
.topLink a:hover {color:#BA365E; text-decoration: underline;}

.contactLink a:link, .contactLink a:visited, .contactLink a:active {color:#F15A22; text-decoration: none;}
.contactLink a:hover {color:#F15A22; text-decoration: underline;}

.repertoireLink a:link, .repertoireLink a:visited, .repertoireLink a:active {color:#93278F; text-decoration: none;}
.repertoireLink a:hover {color:#93278F; text-decoration: underline;}

.projectLink a:link, .projectLink a:visited, .projectLink a:active {color:#3D3356; text-decoration: none;}
.projectLink a:hover {color:#3D3356; text-decoration: underline;}

.datesLink a:link, .datesLink a:visited, .datesLink a:active {color:#BA365E; text-decoration: none;}
.datesLink a:hover {color:#BA365E; text-decoration: underline;}

.indent{
	padding-left: 20px;	
}
.indented {
	padding-left: 10px;
}

.credit {
	font-size:0.92em;
}