body {
	background-color: #fff;
	margin: 0px 0px 0px 0px;
}

a#splash {
	background-image: url(../images/leeder_face.jpg);
	display: block;
	height: 366px;
	margin: auto;
	position: absolute;
	text-indent: -9999px;
	width: 366px;
	
	left:expression(this.parentNode.clientWidth/2 - this.clientWidth/2 + " px");
    top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2 + " px");
	
	top:0; right:0; bottom:0; left:0;
}

a#splash:hover {
	background-position: 0px -366px;
}

div#content {
	background-color: #fff;
	height: 618px;
	margin: auto;
	position: absolute;
	width: 876px; 
	
    left:expression(this.parentNode.clientWidth/2 - this.clientWidth/2 + " px");
    top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2 + " px");
	
	top:0; right:0; bottom:0; left:0;
}

div#center {
	background-image: url(../images/content_area.jpg);
	background-position: -265px 0px;
	height: 618px;
	left: 265px;
	position: absolute;
	width: 405px;
}

div.imgcontain {
	display: table-cell; 
	height: 467px;
	position: absolute;
	top: 69px;
	text-align: center;
	vertical-align: middle;
	width: 377px;
}

div.imgcontain img {
	display: block;
}

div#imgnav {
	height: 62px;
	position: absolute;
	top: 556px;
	width: 347px;
}

a.navdot {
	background-image: url(../images/dots.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 18px;
	text-indent: -9999px;
	width: 18px;
}

a.navdot:hover {
	background-position: 0px -18px;
}

a.navdotvis {
	background-image: url(../images/dots.jpg);
	background-position: 0px -18px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 18px;
	text-indent: -9999px;
	width: 18px;
}

div#left {
	background-image: url(../images/content_area.jpg);
	height: 618px;
	left: 0;
	position: absolute;
	width: 265px;
}

div#topnav {
	background-image: url(../images/topnav.jpg);
	height: 24px;
	left: 59px;
	position: absolute;
	top: 27px;
	width: 146px;
}

div#topnav a {
	background-image: url(../images/topnav.jpg);
	background-position: -74px 0px;
	display: block;
	height: 24px;
	left: 74px;
	position: absolute;
	width: 60px;
}

div#topnav a:hover {
	background-position: -74px -24px;
}

div#worknav {
	height: 330px;
	left: 75px;
	position: absolute;
	top: 100px;
	width: 126px;
}

div#imgdesc {
	color: #bbb;
	font-family: Times, Times New Roman, sans-serif;
	font-size: 10px;
	height: 104px;
	left: 75px;
	position: absolute;
	top: 490px;
	width: 150px;
}

div#imgdesc p#worktitle {
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

div#imgdesc p#media {
	display: block;
	font-style: italic;
	margin-top: 4px;
	text-transform: lowercase;
}

div#imgdesc p#context {
	display: block;
	margin-top: 4px;
	text-transform: lowercase;
}

div#imgdesc p#size {
	display: block;
	margin-top: 4px;
}

div#right {
	background-image: url(../images/content_area.jpg);
	background-position: -670px 0px;
	height: 618px;
	position: absolute;
	right: 0;
	width: 206px;
}

div#right a {
	display: block;
	height: 90px;
	left: 0px;
	position: absolute;
	top: 27px;
	width: 180px;
}

div#login {
	background-color: #eee;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 220px;
	margin: auto;
	padding: 10px 10px 10px 10px;
	position: absolute;
	width: 240px; 
	
    left:expression(this.parentNode.clientWidth/2 - this.clientWidth/2 + " px");
    top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2 + " px");
	
	top:0; right:0; bottom:0; left:0;
}

div#logheader {
	
}

div#logmsg {
	background-color: #f05b5b;
	border: solid #993a3a 1px; 
	font-size: 10px;
	padding: 6px 6px 6px 6px; 
}

div#logform {
	
}