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


body
{
	background: #090a0c url(../images/inner-bg.png) repeat;
	font-size: 14px;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #c7c7c7;
}

#whole
{
	width:100%;
	height:685px;
	position:relative;
	margin-left:10px;
	margin-top:10px;
	z-index:10;
	overflow:hidden;
	position:relative;	

}
#element
{
position:relative;	
 width:4065px;
 height:3455px;
  margin-left:0px;
  margin-top:0px;
}

#dance
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:1578px;
	margin-top:200px;
	z-index:116;
}
#nav-dance
{
	position:absolute;
	background: url(../events-images/bg-dance.jpg) no-repeat;
	width:559px;
	height:955px;
	z-index:113;
	margin-left:2041px;
	margin-top:435px;
}
#btn-dance
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:110;
	margin-left:2015px;
	margin-top:1403px;
}

#music
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:552px;
	margin-top:315px;
	z-index:126;
}
#nav-music
{
	position:absolute;
	background: url(../events-images/bg-music.jpg) no-repeat;
	width:724px;
	height:955px;
	z-index:123;
	margin-left:1116px;
	margin-top:491px;
}
#btn-music
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:120;
	margin-left:1834px;
	margin-top:1442px;
}

#finearts
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:125px;
	margin-top:1146px;
	z-index:136;
}
#nav-finearts
{
	position:absolute;
	background: url(../events-images/bg-finearts.jpg) no-repeat;
	width:985px;
	height:378px;
	z-index:133;
	margin-left:683px;
	margin-top:1390px;
}
#btn-finearts
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:130;
	margin-left:1686px;
	margin-top:1541px;
}

#funmasti
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:272px;
	margin-top:1960px;
	z-index:146;
}
#nav-funmasti
{
	position:absolute;
	background: url(../events-images/bg-funmasti.jpg) no-repeat;
	width:936px;
	height:685px;
	z-index:143;
	margin-left:764px;
	margin-top:1880px;
}
#btn-funmasti
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:140;
	margin-left:1767px;
	margin-top:1690px;
}

#sports
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:1202px;
	margin-top:2704px;
	z-index:156;
}
#nav-sports
{
	position:absolute;
	background: url(../events-images/bg-sports.jpg) no-repeat;
	width:323px;
	height:1359px;
	z-index:153;
	margin-left:1767px;
	margin-top:1977px;
}
#btn-sports
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:150;
	margin-left:1989px;
	margin-top:1701px;
}

#quiz
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:2282px;
	margin-top:2643px;
	z-index:166;
}
#nav-quiz
{
	position:absolute;
	background: url(../events-images/bg-quiz.jpg) no-repeat;
	width:404px;
	height:1261px;
	z-index:163;
	margin-left:2208px;
	margin-top:2020px;
}
#btn-quiz
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:160;
	margin-left:2204px;
	margin-top:1690px;
}

#media
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:3024px;
	margin-top:1724px;
	z-index:176;
}
#nav-media
{
	position:absolute;
	background: url(../events-images/bg-media.jpg) no-repeat;
	width:900px;
	height:617px;
	z-index:173;
	margin-left:2487px;
	margin-top:1746px;
}
#btn-media
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:170;
	margin-left:2382px;
	margin-top:1683px;
}

#class
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:3140px;
	margin-top:985px;
	z-index:186;
}
#nav-class
{
	position:absolute;
	background: url(../events-images/bg-class.jpg) no-repeat;
	width:1032px;
	height:504px;
	z-index:183;
	margin-left:2467px;
	margin-top:1210px;
}
#btn-class
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:180;
	margin-left:2317px;
	margin-top:1538px;
}

#drama
{
	position:absolute;
	width:860px;
	height:630px;
	margin-left:2569px;
	margin-top:320px;
	z-index:196;
}
#nav-drama
{
	position:absolute;
	background: url(../events-images/bg-drama.jpg) no-repeat;
	width:559px;
	height:842px;
	z-index:193;
	margin-left:2293px;
	margin-top:597px;
}
#btn-drama
{
	position:absolute;
	width:90px;
	height:90px;
	z-index:190;
	margin-left:2190px;
	margin-top:1435px;
}
#main-center
{
	position:absolute;
	margin-left:1691px;
	margin-top:1381px;
	z-index:100;
	width:930px;
	height:685px;
	background: url(../events-images/bg-events.jpg) left top no-repeat;
}
.mainevents{
	padding:410px 70px 0px 20px;
	z-index:100;
}

/* Back */
.back-music{
	width:626px; 
	height: 15px; 
	margin-top:7px; 
	color:#eb3300;
}
.back-music a{
	text-decoration: none;
	color:#eb3300;
}
.back-music a:hover{
	text-decoration: underline;
	color:#eb3300;
}
.back-quiz{
	width:626px; 
	height: 15px; 
	margin-top:7px;
	margin-left: 210px; 
	color:#cdaa02;
}
.back-quiz a{
	text-decoration: none;
	color:#cdaa02;
}
.back-quiz a:hover{
	text-decoration: underline;
	color:#cdaa02;
}
.back-sports{
	width:626px; 
	height: 15px; 
	margin-top:7px; 
	color:#b83dff;
}
.back-sports a{
	text-decoration: none;
	color:#b83dff;
}
.back-sports a:hover{
	text-decoration: underline;
	color:#b83dff;
}
.back-class{
	width:626px; 
	height: 15px; 
	margin-top:7px;
	margin-left: 210px; 
	color:#0e78b4;
}
.back-class a{
	text-decoration: none;
	color:#0e78b4;
}
.back-class a:hover{
	text-decoration: underline;
	color:#0e78b4;
}
.back-drama{
	width:626px; 
	height: 15px; 
	margin-top:7px;
	margin-left: 210px; 
	color:#3f8f13;
}
.back-drama a{
	text-decoration: none;
	color:#3f8f13;
}
.back-drama a:hover{
	text-decoration: underline;
	color:#3f8f13;
}
.back-finearts{
	width:626px; 
	height: 15px; 
	margin-top:7px; 
	color:#3f8f13
}
.back-finearts a{
	text-decoration: none;
	color:#3f8f13;
}
.back-finearts a:hover{
	text-decoration: underline;
	color:#3f8f13;
}
.back-funmasti{
	width:626px; 
	height: 15px; 
	margin-top:7px; 
	color:#e41515;
}
.back-funmasti a{
	text-decoration: none;
	color:#e41515;
}
.back-funmasti a:hover{
	text-decoration: underline;
	color:#e41515;
}
.back-media{
	width:626px; 
	height: 15px; 
	margin-top:7px;
	margin-left: 210px; 
	color:#d8324a;
}
.back-media a{
	text-decoration: none;
	color:#d8324a;
}
.back-media a:hover{
	text-decoration: underline;
	color:#d8324a;
}
.back-dance{
	width:626px; 
	height: 15px; 
	margin-top:7px; 
	color:#3f8f13;
}
.back-dance a{
	text-decoration: none;
	color:#3f8f13;
}
.back-dance a:hover{
	text-decoration: underline;
	color:#3f8f13;
}

.pic-links a{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.pic-links a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}