@charset "UTF-8";
/*CSS for example Accordion #hc1*/


body {
	background-color: #202420;
	text-decoration: none;
}
#apMainWin {
	position:absolute;
	width:1100px;
	height:800px;
	z-index:2;
	left: 50%;
	top: 10px;
	margin-left: -500px;
}
#apHeader {
	position:absolute;
	width:1000px;
	height:100px;
	z-index:3;
	top: 60px;
}
#apContent {
	position:absolute;
	width:1001px;
	height:501px;
	z-index:4;
	top: 125px;
}
#hc1 {
	position:absolute;
	width:1002px;
	height:502px;
	z-index:4;
	top: 125px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7F2F0;
}
#apFooter {
	position:absolute;
	width:1000px;
	height:150px;
	z-index:3;
	top: 625px;
}
a.style1:link {
	font-family: "Century Gothic", sans-serif;
	font-size: 24px;
	color: #C7F9FF;
}
a.style1:visited {
	text-decoration: none;
	color: #C7F9FF;
}
a.style1:hover {
	text-decoration: none;
	color: #C7F9FF;
}
a.style1:active {
	text-decoration: none;
	color: #C7F9FF;
}
#apLine {
	position:absolute;
	width:1002px;
	height:15px;
	z-index:5;
	top: 103px;
}
.style2 {
	font-family: "Century Gothic", sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
.style3 {
	font-family: "Century Gothic", sans-serif;
	font-size: 18px;
	color: #C7F9FF;
}
a:link {
	text-decoration: none;
	color: #999999;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#apSlide {
	position:absolute;
	width:1002px;
	height:502px;
	z-index:6;
}
#hc1 li{
margin:0 1px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 0px; /*Padding inside each content*/
background: #383838;
}
#apProjText {
	position:absolute;
	width:480px;
	height:500px;
	z-index:6;
	left: 520px;
	top: 125px;
}
#apProjFrame {
	position:absolute;
	width:500px;
	height:500px;
	z-index:7;
	left: 0px;
	top: 125px;
}
#apIcons {
	position:absolute;
	width:500px;
	height:145px;
	z-index:3;
	left: 500px;
	top: 5px;
}