/*  
Author: Rex Chung
Author URI: www.rexchung.com
*/


* {	padding:0;margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

html,body {height:100%;}
body{
    margin:0;
	background:#ddbaba url(../images/bgTile.gif) top left;;
	color:#666;
	font-size:14px;
	font-family:  Arial, sans-serif;

}
#distance { width:1px;height:50%;float:left;
		margin-bottom:-250px; /* half of container's height */
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:504px;
	width:746px;
	clear:left;
	background:transparent url(../images/container_bg.jpg) no-repeat top left;
	overflow:hidden;
}
#copyright {
	margin:3px auto 0px auto;
	padding-left:15px;
	position:relative; /* puts container in front of distance */
	display:block;
	color:white;
	text-align:left;
	height:25px;
	width:746px;
}
#copyright a { text-decoration:none;}
#menu {position:absolute;top:453px;left:270px;height:40px;width:470px;background:;}
#menu ul{	list-style: none;padding: 0;margin:0;display:inline;}
#menu li {float:left;display:inline;margin:0 1px 0 0;padding:0;
			height:41px;width:90px;list-style:none;}
#menu li a {display:block;text-indent:-1000px;height:41px;width:90px;}
#container #menu li a:hover,
#container.home #home a,
#container.about #about a,
#container.gallery #gallery a,
#container.yourvisit #yourvisit a,
#container.contact #contact a {background-position:  0 -3px;height:38px;}
#menu #home a {background:url(../images/home.gif) no-repeat 0 -10px;height:31px;}
#menu #about a {background:transparent url(../images/about.gif) no-repeat 0 -10px;height:31px;}
#menu #gallery a {background:transparent url(../images/gallery.gif) no-repeat 0 -10px;height:31px;}
#menu #yourvisit a {background:transparent url(../images/yourvisit.gif) no-repeat 0 -10px;height:31px;}
#menu #contact a {background:transparent url(../images/contact.gif) no-repeat 0 -10px;height:31px;}

#gallery-hover {position:absolute;height:96px;width:90px;z-index:100;top:350px;left:450px;
			background:transparent url(../images/gallery_hover.png) no-repeat;
		    font-size:12px;
			}
#gallery-hover ul {list-style:none;margin:10px;padding:0;}
#gallery-hover li {list-style: none;margin:0 0 2px 0;color:#ccc;}
#gallery-hover li a {color:#999;text-decoration:none;}
#gallery-hover li a:hover {text-decoration:underline;}

#frame {width:746px;height:400px;position:absolute;top:10px;left:10px;}

#frame #content {background:#b2b2b2;color:white;width:400px;height:416px;top:13px;left:13px;position:absolute;}
#content .title {margin:10px 16px;margin-left:28px;}
#textarea {width:380px;height:380px;top:20px;left:13px;position:absolute;}
#textarea .bottom {color:white;margin-left:16px;font-size:13px;}
#textarea .bottom a {color:white;}
#scrollarea {position:relative;overflow:auto;width:auto;height:345px;margin:10px 16px;font-size:12px;}
#scrollarea .innerarea {margin-right:20px;}
#content-image {position:absolute;top:13px;right:30px;width:293px;height:416px;}

#gallery-image {width:593px;height:397px;position:absolute;top:13px;right:30px;}
#gallery-image img.display {z-index:5;width:593px;height:397px;}
#gallery-image img.loading {top:200px;left:140px;display:block;position:absolute;z-index:-1;}
#caption{width:593px;height:20px;position:absolute;top:420px;right:30px;color:#999;font-size:11px;text-align:right;}
#thumbnail {width:100px;height:397px;position:absolute;top:13px;left:13px;background:;}
#thumbnail .thumbnail {height:64px;width:94px;margin-bottom:3px;background: url(../images/thumbnail_bg.jpg) no-repeat;cursor:pointer;}
#thumbnail .thumbnail img {margin:5px 8px;}
#thumb-nav {position:absolute;top:420px;left:13px;width:100px;height:16px;}
#thumb-nav .back {background:url(../images/back.gif) no-repeat;width:49px;height:16px;position:absolute;left:2px;cursor:pointer;}
#thumb-nav .back:hover {background:url(../images/back_roll.gif) no-repeat;width:49px;height:16px;position:absolute;left:2px;}
#thumb-nav .next {background:url(../images/next.gif) no-repeat;width:49px;height:16px;position:absolute;right:3px;cursor:pointer;}
#thumb-nav .next:hover {background:url(../images/next_roll.gif) no-repeat;width:49px;height:16px;position:absolute;right:3px;}
/* content */
a{color:white;}
h2, h3{ font-size:16px; font-weight:;}
p{line-height:15px;}
ul li{list-style-type:square;margin:0.5em 0 0.5em 2em;}
blockquote{margin-left:1em;padding-left:1em;border-left:2px solid #CCC;color:#CCC;}
table{width:100%;border-spacing:2px;margin:1.5em 0;}
table th, table td{ padding:0.3em 0.75em }

body {scrollbar-3dlight-color:#aaa;
scrollbar-arrow-color:#ccc;
scrollbar-base-color:#aaa;
scrollbar-darkshadow-color:#aaa;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#aaa;
scrollbar-shadow-color:#aaa}