html, body {
   height:100%;
   margin:0;
   padding:0;
   -moz-user-select: none;
}
body {
	background-color:#242434;
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	text-align:center;
}

a:link {
	color:#ffffff;
	text-decoration:none;
}
a:active {
	color:#ffffff;
	text-decoration:underline;
}
a:visited {
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	color:#ffffff;
	text-decoration:underline;
}

a:link.off {
	color:#43435f;
	text-decoration:none;
}
a:active.off {
	color:#ffffff;
	text-decoration:underline;
}
a:visited.off {
	color:#43435f;
	text-decoration:none;
}
a:hover.off {
	color:#ffffff;
	text-decoration:underline;
}

.style3 {color:#737373}
.style4 {font-size:18px}
.hidden {visibility:hidden}

.border {border:1px solid transparent}
.border:hover {border:1px solid #ffffff}

#center { 
   height:50%;
   width:1px;
   margin-bottom:-350px;
   float:left;
}
#content {
	position:relative;
	text-align:left;
	width:960px;
	height:700px;
	margin:0 auto;
	clear:left;
	background-color:#999999;
	z-index:0;
}
#window {
	position:relative;
	left:140px;
	top:180px;
	width:800px;
	height:460px;
	background-color:#838383;
	z-index:1;
}



#slides {
	position:absolute;
	left:299px;
	top:179px;
	width:640px;
	height:460px;
	z-index:2;
}
#hidden {
	position:absolute;
	left:299px;
	top:179px;
	width:640px;
	height:460px;
	z-index:0;
	display:none;
}
#slide1 {
	position:absolute;
	left:299px;
	top:179px;
	width:320px;
	height:230px;
	z-index:2;
}
#slide2 {
	position:absolute;
	left:459px;
	top:409px;
	width:320px;
	height:230px;
	z-index:2;
}
#slide3 {
	position:absolute;
	left:779px;
	top:179px;
	width:160px;
	height:230px;
	z-index:2;
}
#slide4 {
	position:absolute;
	left:139px;
	top:409px;
	width:160px;
	height:230px;
	z-index:2;
}



#frame0 {
	position:absolute;
	left:300px;
	top:180px;
	width:640px;
	height:460px;
	z-index:2;
}
#descriptionText {
	position:absolute;
	left:300px;
	top:180px;
	width:270px;
	height:460px;
	z-index:2;
}
#descriptionImage {
	position:absolute;
	left:620px;
	top:179px;
	width:320px;
	height:460px;
	z-index:2;
}
#text {
	position:absolute;
	left:140px;
	top:180px;
	width:480px;
	height:460px;
	z-index:2;
}
#textColumn1 {
	position:absolute;
	left:140px;
	top:180px;
	width:320px;
	height:460px;
	z-index:2;
}
#textColumn2 {
	position:absolute;
	left:460px;
	top:180px;
	width:320px;
	height:460px;
	z-index:2;
}



#home {
	position:absolute;
	left:140px;
	top:20px;
	width:70px;
	height:48px;
	z-index:2;
}
#logo {
	position:absolute;
	left:140px;
	top:101px;
	width:72px;
	height:59px;
	z-index:2;
}
#copyright {
    font-family:Arial;
	font-size:10px;
	position:absolute;
	left:640px;
	top:645px;
	width:300px;
	height:15px;
	z-index:2;
	cursor:default;
}



#approach {
	position:absolute;
	left:20px;
	top:180px;
	width:120px;
	height:15px;
	z-index:2;
}
#people {
	position:absolute;
	left:20px;
	top:195px;
	width:120px;
	height:15px;
	z-index:2;
}
#projects {
	position:absolute;
	left:20px;
	top:210px;
	width:120px;
	height:15px;
	z-index:2;
}
#publications {
	position:absolute;
	left:20px;
	top:225px;
	width:120px;
	height:15px;
	z-index:2;
}
#contact {
	position:absolute;
	left:20px;
	top:240px;
	width:120px;
	height:15px;
	z-index:2;
}



#back {
	position:absolute;
	left:300px;
	top:145px;
	width:15px;
	height:20px;
	z-index:3;
}
#forward {
	position:absolute;
	left:315px;
	top:145px;
	width:15px;
	height:20px;
	z-index:3;
}
#backOff {
	position:absolute;
	left:300px;
	top:145px;
	width:15px;
	height:20px;
	z-index:2;
}
#forwardOff {
	position:absolute;
	left:315px;
	top:145px;
	width:15px;
	height:20px;
	z-index:2;
}



#johanna {
	position:absolute;
	left:140px;
	top:180px;
	width:160px;
	height:15px;
	z-index:2;
}
#cavenagh {
	position:absolute;
	left:140px;
	top:195px;
	width:160px;
	height:15px;
	z-index:2;
}
#bondi {
	position:absolute;
	left:140px;
	top:210px;
	width:160px;
	height:15px;
	z-index:2;
}
#eastcoast {
	position:absolute;
	left:140px;
	top:225px;
	width:160px;
	height:15px;
	z-index:2;
}
#sentosacove {
	position:absolute;
	left:140px;
	top:240px;
	width:160px;
	height:15px;
	z-index:2;
}
#kentview {
	position:absolute;
	left:140px;
	top:255px;
	width:160px;
	height:15px;
	z-index:2;
}
#aireys {
	position:absolute;
	left:140px;
	top:270px;
	width:160px;
	height:15px;
	z-index:2;
}
#mclarenvale {
	position:absolute;
	left:140px;
	top:285px;
	width:160px;
	height:15px;
	z-index:2;
}
#onegeorge {
	position:absolute;
	left:140px;
	top:300px;
	width:160px;
	height:15px;
	z-index:2;
}
#bindoon {
	position:absolute;
	left:140px;
	top:315px;
	width:160px;
	height:15px;
	z-index:2;
}
#japan {
	position:absolute;
	left:140px;
	top:330px;
	width:160px;
	height:15px;
	z-index:2;
}
#j_house {
	position:absolute;
	left:140px;
	top:345px;
	width:160px;
	height:15px;
	z-index:2;
}
#thepier {
	position:absolute;
	left:140px;
	top:360px;
	width:160px;
	height:15px;
	z-index:2;
}




#description {
	position:absolute;
	left:300px;
	top:20px;
	width:160px;
	height:15px;
	z-index:2;
}
#images {
	position:absolute;
	left:300px;
	top:35px;
	width:160px;
	height:15px;
	z-index:2;
}
#construction {
	position:absolute;
	left:300px;
	top:50px;
	width:160px;
	height:15px;
	z-index:2;
}
#drawings {
	position:absolute;
	left:300px;
	top:65px;
	width:160px;
	height:15px;
	z-index:2;
}

#s-menu {
	position:absolute;
	left:140px;
	top:180px;
	width:140px;
	height:15px;
	z-index:2;
}

#s-photo {
	position:absolute;
	left:140px;
	top:500px;
	width:140px;
	height:140px;
	z-index:2;
}