#container {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	overflow:hidden;
}
 
#mask {
	width:500%;	height:100%;
}
a:link {text-decoration:none; color:#fff;}
a:visited {text-decoration:none; color:#fff;}
a:active {text-decoration:none; color:#fff;}
.menu_trigger a:hover, .about_trigger a:hover{
	opacity: 0.6;
	-moz-opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

h1{
	z-index:9999;
	position:fixed;	
	top:0; left:0;
	color:#000;
	font-family:'Josefin Slab', serif;
	font-size:12px;
	font-weight:400;
	display:none;
}

#navbox {
	z-index:999;
	position:fixed;	
	top:0; left:0;
	width:100%; height:60px;
	border-radius:0 0 20px 20px;
	-moz-border-radius:0 0 20px 20px;
	-webkit-border-radius:0 0 20px 20px;
	-khtml-border-radius: 0 0 20px 20px;
	background-color:#fff;
}

#nav {
	z-index:999;
	position:fixed;
	top:0; left:50%;
	margin-left:-400px;
	width:800px;
}

#logo {
	z-index:9999;
	width:100px;	height:100px;
	margin-top:10px;
}

/*
.homeselected{
	box-shadow: 0px 5px 1px 1px #000 ;	
}
*/


#logobox {
	margin-top:-50px;
	width:120px;	height:60px;
	border-radius:0 0 60px 60px;
	-moz-border-radius:0 0 60px 60px;
	-webkit-border-radius:0 0 60px 60px;
	-khtml-border-radius: 0 0 60px 60px;
	background-color:#fff;
}

#nav a {
	display:block;
	float:left;
	z-index:999;
	margin:0 20px;
	width:120px; height:60px;
	outline:none;
	color:#000;
	line-height:84px;
	font-family:'Medula One', cursive;
	font-size:28px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border-radius:60px 60px 0 0;
	-moz-border-radius:60px 60px 0 0;
	-webkit-border-radius:60px 60px 0 0;
	-khtml-border-radius: 60px 60px 0 0;
	-o-border-radius: 60px 60px 0 0;
}

#nav a:hover{
	margin-top:-5px;
	line-height:79px;
	border-top-style:solid;
	border-top-width:5px;
	border-color:#CCC;
	border-radius:60px 60px 0 0;
	-moz-border-radius:60px 60px 0 0;
	-webkit-border-radius:60px 60px 0 0;
	-khtml-border-radius: 60px 60px 0 0;
	-o-border-radius: 60px 60px 0 0;
}

.selected {
	margin-top:-5px;
	line-height:79px;
	border-top-style:solid;
	border-top-width:5px;
	border-color:#CCC;
	border-radius:60px 60px 0 0;
	-moz-border-radius:60px 60px 0 0;
	-webkit-border-radius:60px 60px 0 0;
	-khtml-border-radius: 60px 60px 0 0;
	-o-border-radius: 60px 60px 0 0;
}

#footer {
	z-index:999;
	position:fixed;	
	bottom:5px; right:5px;	
	color:#fff;
	font-family:'Josefin Slab', serif;
	font-size:12px;
	font-weight:400;
}

/*content start*/
.page {
	position:relative;
	width:20%; height:100%;
	float:left;
	overflow:hidden;
}

.fullbg {
	position:absolute;
	top:0; left:0;
	width:100%;	
	min-height:100%;
	overflow:hidden;
}	

.box {
	position:relative;
	top:0; left:0;
	width:50%;	height:100%;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}

#box1 {background-color:#662F20;}

#box2 {background-color:#204D66;}

#box3 {background-color:#491866;}

#box4 {background-color:#216921;}
#box4button {background-color:#216921;}


#box5 {background-color:#6B5F2D;}
	
.content{
	position:absolute;
	top:60px; left:0;
	width:50%;
	z-index:99;
}

h2{
	position:relative;
	margin-top:12px;
	color:#FFF;
	font-weight:normal;
	font-family:'Medula One', cursive;
	font-size:48px; 
}

h3{
	position:relative;
	margin-top:12px;
	color:#FFF;
	font-weight:normal;
	font-family:'Medula One', cursive;
	font-size:28px; 
}

p {
	margin-top:12px;
	margin-left:5px;
	color:#CCC;
	font-family:'Quattrocento Sans', sans-serif;
	font-size:16px;
	line-height:18px;
}

.chinese {
	margin-top:12px;
	margin-left:12px;
	font-family:'²Ó©úÅé';
	font-size:14px;
	line-height:16x;
}

#box3heading{
	position:absolute;
	z-index:99999;
	top:1.7em; right:-1.5em;
	color:#000;
	text-shadow: 2px 2px 3px #fff;
	font-family:'Josefin Slab', serif;
	font-size:36px; 
	font-weight:400;
}

.boxtable {
	position:absolute;
	right:5%;
	width:45%;
	margin-top:30px;
}


.clear {
	clear:both;
}

.resizethis{}

#slides {
	width:100%;
	eight:100%;
	position:absolute;
	top:0; left:0;
}

.button{
	z-index:999;
	position:absolute;
	top:200px; left:0;
	width: 40%; height:50px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);

}

.mybutton {
	background-color:#003300;
	position:relative;
	top:7px;
	float:right;
	margin-right:70px;
	display:inline-block;
	color:#939393;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size:16px;
	padding:10px 10px;
	text-decoration:none;
}
.mybutton:hover {
	color:#ffffff;
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
}

#captchalabel, #captcha {
	display:none;
}

#f3dlogo {
	margin-top: 25px;
	margin-bottom: -25px;
}

#patternbg {
	width:100%; height:100%;
	position:absolute;
	background-image:url('../images/pattern.png');
	background-repeat:repeat;
}

#slidesnav { position:absolute; z-index:500;}
#slidesnav li { width: 110px; float: left; margin: 8px; list-style: none;}
#slidesnav a { width: 110px; padding: 3px; display: block; border: 1px solid #aaa; }
#slidesnav a:hover { border: 1px solid #fff;}
#slidesnav li.activeSlide a {background: #fff; border: 1px solid #fff;}
#slidesnav a:focus { outline: none; }
#slidesnav img { border: none; display: block;}

#closebox4button{
	position:absolute;
	right:0;
	margin-top:-16.5px;	
	margin-right:-16.5px;
}

#closebox4{
	position:absolute;
	right:0;
	margin-top:155px;	
	margin-right:-16.5px;
}


#closebox4:hover, #closebox4button:hover{
	opacity: 0.6;
	-moz-opacity: 0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	transition: 0.5s;
	-moz-transition: 0.5s; /* Firefox 4 */
	-webkit-transition: 0.5s; /* Safari and Chrome */
	-o-transition: 0.5s; /* Opera */
}

.linkarrow{
	position:absolute;
	top:50%;
	margin-top:-16.5px;
	left:-36px;
	height:33px; width:33px;
	background-image:url('../images/linkarrow.png');
}

.lightboxphotos {
	margin-top:12px; 
	margin-left:5px; 
}
.lightboxphotos ul { list-style: none; }
.lightboxphotos ul li { display: inline; }
.lightboxphotos ul img {
	border: 3px solid #aaa;
	border-width: 3px;
}
.lightboxphotos ul a:hover img {
	border: 3px solid #fff;
	border-width: 3px;
	color: #fff;
}
.lightboxphotos ul a:hover { color: #fff; }