body{
background-image: url(../images/grad.png);
background-repeat: repeat-x;
background-color:white;
font-family: 'Helvetica', sans-serif;
line-height:1.2em;
font-weight:300;
height:auto;
text-align:left;
padding:0;
margin:0;
font-size: 1em;
}

img{
padding:0;
margin:0;
}

/*-------------LAYOUT AREA-----------------*/


div.mainframe{
position:relative;
width:1150px;
height:auto;
margin-left:auto;
margin-right:auto;
font-size: 0.9em;
font-weight: 400;
padding-bottom: 20px;
}

#inside_frame{
float:left;
width:800px;

}

#leftie{
float:left;
height:1000px;
margin-top:32px;
width:150px;
}

.flg{
margin:20px;
}

#rightie{
float:left;
height:1000px;
margin-top:32px;
width:160px;

}

div.top{
position:relative;
width:800px;
top:0px;
height:90px;
margin-left:10px;
border-style:none;
}	
	
	
.holder{
float:left;
width:800px;
margin-top:10px;
}


.block{
width:69px;
height:69px;
padding:0;
bottom:0px;
}

.show_pic{
padding:0;
margin-left: -3px;
margin-right: -3px;
}

.title{
margin-left:-5px;
padding:0;
display:inline;
}

#menu_header{
height:120px;
margin-bottom:5px;
}

#one{
height:auto;
min-height: 270px;
background-color: white;
margin-top: 0px;
}

#two{
height:auto;
min-height:500px;
background-color: white;
margin-top: 0px;
}

#three{
height:200px;
background-color: white;
margin-top: 0px;
}


div.z{
position:relative;
width:800px;
height:25px;	
margin-top:150px;
margin-bottom:15px;
z-index:100;
text-align:center;
font-weight:400;
color:#262626;
font-size:12px;
	}


.picture_title_colour{
float:left;
margin:20px;
width:780px;
}

.text_content{
float:left;
margin:20px;
width:590px;
}

.performances{
margin-top:30px;
width:590px;
}

.PH_ONE{
font-size: 1.3em;
color: rgb(148, 148,148);
}

.PH_TWO{
font-weight: 700;
}

.light{
font-weight: 400;
}
.perf{
margin-top:20px;
width:400px;
}

.days{
float: left;
height:auto;
width:100px;
}

.times{
float: left;
height:auto;
width:280px;
margin-bottom: 10px;
}

.flag{
float:left;
width:69px;
height:100%;
}


.quote{
font-weight: 600;
color: rgb(0, 173,239);
font-style:italic
}

.director_says{
margin-bottom:-10px;
font-weight: 600;
}

.attr{
margin-top:0px;
font-weight: 600;
}




.title_text{
font-size: 1.3em;
font-weight: 600;
color: rgb(237,0,140);

}
	
	

a.zed{
text-decoration:none;
color:black;
font-weight:100;
margin:1px;
}

a:visited.zed{
text-decoration:none;
color:black;
font-weight:100;
margin:1px;
}




a div{
position:absolute;
height:70px;
width:95px;
top:0;
}

a div.home {
background-image: url(../images/buttons/HOME.png);
background-repeat: no-repeat;
}
a:hover div.home {
background-image: url(../images/buttons/HOMEROLL.png);
background-repeat: no-repeat;
}

a div.whatson {
left:98px;
background-image: url(../images/buttons/WHATSON.png);
background-repeat: no-repeat;
}

a:hover div.whatson {
left:98px;
background-image: url(../images/buttons/WHATSONROLL.png);
background-repeat: no-repeat;
}

a div.venues {
left:196px;
background-image: url(../images/buttons/BKING.png);
background-repeat: no-repeat;
}

a:hover div.venues {
left:196px;
background-image: url(../images/buttons/BKINGROLL.png);
background-repeat: no-repeat;
}

a div.schools {
left:294px;
background-image: url(../images/buttons/SCHOOLS.png);
background-repeat: no-repeat;
}

a:hover div.schools {
left:294px;
background-image: url(../images/buttons/SCHOOLSROLL.png);
background-repeat: no-repeat;
}


a div.ontour {
left:392px;
background-image: url(../images/buttons/ONTOUR.png);
background-repeat: no-repeat;
}

a:hover div.ontour {
left:392px;
background-image: url(../images/buttons/ONTOURROLL.png);
background-repeat: no-repeat;
}

a div.takingpart {
left:490px;
background-image: url(../images/buttons/TAKINGPART.png);
background-repeat: no-repeat;
}

a:hover div.takingpart {
left:490px;
background-image: url(../images/buttons/TAKINGPARTROLL.png);
background-repeat: no-repeat;
}

a div.supporters {
left:588px;
background-image: url(../images/buttons/SUPPORTERS.png);
background-repeat: no-repeat;
}

a:hover div.supporters {
left:588px;
background-image: url(../images/buttons/SUPPORTERSROLL.png);
background-repeat: no-repeat;
}

a div.imaginate {
left:686px;
background-image: url(../images/buttons/IMAGINATE.png);
background-repeat: no-repeat;
}

a:hover div.imaginate {
left:686px;
background-image: url(../images/buttons/IMAGINATEROLL.png);
background-repeat: no-repeat;
}

a div.booking{
width:167px;
height:23px;
background-image: url(../images/buttons/booking.png);
background-repeat: no-repeat;
}

a:hover div.booking{
width:167px;
height:23px;
background-image: url(../images/buttons/booking_roll.png);
background-repeat: no-repeat;
}