body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td 
{margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption,cite,code,dfn,em,strong,th,var 
{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';} 
abbr,acronym {border:0;}
/* CSS RESET */

html, body { font-family:Helvetica, Geneva, sans-serif; font-size:14px; width:100%; height:100%; }
h2 { font-size:14px; font-weight:bold; margin-bottom:10px; }

a:link, a:visited {
	color: #000;
	text-decoration: none;
	}
	a:hover, a:active {
		color: #a03;
		}

#content {
	position: relative;
	width: 783px;
	height: 530px;
	margin: 0 auto;
	}
#interface-top {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	z-index: 10;
	}
#interface-left {
	position: absolute;
	top: 0px; left: 0px;
	display: block;
	z-index: 10;
	}
#interface-right {
	position: absolute;
	top: 0px; right: 0px;
	display: block;
	z-index: 10;
	}
#interface-bottom {
	position: absolute;
	bottom: 0px; left: 0px;
	display: block;
	z-index: 10;
	}
#nav {
	position: absolute;
	bottom: 40px; left: 40px;
	display: block;
	z-index: 15;
	}
	#nav a {
		background-image: url(../images/nav.gif);
		height: 19px;
		display: inline-block;
		margin-right: 35px;
		}
	a#nav-about:link, a#nav-about:visited {
		width: 78px;
		background-position: 0px 0px;
		}
		a#nav-about:hover, a#nav-about:active {
			background-position: 0px 20px;
			}
	a#nav-portfolio:link, a#nav-portfolio:visited {
		width: 130px;
		background-position: -76px 0px;
		}
		a#nav-portfolio:hover, a#nav-portfolio:active {
			background-position: -76px 20px;
			}
	a#nav-details:link, a#nav-details:visited {
		width: 100px;
		background-position: -207px 0px;
		}
		a#nav-details:hover, a#nav-details:active {
		background-position: -207px 20px;
			}
	a#nav-events:link, a#nav-events:visited {
		width: 85px;
		background-position: -307px 0px;
		}
		a#nav-events:hover, a#nav-events:active {
		background-position: -307px 20px;
			}
	a#nav-contact:link, a#nav-contact:visited {
		width: 145px;
		background-position: -392px 0px;
		}
		a#nav-contact:hover, a#nav-contact:active {
		background-position: -392px 20px;
			}
#subnav {
	position: absolute;
	top: 65px;
	left: 26px;
	}
	#subnav a, #subnav img {
		float: left;
		margin: 0px;
		padding: 0px;
		height: 127px;
		width: 242px;
		border-right: 1px solid black;
		border-bottom: 1px solid black;
		}
#thumbs {
	position: absolute;
	top: 82px;
	right: 35px;
	overflow: auto;
	}
	#thumbs img {
		margin-top: 20px;
		}
	#thumbs-scroll {
		width: 235px;
		height: 350px;
		}
#image {
	position: absolute;
	left: 27px;
	bottom: 80px;
	}
#left {
	left: 40px;
	top: 78px;
	position: relative;
	overflow:hidden;
	}
#scroll {
	width: 455px;
	height: 355px;
	}
#right {
	width: 247px;
	height: 376px;
	position: absolute;
	top: 69px;
	right: 27px;
	}
#contact {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 20%;
	}