@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
}

.hidden {
	display: none;
}

.toggler  {
	cursor:pointer;
	font-weight:bold;
	color:#666666;
	margin: 0;
	font-size:16px;
	font-family:Arial, Verdana, Helvetica;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.toggler:hover	 {
	background-color: #f4f3f3;
}
.element	 {
	font-family: Arial, Verdana, Helvetica;
	color: #666666;
	line-height: 1.1 em;
	font-size: 12px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 10;
	padding-left: 30px;
}

#pagecontainer
{
	width: 790px;
	background-color: white;
	margin-right: 25%;
	margin-left: 5%;
}

#main-nav{
	height: 165px;
	background-image:url(../images/tweak_l.jpg);
	background-repeat: no-repeat;
	width: 790px;
}

#nav-1{
	float: right;
	width: 100px;
	padding-top: 60px;
	padding-right: 140px;
}

#nav-2{
	float: right;
	width: 100px;
	padding-top: 60px;
	padding-right: 50px;
}

#nav-3{
	float: right;
	width: 100px;
	padding-top: 60px;
	padding-right: 50px;
}

#sidebar-a {
	float: left;
	width: 220px;
	background-color: #FFFFFF;
	background-image: url(../images/tweak_head.jpg);
	background-repeat: no-repeat;
	padding-top: 170px;
	padding-left: 20px;
}

#content {
	margin-left: 220px;
	background-color: #FFFFFF;
	background-image: url(../images/content_h.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 100px;
	padding-bottom: 30px;
}
#contentp {
	background-color: #FFFFFF;
	background-image: url(../images/programme.jpg);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 100px;
	padding-bottom: 30px;
	display: block;
}

#contents {
	margin-left: 220px;
	background-color: #FFFFFF;
	background-image: url(../images/content_s.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
}

#contentcont {
	margin-left: 220px;
	background-color: #FFFFFF;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
}

#contentart {
	background-color: #FFFFFF;
	background-image: url(../images/artists.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 30px;
	padding-bottom: 30px;
}

#contentm{
	background-color: #FFFFFF;
	background-image: url(../images/cinemaw.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 30px;
	padding-bottom: 30px;
}

#contentphoto{
	
	background-color: #FFFFFF;
	background-image: url(../images/photos.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-left: 30px;
	
	padding-bottom: 30px;
}


#footer {
	background-color: #FFFFFF;
	background-image: url(../images/footer_h.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 250px;
}

#footersub {
	background-color: #FFFFFF;
	background-image: url(../images/footer_ex.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#student {
	background-color: #FFFFFF;
	background-image: url(../images/student.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	margin-top: 20px;
}

#listen {
	background-color: #FFFFFF;
	background-image: url(../images/listen.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	margin-top: 20px;
}
#workshops {
	background-color: #FFFFFF;
	background-image: url(../images/workshops.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	margin-top: 20px;
}

#music {
	background-color: #FFFFFF;
	background-image: url(../images/music.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	margin-top: 20px;
}

#showcase {
	background-color: #FFFFFF;
	background-image: url(../images/showcase.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	margin-top: 20px;
}


#footersubreg {
	background-color: #FFFFFF;
	background-image: url(../images/register.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	margin-top: 20px;
}

#footersub2 {
	background-color: #FFFFFF;
	background-image: url(../images/workshops.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 250px;
}

#footersub3 {
	background-color: #FFFFFF;
	background-image: url(../images/electronic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 250px;
}

#footersub4 {
	background-color: #FFFFFF;
	background-image: url(../images/cinema.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 250px;
}

#footersub5 {
	background-color: #FFFFFF;
	background-image: url(../images/listening.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 250px;
}

#footer2 {
	background-color: #FFFFFF;
	background-image: url(../images/footer2_h.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 250px;
}

#r1{
	float: left;
	width: 219px;
	margin-right: 30px;
	height: 146px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#r2{
	float: left;
	width: 350px;
	margin-right: 10px;
	height: 263px;
	margin-top: 30px;
	margin-bottom: 20px;
}

#r3{
	float: left;
	width: 330px;
	margin-right: 50px;
	margin-top: 30px;
	margin-bottom: 20px;
	height: auto;
}

#r4{
	float: left;
	width: 200px;
	margin-right: 30px;
	height: 150px;
	margin-top: 20px;
	margin-bottom: 20px;
}

