html {
	overflow:auto;
}

body {
	margin: 0px;
	/* font-family:Arial, Helvetica, sans-serif; */
	font-family: 'Nobile', arial, serif;
	position:absolute;
	padding:0px;
	color:#888;
	background-color:#0e0e0e;
	width:100%;
}

#header {
	height:50px;
	width:100%;
	background-color:#000;
	background-image:url(../images/jasonlau_header_bg.gif);
	background-repeat:repeat-x;
	position:fixed;
	z-index:10;
}

#logo {
	margin:5px 0 0 0px;
	padding-left:20px;
	width:112px;
	position:absolute;
	left:0px;
	z-index:5;
	background-color:#000;
	padding-right:20px;
	border:0px solid;
}
#logo img {
	border:0px solid;
}

#menu {
	position:absolute;
	top:10px;
	right:10px;
	font-size:12px;
	color:#aaa48e;
	z-index:2;
	height:30px;
	width:490px;
	/* width was 460 */
}

#content{
	position:absolute;
	top:50px;
	margin:0px;
	width:100%;
	z-index:7;
	background-color:#0e0e0e;
}

#content #bgImg.source-image {
	width:100%;
	height:545px;
	position:fixed;
	top:50px;
	left: 0;
	z-index:-3;
}

.portfolio {
	padding: 5px 10px 0px 0px;
	height:500px;
	width:100%;
}

.portfolio table {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid;
}

.portfolio td {
	text-align: left;
	padding: 0px 0px 16px 0px;
	margin: 0px;
}

.portfolio img {
	margin: 0px 10px 0px 16px;
	padding: 5px;
	border: 0px solid;	
}

.portfolio a {
	border: 0px solid;
}

#scroll-buttons{
	position:fixed;
	font-size:24px;
	z-index:8;
	padding:0px;
	margin:10px 0 0 0;
	width:100%;
	height:20px;
}

#scroll-buttons ul{
	list-style:none;
	padding:0;
	margin:0;
	text-align:center;	
}

#scroll-buttons li{
	list-style:none;
	display:inline;	
	padding:2px;
	margin:0;
}

#scroll-buttons a{
	text-decoration:none;
	color:#444;
}

#scroll-buttons a:hover{
	color:#EEE;
}

#scroll-buttons a:active{
	color:#CCC;
}

#scroll-buttons .currentlySelected{
	color:#CCC;
}

#scroll-buttons #prev_label{
	margin-right:-6px;	
}

#footer {
	height:26px;
	width:100%;
	background-color:#0e0e0e;
	background-image:url(../images/jasonlau_footer_bg.gif);
	background-repeat:repeat-x;
	z-index:6;	
	position:fixed;
	top:595px;
}

#footer ul {
	list-style:none;
	margin-top:12px;
	padding:0 0 0 0px;
	margin:6px 0 0 0;
}

#footer li{
	padding:0 20px;
	font-size:11px;
	float:left;
	color:#888;
}

#footer-left{
	position:absolute;
	left:0px;
	width:650px;
	z-index:3;
	background-image:url(../images/jasonlau_footer_bg.gif);
}

#footer-right{
	position:absolute;
	right:0px;
	overflow:hidden;
	z-index:1;
}

#footer a{
	color:#AAA;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}

.hide {
	visibility:hidden;
}

.show {
	visibility:visible;
}


/* for index page */

#header_index {
	position:absolute;
	top:455px;
	left: 50%;
	margin-left:-480px;
	height:50px;
	width:960px;
	background-color:#000000;
	background-image:url(../images/jasonlau_header_bg.gif);
	background-repeat:repeat-x;
	z-index:10;
}

#coverImage {
	padding: 5px 10px 0px 0px;
	text-align:center;
	margin: 15px 0 0 -480px;
	position: absolute;
	left: 50%;
	top:50%;
	width:960px;
	height:640px;
}

#footer.footer_index{
	height:26px;
	width:100%;
	z-index:6;	
	position:absolute;
	top:680px;
}


/* for old skool page */


#header_oldskool {
	height:50px;
	width:100%;
	background-color:#000;
	background-image:url(../images/jasonlau_header_bg.gif);
	background-repeat:repeat-x;
	z-index:10;
	position:fixed;	
}

#content_oldskool{
	top:50px;
	margin:0px;
	width:100%;
	height:auto;
	z-index:7;
	background-color:#0e0e0e;
}

#content_oldskool #note{
	position:absolute;
	top:60px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0 0 20px;
}

#content_oldskool #bgImg.source-image {
	width:100%;
	height:100%;
	position:fixed;
	z-index:-3;		
}


.portfolio_oldskool {
	padding: 5px 10px 0px 0px;
	text-align:center;
}

#box{
	padding:0 0 26px 15px;
	text-align:center;
	display:inline;
	width:600px;
	margin: 50px 0 0 -315px;
	position: absolute;
	left: 50%;
}

#box div{
	float:left;	
	width:120px;
	padding:0px;
	display:inline-table;	
}


#box img{
	padding:10px;
	border:0px solid;		
}

#footer.footer_oldskool{
	height:26px;
	width:100%;
	z-index:6;	
	position:fixed;
	top:auto;
	bottom:0;
}