f
 @CHARSET "UTF-8";

html {
	height: 100%;
}

p {
	font-weight: bold;
	font-size: 100%;
}

ul {
	text-indent: 30px;
	text-align: center;
}

body #index_image {
	background-image: url("../picture/mainSiteCentral.jpg");
	background-repeat: no-repeat;
}

#index_image {
	position: absolute;
	width: 964px;
	height: 748px;
	top: 50%;
	left: 50%;
	margin-top: -374px;
	margin-left: -482px;
}

#center_nav {
	
}

a {
	font-size: 20px; -moz-transition : -moz-transform 3s ease;
	text-shadow: gray 10px 10px 5px;
	-moz-transform: skewY(5deg) scale(1.7, 1.2) translateX(20%);
	-webkit-transition: -webkit-transform 3s ease;
	-webkit-transform: skewY(5deg) scale(1.7, 1.2) translateX(20%);
	-o-transform: skewY(5deg) scale(1.7, 1.2) translateX(20%);
	-o-transition: -o-transform 3s ease;
	-moz-transition: -moz-transform 3s ease;
}

a:LINK {
	text-decoration: none;
}

a:HOVER {
	-o-transform: skewY(20deg) scale(1.2, 1.2) translateX(60%);
	-moz-transform: skewY(20deg) scale(1.2, 1.2) translateX(60%);
	transform: skewY(20deg) scale(1.2, 1.2) translateX(60%);
}

#a1 {
	-moz-transform: translateX(100px) translateY(50px) rotate(340deg);
	-moz-transform-origin: 60% 100%;
	-webkit-transform: translateX(100px) translateY(50px) rotate(340deg);
	-webkit-transform-origin: 60% 100%;
	-o-transform: translateX(100px) translateY(50px) rotate(340deg);
	-o-transform-origin: 60% 100%;
	-ms-transform: translateX(100px) translateY(50px) rotate(340deg);
	-ms-transform-origin: 60% 100%;
	transform: translateX(100px) translateY(50px) rotate(340deg);
	transform-origin: 60% 100%;
}

#a2 {
	-moz-transform: translate(-200px) translateY(170px) rotate(20deg);
	-moz-transform-origin: 60% 100%;
	-webkit-transform: translate(-200px) translateY(170px) rotate(20deg);
	-webkit-transform-origin: 60% 100%;
	-o-transform: translate(-200px) translateY(170px) rotate(20deg);
	-o-transform-origin: 60% 100%;
	-ms-transform: translate(-200px) translateY(170px) rotate(20deg);
	-ms-transform-origin: 60% 100%;
	transform: translate(-200px) translateY(170px) rotate(20deg);
	transform-origin: 60% 100%;
}

#a3 {
	-moz-transform: translate(-75px, 55px) rotate(-39deg);
	-webkit-transform: translate(-75px, 55px) rotate(-39deg);
	-o-transform: translate(-75px, 55px) rotate(-39deg);
	-ms-transform: translate(-75px, 55px) rotate(-39deg);
	transform: translate(-75px, 55px) rotate(-39deg);
}

#a4 {
	-moz-transform: translate(30px) translateY(20px) rotate(12deg);
	-webkit-transform: translate(30px) translateY(20px) rotate(12deg);
	-o-transform: translate(30px) translateY(20px) rotate(12deg);
	-ms-transform: translate(30px) translateY(20px) rotate(12deg);
	transform: translate(30px) translateY(20px) rotate(12deg);
}

#a5 {
	-moz-transform: translate(-66px, 100px) rotate(333deg);
	-webkit-transform: translate(-66px, 100px) rotate(333deg);
	-o-transform: translate(-66px, 100px) rotate(333deg);
	-ms-transform: translate(-66px, 100px) rotate(333deg);
	transform: translate(-66px, 100px) rotate(333deg);
}

#index_image:HOVER { /*-moz-box-shadow: inset 0 0 10em purple;
	-webkit-box-shadow: inset 0 0 10em purple;
     box-shadow: inset 0 0 10em purple;
	*/
	
}

#pos {
	position: relative;
}

#footer {
	position: absolute;
	width: 964px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-top: 239px;
	margin-left: -482px;
	line-height: 30px;
	text-align: center;
	font-family: sketch;
	color: #6616c1;
	font-size: large;
	font-family: punks;
}

#footer a {
	font-size: large;
	color: #6616c1;
	-moz-transition: none;
	text-shadow: none;
	-moz-transform: none;
}

#footer a:HOVER {
	color: black;
}