@charset "utf-8";

body {
	color: #ffffff;
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#apDiv1 {
	position:absolute;
	text-align:left;
	top: 20px;
	left:8%;
	width:70%
	height:auto;
	z-index:1;
}

#content {
	width:84%;
	float:left;
	padding-top:7px;
}

#head {
	width: auto;
	height: auto;
	float:left;
	clear:right;
	padding-top:15px;
	padding-bottom:10px;
}

#head1 {	
	width: 100%;
	height: auto;
	float:left;
	padding-top:15px;
	padding-bottom:10px;
}

#menu {
	width:100%;
	height:20px;
	float:left;
	clear: right;
}

#footer {
	width: 100%;
	clear:both;
	padding-bottom:10px;

}

#footer1 {
	width: 100%;
	clear:both;
	padding-top:20px;
	padding-bottom:5px;

}

.cell {
	text-align:left;
	float:left;
	width:100px;
	height:100px;
	padding-right:7px;
	padding-top:7px;
	filter:alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;opacity: 0.2;
}

#opac_less {
	width: 100%;
	clear:both;
	filter:alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;opacity: 0.2;
}

.ch_op{
	text-align:left;
	float:left;
	width:100px;
	height:100px;
	padding-right:0px;
	padding-top:0px;
	filter:alpha(opacity=100);-moz-opacity: 1.0;-khtml-opacity: 1.0;opacity: 1.0;}

.grey {
	color: #999999;
}

.xuy {
	color: #666666;
	font-size:8px;
	font-family: 'MS Sans Serif';
	padding-bottom:30px;

}

a.linkfoot  {

	text-color: #00ccff;
	text-decoration:underline;
	text-align: left;
	font-family: 'MS Sans Serif';
	font-size:8px;

}

.orange {
	color: #ff6600;
}

.menu_cell {
	width:100px;
	height:17px;
	padding-right: 7px;
	padding-top: 3px;
	float:left;
	vertical-align:top;
	text-decoration:none;
	text-align:center;
	font-family: 'MS Sans Serif';
	font-size: 12px;
	background:url('../img/menu_bg.gif') no-repeat;
}

a.menu {
	
	color: #999999;
	text-decoration:none;
	margin-right: 10px;
	text-align: right;
	font-family: 'Tahoma';
	font-size:10px;
	vertical-align:top;
}

a:link.menu, a:visited.menu  {

	color: #999999;
	text-decoration:none;
	margin-right: 10px;
	text-align: right;
	font-family: 'Tahoma';
	font-size:10px;
}

a:hover.menu{

	color: #ff9900;
	text-decoration:none;
	margin-right: 10px;
	text-align: right;
	font-family: 'Tahoma';
	font-size:10px;
}

.title_menu {
	width:auto;
	height:33px;
	vertical-align:middle;
	text-align:center;
	float:left;
}

img {
	border:none;
}
.style4 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;

}

.style5 {
	font-family: "Arial Narrow";
	font-size: 13px;
	color: #CCCCCC;
}

#logo1 {
	float:left;
	width:8%;
	text-align:right;
}

#logo2 {
	float:left;
	width:91%;
	text-align:left;
	clear: right;
}

#work_title {
	width: 100%;
	clear:both;
	padding-left:15px;
	padding-bottom:20px;
	padding-top:30px;
}

#else_works {
	width:80%;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:8px;
	clear:both;
}

a:link, a:hover, a:visited, a:active {
	color:#00ccff;
	text-decoration:none;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #ff0000;
vertical-align: bottom;
width: auto; /*Default width of hint.*/ 
padding: 10px 10px 10px 10px;
border:0px dashed black;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
padding-top: 10px;
}