@charset "utf-8";
#nav {
	background-color: #4C4C4C;
	position: absolute;
	height: 200px;
	width: 800px;
	background-repeat: repeat;
	margin-top: 340px;
	margin-left: 0px;
}
#port {
	height: 340px;
	width: 800px;
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	left: 50px;
	top: 30px;
}
#bar {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 215px;
	width: 1280px;
}
#bar2 {
	position: absolute;
	height: 215px;
	width: 1280px;
	background-color: #4C4C4C;
	left: 0px;
	top: 340px;
}
#logo2 {
	position: absolute;
	left: 980px;
	top: 385px;
	z-index: 3;
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	left: 50px;
	top: 325px;
	height: 30px;
	width: 600px;
	z-index: 7;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4C4C4C;
	position: absolute;
	left: 50px;
	top: 560px;
}


#sig {
	position: absolute;
	z-index: 1;
	margin-top: 357px;
	margin-left: 40px;
	margin-right: 0px;
	height: 100px;
	width: 142px;
}
#gd {
	margin-top: 469px;
	position: absolute;
	z-index: 2;
	margin-left: 40px;
	height: 14px;
	width: 99px;
}
#arrow1 {
	margin-top: 485px;
	margin-left: 40px;
	position: absolute;
	z-index: 3;
}
#arrow2 {
	margin-top: 502px;
	margin-left: 40px;
	position: absolute;
	z-index: 4;
}
#trans {
	background-color: #7C7C7C;
	height: 20px;
	width: 1280px;
	position: absolute;
	z-index: 4;
	left: 0px;
	top: 320px;
}
#trans2 {
	background-color: #BCBCBC;
	height: 10px;
	width: 1280px;
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 310px;
}
#box {
	height: 65px;
	width: 65px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 1;
	background-color: #FFFFFF;
	border: 1px solid #4C4C4C;
}
#box2 {
	background-color: #FFFFFF;
	height: 65px;
	width: 65px;
	margin-top: 0px;
	margin-left: 66px;
	position: absolute;
	z-index: 1;
	border: 0.5px solid #4C4C4C;
}
#box3 {
	height: 65px;
	width: 65px;
	margin-top: 0px;
	margin-left: 132px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#box4 {
	height: 65px;
	width: 65px;
	margin-top: 0px;
	margin-left: 198px;
	position: absolute;
	z-index: 1;
	border: 1px solid #4C4C4C;
	visibility: visible;
}
#box5 {
	background-color: #4C4C4C;
	height: 65px;
	width: 65px;
	margin-top: 0px;
	margin-left: 265px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#free01 {
	height: 65px;
	width: 65px;
	margin-top: 0px;
	margin-left: 331px;
	position: absolute;
	z-index: 5;
	border: 1px solid #4C4C4C;
}

#box7 {
	background-color: #FFFFFF;
	height: 65px;
	width: 65px;
	margin-top: 66px;
	margin-left: 0px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#box8 {
	height: 65px;
	width: 65px;
	margin-top: 66px;
	margin-left: 66px;
	position: absolute;
	background-color: #4C4C4C;
	border: 1px solid #4C4C4C;
	visibility: visible;
}
#box9 {
	height: 65px;
	width: 65px;
	margin-top: 66px;
	margin-left: 132px;
	border: 1px double #4C4C4C;
	position: absolute;
	z-index: 4;
	visibility: visible;
}
#box10 {
	height: 65px;
	width: 65px;
	margin-top: 66px;
	margin-left: 198px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 5;
	visibility: visible;
}
#box11 {
	height: 65px;
	width: 65px;
	margin-top: 132px;
	margin-left: 0px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#box12 {
	height: 65px;
	width: 65px;
	margin-top: 132px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 3;
	margin-left: 66px;
	visibility: visible;
}
#box13 {
	height: 65px;
	width: 65px;
	margin-top: 132px;
	margin-left: 132px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#box14 {
	height: 65px;
	width: 65px;
	margin-top: 132px;
	margin-left: 198px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#box15 {
	height: 65px;
	width: 65px;
	margin-top: 132px;
	margin-left: 264px;
	border: 1px solid #4C4C4C;
	position: absolute;
	z-index: 1;
	visibility: visible;
}
#box16 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 400px;
	position: absolute;
	z-index: 6;
	visibility: hidden;
}
#box17 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 402px;
	position: absolute;
	visibility: hidden;
}
#box18 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 403px;
	position: absolute;
	visibility: hidden;
}
#box19 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 404px;
	position: absolute;
	visibility: hidden;
}
#box20 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 405px;
	position: absolute;
	visibility: hidden;
}
#box21 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 406px;
	position: absolute;
	visibility: hidden;
}
#box22 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 408px;
	position: absolute;
	visibility: hidden;
}
#box23 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 410px;
	position: absolute;
	visibility: hidden;
}
#box24 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 411px;
	position: absolute;
	visibility: hidden;
}
#box25 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 412px;
	position: absolute;
	visibility: hidden;
}
#box26 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 413px;
	position: absolute;
	visibility: hidden;
}
#box27 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 414px;
	position: absolute;
	visibility: hidden;
}
#box28 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 416px;
	position: absolute;
	visibility: hidden;
}
#box29 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 417px;
	position: absolute;
	visibility: hidden;
}
#box30 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 418px;
	position: absolute;
	visibility: hidden;
}
#box31 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 420px;
	position: absolute;
	visibility: hidden;
}
#box32 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 421px;
	position: absolute;
	visibility: hidden;
}
#box33 {
	height: 1px;
	width: 1px;
	margin-top: 0px;
	margin-left: 422px;
	position: absolute;
	visibility: hidden;
}



#line {
	background-color: #FFFFFF;
	height: 1px;
	width: 251px;
	margin-top: 399px;
	margin-left: 550px;
	position: absolute;
	z-index: 7;
}
#arrow3 {
	height: 11px;
	width: 50px;
	margin-top: 405px;
	position: absolute;
	margin-left: 550px;
	z-index: 3;
}
#arrow4 {
	height: 11px;
	width: 87px;
	margin-top: 420px;
	margin-left: 550px;
	position: absolute;
	z-index: 3;
}
#arrow5 {
	height: 11px;
	width: 70px;
	margin-top: 435px;
	margin-left: 550px;
	position: absolute;
	z-index: 1;
}
#arrow6 {
	height: 11px;
	width: 92px;
	margin-top: 450px;
	margin-left: 550px;
	position: absolute;
	z-index: 2;
}
#arrow7 {
	height: 11px;
	width: 100px;
	margin-top: 405px;
	position: absolute;
	z-index: 1;
	margin-left: 670px;
}
#arrow8 {
	height: 11px;
	width: 90px;
	margin-top: 420px;
	margin-left: 670px;
	position: absolute;
}
#arrow9 {
	height: 11px;
	width: 85px;
	margin-top: 435px;
	margin-left: 670px;
	position: absolute;
	z-index: 1;
}
#arrow10 {
	height: 11px;
	width: 50px;
	margin-top: 450px;
	margin-left: 670px;
	position: absolute;
	z-index: 1;
}





body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #CCCCCC;
}