#nav { width:740px; height:29px; margin:0; padding:0}
#nav ul {list-style:none;margin:auto;padding:0; width:100%;}
#nav li {float:left;list-style:none;margin:0;padding:0;text-align:center;font-family:Arial;font-size:12px;font-weight:bold;color:#FFFFFF;}
#nav li a { margin:0;display:block;padding:8px 36px 6px 35px;height:100%;color:#FFF;text-decoration:none;}
#nav li a:hover, #nav li a:focus, #nav li a:active {background-position:-150px 0;color:#FFF;}
#nav a {background:url(../images/nav_bg_h.gif) repeat -20px 35px;}


/*------menuFader------*/

.clear {
	clear: both;
}

#page-wrap {
	width: 512px;
	background: white;
	margin:auto;
	padding:0;
}

.button {
	float: left;
	margin: 0 7px 0 0;
}

#home {
	display: block;
	padding: 15px 0 0 0;
}
#home-button {
	opacity: 1.0;
	border-bottom: 1px solid black;
}

#about {
	display: none;
	padding: 15px 0 0 0;
}
#about-button {
	opacity: 0.5;
	border-bottom: 1px solid black;
}

#contact {
	display: none;
	padding: 15px 0 0 0;
}
#contact-button {
	opacity: 0.5;
	border-bottom: 1px solid black;

}


/*------thumbviewer------*/


* {margin: 0; padding: 0;}
img {border: none;}
.container {
	height: auto;
	width: 100%;
	margin: 0;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 0;
}
ul.thumb li {
	margin: 0; 
	padding: 5px;
	float: left;
	position: relative;
	width: 145px;
	height: 80px;
	list-style:none;
}
ul.thumb li img {
	width: 100px; height: 60px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: none;
}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;
}