html, body{
	height: 100%;
	
}




body {
	font-family: arial, sans-serif;
	font-size: 62.5%;
	font-weight: normal;
	color:#333;
	background-color: #000000;
	
}

* { 
margin:0; 
padding:0; 
}  
 
p {
	color: #C9C9C9;
	line-height:1.4em;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top:4px;
	}
	

.orange {color:#fff;}

img {border:0;}

	
p a:link {font-size: 1em; font-weight: normal; text-decoration: none; color: #B9E3FF; }
p a:visited {font-size: 1em;font-weight: normal; text-decoration: none; color: #B9E3FF;}	
p a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: none; color: #fff;}
p a:hover, a:active {font-size: 1em;text-decoration: none; color: #fff;}

#mooquee1 a:link {font-size: 1em; font-weight: normal; text-decoration: none; color: #B9E3FF; }
#mooquee1 a:visited {font-size: 1em;font-weight: normal; text-decoration: none; color: #B9E3FF;}	
#mooquee1 a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: none; color: #fff;}
#mooquee1 a:hover, a:active {font-size: 1em;text-decoration: none; color: #fff;}

#main-box-title a:link {font-size: 1em; font-weight: normal; text-decoration: none; color: #fff; }
#main-box-title a:visited {font-size: 1em;font-weight: normal; text-decoration: none; color: #fff;}	
#main-box-title a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: underline; color: #fff;}
#main-box-title a:hover, a:active {font-size: 1em;text-decoration: underline; color: #fff;}

#main-box-title-test a:link {font-size: 1em; font-weight: normal; text-decoration: none; color: #fff; }
#main-box-title-test a:visited {font-size: 1em;font-weight: normal; text-decoration: none; color: #fff;}
#main-box-title-test a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: underline; color: #fff;}
#main-box-title-test a:hover, a:active {font-size: 1em;text-decoration: underline; color: #fff;}

.white a:link {font-size: 1em; font-weight: normal; text-decoration: none; color: #fff; }
.white a:visited {font-size: 1em;font-weight: normal; text-decoration: none; color: #fff;}	
.white a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: none; color: #B9E3FF;}
.white a:hover, a:active {font-size: 1em;text-decoration: none; color: #B9E3FF;}

#main-box-test img {border:solid 2px #fff}

	.nav-pos {
			color:#B9E3FF;
		}



h1 {
	font-size: 2.8em;
	margin: 0;
	word-spacing: -0.1em;
	font-weight: normal;
	color:#B9E3FF;
	text-align: right;	
}

h2 {
	font-size: 1.4em;
	padding: 0 0 0 0;
	margin: 0;
	color: #B9E3FF;
	word-spacing: -0.1em;
	font-weight: normal;
}
h3 {font-size: 1.4em; font-weight: normal; padding: 0; margin: 0; color: #fff; word-spacing: -0.1em;}
h4 {font-size: 1.3em; font-weight: bold; padding: 0; margin: 0; color: #CCCCCC; word-spacing: -0.1em;}
h5 {font-size: 1.3em; font-weight: bold; padding: 0; margin: 0; color: #333333; word-spacing: -0.1em;}


a {
	color:#333;
}

span  {
	color:#333;
}
.spacer {width:100%; height:15px;}
.spacerp {width:100%; height:20px;}



#distance { 
		width:1px;
		height:50%;
		background-color:#000;
		margin-bottom:-290px; /* half of container's height */
		float:left;
		}



.imagelink {position:absolute; top: 0px; left: 700px; width: 250px; height: 30px;}

.imagelink a:link { width: 250px; height: 30px; display:block;}
.imagelink a:visited { width: 250px; height: 30px; display:block;}

#wrapper {
margin:0 auto;
	position:relative;
	width:950px;
	height:590px;
	clear:left;
	
	}

	
	

#naviwrapper {
	position:absolute;
	height:40px;
	width:950px;
	background-color: #FFFFFF;		
	}
	
	#logo {
		position:absolute;
		float:left;
		width:300px;
		height:30px;
		padding-top:4px
	}
	
	

	
#main-box-holder {position: relative;padding-top: 200px;height:320px;width:950px;overflow:hidden;}

#wrap {height:270px;position:absolute;top:500px;}

#main-box-top {position:absolute;height:20px;width:120px; padding: 4px;margin-left: 830px;background-color: #000000; color: #fff;}
#main-box-top a { color: #B9E3FF; text-decoration: none; padding-left:2px;}
 /* #main-box-top a:active { color: #fff;} */
#main-box-top a:hover { color: #fff;}

#main-box {height:250px;position:absolute; top: 20px; width:950px; background-repeat: repeat; background-image: url(../img/opaque-black.png);}

*html #main-box {height:250px;position:absolute; top: 20px; width:950px; background: #000;}

/* img, #main-box, #logo { behavior: url(http://www.redboatdesign.com/palm-build/css/iepngfix.htc); } */

.guiliguili { cursor: pointer;}

#main-box-title {position:absolute;top:520px;height:40px;width:950px;background-color: #000000;}



#main-box-title-left {
float: left;
font-size: 1.4em;
color: #fff;
padding-left:20px;
padding-top:10px;
height:30px;
width:500px;
background-color: #000000;	
	}
	
#main-box-title-right {
float: right;
font-size: 1.4em;
color: #fff;
text-align:right;
padding-right:20px;
padding-top:10px;
height:30px;
width:100px;
background-color: #000000;	

	}

#main-box-left {
float:left;
height:300px;
width:278px;
padding:20px 18px 0 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #666;
	
	}
	
#main-box-middle {
float:left;
height:300px;
width:278px;
padding:20px 18px 0 20px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #666;
	}
	
#main-box-right {
float:right;
height:300px;
width:278px;
padding:20px 18px 0 20px;

	}
	
#footer {
	position:absolute;
	top: 500px;
	height:60px;
	width:950px;
	background-color: #000000;		
	}
	
	
	#foot {
	margin:0 auto;
		position:relative;
		width:950px;
		height:30px;
		clear:left;
	}
	
	#footinner {
			float: left;
			height:30px;
			margin-left:20px;
	}
	
	
	#foot p {
		color: #999;
			line-height:1.4em;
			font-size: 1em;
			letter-spacing: 0.1em;
	
			
	}
	
	#topNavi {
		position:absolute;
	margin-right:0px;
		margin-left:0px;
		list-style-type:none;
		left:305px;
		top:0px;
		width:643px;
		padding:10px 0px 0px 3px;
		height:30px;
	}
	


	
	
	#topNavi li {
		float:left;
		height:26px;
		padding:0px 0px 0px 5px;
		width:150px;
		border-left:1px solid #CAC9C4;
	}
	
	#topNavi li a{
		display:block;
		float:left;
		margin:5px 0px 0px 0px;
		text-decoration:none;
		font-size:1.2em;
	
		font-weight:normal;
		color:#333333;
	}
	
	#topNavi li.on a {
		color:#FFF;
	}


	
	.navi-items {
		position:absolute;
		width:129px;
		margin-top:0px;
		padding:10px 4px 15px 11px;
		top:0px;
	
		background:#000;
		
	}
		
		.navi-items h3 {
			padding:4px 0px 20px 0px;
		}
		
		.navi-items h3,
		.navi-items h3 a {
			font-size:1.1em;
			letter-spacing:-0.05em;
			font-weight:normal;
			color:#FFF;
			text-decoration:none;
		}
		
		.navi-items a {
			display:block;
			clear:both;
			padding:3px 0px 3px 0px;
			font-size:1.1em;
			color:#999;
			text-decoration:none;
		}
		
		.navi-items h3 a {
			margin:0px;
			padding:0px;
		}
		
		.navi-items a:hover {
			color:#FFF;
		}
		
		.navi-items a.on {
			color:#FFF;
		}
	
	#oneNavi {
		left:303px;
	}
	
	#twoNavi {
		left:460px;
	}
	
	#threeNavi {
		left:616px;
	}
	
	#fourNavi {
		left:772px;
	}
	
	#fiveNavi {
		left:691px;
	}
	
	#sixNavi {
		left:833px;
	}
	
