#root {
	width: 100%;
	padding: 0px 0px 0px 0px;
	min-height:100%;
	position:relative;
		overflow: hidden;
		background:url(../images/halo01.jpg) no-repeat 110% 45%;
}


.mainwraper {
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:2000;
	background:  url(../images/tophalo01.png) no-repeat 85% 0%;
	
}
.body_block {
	width: 100%;
	background: url(../images/curvedhalo_01.png) no-repeat 87% 0%;
}
.wrp {
		background: url(../images/curvedhalo_02.png) no-repeat 75% 120%;

}

.mainwraper:after {
	content:'';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.body_block:after {
	content:'';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.wrp:after {
	content:'';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}


#menu  {
	width:35%;
	height:480px;
	position:absolute;
	right:6%;
	top:0;
	
}

#menu  .about {
	width:180px;
	height:76px;
	position:absolute;
	top:115px;
	left: 3%;
	
}
#menu  .about  img {
	width:180px;
	height:76px;
	background:url(../images/menu/about.png);
	}

#menu  .tales {
	width:171px;
	height:112px;
	position:absolute;
	top: 45px;
	right:5%;
	
}
#menu .tales img {
	width:171px;
	height:112px;
	background:url(../images/menu/tales.png);
}

#menu  .playbill {
	width:150px;
	height:116px;
	position:absolute;
	top: 175px;
	right:15%;
	
}
#menu .playbill img {
	width:150px;
	height:116px;
	background:url(../images/menu/playbill.png);
}

#menu  .blog {
	width:126px;
	height:113px;
	position:absolute;
	top: 350px;
	left:15%;
	
}
#menu .blog img {
	width:126px;
	height:113px;
	background:url(../images/menu/blog.png);
}

#menu  .music {
	width:150px;
	height:112px;
	position:absolute;
	top: 245px;
	left:15%;
	
}
#menu .music img {
	width:150px;
	height:112px;
	background:url(../images/menu/music.png);
}

#menu  .competition {
	width:170px;
	height:118px;
	position:absolute;
	top: 285px;
	right:1%;
	
}
#menu .competition img {
	width:170px;
	height:118px;
	background:url(../images/menu/competition.png);
}



#logoblock {
	width:375px;
	height:200px;
	position:absolute;
	top:0px;
	left:2%;
}

#logoblock .icons { 
	width: 10px;
	position:relative;
	top:25px;
	left:0px;
	padding:0px 15px;
}
#logoblock .icons img {
	margin-bottom:23px;
}

#logoblock .logo {
	width:320px;
	height:167px;
	position:absolute;
	top:25px;
	left:35px;
	background:url(../images/logo.png);
}
#content {
	padding-top:165px;
}
#content .scene {	
width:65%;
	height:670px;
	background:url(../images/greatheart.gif) no-repeat top right;
}
#content .scene .kate { 
	width: 433px;
	height:515px;
	background:url(../images/kate.png);
	float:right;
	position:relative;
	margin-right:5%;
}
#content .scene .ub {
	width:132px;
	height:285px;
	background:url(../images/ub.png) no-repeat bottom;
	padding-top:305px;
	margin-left:15%;
	float:left;
	position: absolute;
}
#content .bottom {
	height:250px;
}
#content .bottom .bottomscene {
	padding:35px;
	min-height:250px;
	  height:auto !important;
     height:250px; 
	margin-right:18%;
	background: url(../images/bottom.png) no-repeat top right;
}
#content .bottom .bottomscene .sponsorlogos {
	margin-right: 10%;
}
#content .bottom .bottomscene .sponsorlogos img {
	margin: 10px;
	vertical-align:middle;
}

 #intro {
	width:27%;
	height:480px;
	position:absolute;
	right:3%;
	top:490px;
	}
	#intro h1 {
		color: #D94386;
		font-family:Verdana, Geneva, sans-serif;
		font-size:1.4em;
		text-transform:uppercase;
		margin-bottom:14px;
	}
	#intro p {
		margin:8px 0px;
		font-size:105%;
     	font-size:125%\9;

	}
	#intro strong {
		color: white;
	}
#intro .copyright {
	margin:100px 0px 10px 25px;
	padding-top:30px;
	background:url(../images/firstorgan.png) no-repeat;
	color: #d84187;
}