html, body {
min-height: 100%;
height: auto;
}  
  
  
* html, body {
height: 100%;
}

	
body {position: relative;
	margin: 0 auto;
  	padding: 0;
  	background-color:#fffffb;
	z-index:0;
	text-align: center;
	font-family: Trebuchet MS, Helvetica, Arial;
	}



h1 {
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.015em;
	line-height: 16px;
	display:inline;
	}
	
	
	
	
h2 {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	text-align: left;
	display:inline;
	}

h3 {
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	letter-spacing: 0.015em;
	text-transform: none;
	text-align: left;
	vertical-align: top;
	display:inline;
	text-transform: lowercase;
	margin-bottom:30px;
	color: #165c8b;
	}
	
h4 {
	font-size: 1.3em;
	line-height:1.1em;
	margin: 0;
	padding: .1em;}
h5 {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;}
h6 {
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	}
	
p {	font-size: 11px;
	line-height: 14px;
	color:#3c4347;
	text-transform: lowercase;
	}


p a:link  { font-weight: bold; color: #3c4347; text-decoration: none; background-color: transparent }
p a:visited {color: #3c4347; font-weight: bold; text-decoration: none; background-color: transparent }
p a:hover { color: #8d979e; font-style: normal; text-decoration: none; background-color: transparent }
p a:active { color: #3c4347; text-decoration: none; background-color: transparent } 
p a {padding: 0px 0px 0px 0px}
p a {margin: 0px 0px 0px 0px}



/* ------------------------------------------------------------*/
/* main page content section */





#content {  
	position: relative;
	top: 0px;
	width: 780px;
	min-height: 500px;
	height: auto;
	overflow: visible;
	background-color: #fffffb;
	margin: 0 auto;
	padding: 0px;
	display: block;
	text-align: center;
	z-index:2;
}    
   




/* end main page content section */
/* ------------------------------------------------------------*/








/* ------------------------------------------------------------*/
/* header section */




#headercontainer { /*all header content*/
	position: relative;
	top:0px;
	width: 780px;
	height: auto;
	min-height:75px;
	background-color: #fffffb;
	margin: 0;
	padding: 0;
	z-index: 2;
	display: block;
}

#headerbar { /*all header content*/
	position: relative;
	top:0px;
	width: 780px;
	height: auto;
	overflow:hidden;
	min-height:75px;
	background-color: #fffffb;
	margin:  0px;
	padding: 0px;
	z-index: 2;
	display: block;
	/*border-bottom: 1px solid #666666;*/
}


#headname {/*studio name - uses H1*/
	position:relative;
	float: left;
	top:0px;
	left: 0px;
	height:18px;
	white-space:nowrap;
	background-color: #fffffb;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -3px;
	margin-left: 0px;
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #3c4347; 
	text-align: left;
	z-index: 2;
	display: inline;
}


#headname a:link  { color: #3c4347; text-decoration: none; background-color: transparent }
#headname a:visited {color: #3c4347; text-decoration: none; background-color: transparent }
#headname a:hover { color: #8d979e; font-style: normal; text-decoration: none; background-color: transparent }
#headname a:active { color: #3c4347; text-decoration: none; background-color: transparent } 
#headname a {padding: 0px 0px 0px 0px}
#headname a {margin: 0px 0px 0px 0px}




#headmenu { /*page menu - uses same as H2 */
	position:relative;
	float: right;
	top:0px;
	right:0px;
	height:18px;
	background-color: #fffffb;
	border-bottom: none;
	text-align: right;
	vertical-align:bottom;
	margin-top: 0;
	margin-bottom: -3px;
	padding-top: 60px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 0.015em;
	text-transform: none;
	z-index: 2;
	display: inline;
	}


#headmenu ul {	list-style-type: none;
		display: inline;
		}
#headmenu li { list-style-type: none; 
		display: inline;
		}
#headmenu a:link  { color: #3c4347; text-decoration: none; background-color: transparent }
#headmenu a:visited {color: #3c4347; text-decoration: none; background-color: transparent }
#headmenu a:hover { color: #8d979e; font-style: normal; background-color: transparent }
#headmenu a:active { color: #3c4347; text-decoration: none; background-color: transparent } 
#headmenu a {padding: 0px 0px 0px 0px}
#headmenu a {margin: 0px 0px 0px 0px}



/* end header section */
/* ------------------------------------------------------------*/
















/* ------------------------------------------------------------*/
/* splash image section */


#splashcontainer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 900px;
	display: block;
	margin: 0;
	padding: 0;
	background: #fffffb;
/*	(border: thin solid pink;*/
	z-index: 2;
	}




#splashmainimg{ /*main splash image*/
	position: absolute;
	top: 110px;
	left: 430px;
	width:350px;
	height:320px;
	white-space:normal;
	background-image: url(../images/division_splash.jpg);
	background-repeat: no-repeat;
	display: block;
	z-index:2;
/*	border: thin solid blue;*/
}



#splashartcaption { /*art caption*/
	position:absolute;
	top:402px;
	left:0px;
	width: 780px;
	height:13px;
	background-color: #fffffb;
	display: block;
	text-align: right;
	font-size: 10px;
	letter-spacing: 0.05em;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 2;
	color:#3c4347;
/*	border: thin solid orange;*/
	}



#splashartcaption ul {
	margin-top: 0px;
	}
#splashartcaption li {
	margin-top: -1px;
	padding-top: 0;
	list-style-type: none;
	display: inline;
	}


#splashdetailscaption { /*art caption*/
	position:absolute;
	top:416px;
	left:0px;
	width: 780px;
	height:35px;
	background-color: #fffffb;
	display: block;
	text-align: right;
	font-size: 10px;
	letter-spacing: 0.05em;
	line-height: 12px;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	z-index: 2;
/*	border-bottom: thin solid orange;*/
	color: #3c4347;
	}

#splashdetailscaption ul {
	margin-top: 0px;
	}
#splashdetailscaption li {
	margin-top: -1px;
	padding-top: 0;
	list-style-type: none;
	display: inline;
	text-transform: lowercase;
	}







#splashinfocaption { /*art caption*/
	position:absolute;
	top:100px;
	left:0px;
	width: 340px;
	height:300px;
	display: block;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 0;
	padding-top: -10px;
	padding-bottom: 0;
	background-color: #fffffb;
	z-index: 2;
	}



* #splashinfocaption {
margin-top: 6px;
}

html>/**/body #splashinfocaption {
margin-top: -4px;
}




.splashtitle {
	font-size:15px;
	text-transform: lowercase;
	font-weight: bold;
}

	
	
	
.splashtitle a:link  { color: #3c4347; text-decoration: none; background-color: transparent }
.splashtitle a:visited {color: #3c4347; text-decoration: none; background-color: transparent }
.splashtitle a:hover { color: #8d979e; font-style: normal; background-color: transparent }
.splashtitle a:active { color: #3c4347; text-decoration: none; background-color: transparent } 

	
	
/* end splash image section */
/* ------------------------------------------------------------*/
/* news section */



#newsitem { /*art caption*/
	position:absolute;
	top:100px;
	left:0px;
	width: 190px;
	height:200px;
	display: block;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding-top: -10px;
	padding-bottom: 0;
	background-color: #fffffb;
	z-index: 2;
	}



* #newsitem {
margin-top: 6px;
}


html>body #newsitem {
margin-top: 6px;
}


html>/**/body #newsitem {
margin-top: -4px;
}







#newsimg{ /*news image*/
	position: absolute;
	top: 135px;
	left: 190px;
	width:250px;
	height:100px;
	white-space:normal;
	display: block;
	z-index:2;
/*	border: thin solid blue;*/
}



#newsinfo { /*art caption*/
	position:absolute;
	top:245px;
	left:0px;
	width: 780px;
	height:700px;
	display: block;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	margin-top: -4px;
	margin-bottom: 0;
	padding-top: -10px;
	padding-bottom: 0;
	background-color: #fffffb;
	text-transform: none;
	z-index: 2;
	}


* #newsinfo {
margin-top: -4px;
}


html>body #newsinfo {
margin-top: 0px;
}


html>/**/body #newsinfo {
margin-top: 0px;
}



#newsinfo p {
text-transform: none;
}






/* end news section */





/* ------------------------------------------------------------*/
/* works section */


#workscontainer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 1140px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	background: #fffffb;
/*	border: thin solid pink;*/
	z-index: 2;
	}





.worksspacer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	height:50px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;
	background: #fffffb;
/*	border: thin solid pink;*/
	z-index: 2;
	}


.worksinfocaption { /*artist's statement for series*/
	position:absolute;
	top:0px;
	left:0px;
	width: 370px;
	display: block;
	text-align: justify;
	vertical-align: top;
	font-size: 11px;
	line-height: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 45px;
	padding-bottom: 0;
	background-color: #fffffb;
	z-index: 2;
	}

* .worksinfocaption p {margin-top:10px;}



.worksinfocaption ul {	list-style-type: none;
		display: inline;
		}
.worksinfocaption li { list-style-type: none; 
		display: inline;
		}
.worksinfocaption a:link  { color: #3c4347; text-decoration: none; background-color: transparent }
.worksinfocaption a:visited {color: #3c4347; text-decoration: none; background-color: transparent }
.worksinfocaption a:hover { color: #8d979e; text-decoration: none; background-color: transparent }
.worksinfocaption a:active { color: #3c4347; text-decoration: none; background-color: transparent } 
.worksinfocaption a {padding: 0px 0px 0px 0px}
.worksinfocaption a {margin: 0px 0px 0px 0px}






#worksmainimages{ /*main works image*/
	position: absolute;
	display: block;
	top: 100px;
	left: 430px;
	width: 350px;
	height:925px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	white-space:normal;
	background: #fffffb;
	font-weight:normal;
	/*border: thin solid pink;*/
	z-index:2;
}










table#works {
    background-color:#fffffb;
    /*border: thin solid gray;*/
    width: 350px;

}

table#works td {
    padding: 0px;
    padding-top: 10px;
    margin: 0px;
    /*border: thin solid blue;*/

}



table#works ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
	
table#works li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.image {
    text-align: center;
    vertical-align: top;
    width: 150px;
    height: 140px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    background-color: #fffffb;

}


.info {
	text-align: center;
	vertical-align: middle;
	width: 90px;
	background-color: #fffffb;
	font-size: 10px;
	letter-spacing: 0.05em;
	line-height: 12px;	
	padding-top: 0px;
	padding-bottom: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #333333;	
}

.title {
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: -10px;
	text-transform: uppercase;
	}

.details {
	font-weight: normal;	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: -10px;
	}

.workstitle {
margin-bottom:10px;
}



/* end works section */
/* ------------------------------------------------------------*/











/* ------------------------------------------------------------*/
/* bio section */


#biocontainer{
	position: relative;
	top: 49px;
	left: 0px;
	width: 760px;
	height: 800px;
	display: block;
	margin: 0;
	padding: 0;
	background: #fffffb;
/*	border: thin solid pink;*/
	z-index: 2;
	}





.biospacer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 1px;
	display: block;
	padding: 0;
	margin: 0;
	background: #fffffb;
/*	border: thin solid pink;*/
	z-index: 2;
	}



* .biospacer {
margin-top: 33px;
}


html>body .biospacer {
margin-top: 33px;
}


html>/**/body .biospacer {
margin-top: 50px;
}







#biomain{ /*works page body content area*/
	position:relative;
	width:780px;
	white-space:normal;
	display: inline;
	margin: 0;
	padding: 0;
	background: #fffffb;
/*	border: thin solid blue;*/
	z-index:2;
}






#biotables{ /*main bio table*/
	position: relative;
	width:780px;
	height:550px;
	white-space:normal;
	background: #fffffb;
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
/*	border: thin solid pink;*/
	z-index:2;
}


table.bio {
    background-color:#fffffb;
    /*border: thin solid gray;*/
    top:0px;
    left:0px;
    width: 780px;

}

table.bio td {
    	padding-top: 5px;
    	padding-right: 0px;
    	padding-bottom: 5px;
    	padding-left: 0px;
    	text-transform: lowercase;
/*	border: thin solid blue;*/
}



.biocaption {
	top:0px;
	left:0px;
	margin-top: 5px;
    	margin-right: 0px;
    	margin-bottom: 5px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	font-weight: bold;
	text-transform: lowercase;
	text-align: left;
	vertical-align: top;
	color: #165c8b;
	font-size: 15px;
    	font-weight: bold;
	line-height: 16px;
    	letter-spacing: 0.015em;
    	border: thin solid green;
    	
    	}
    	




.bioyear {
	text-align: left;
	vertical-align: top;
	width: 170px;
	background-color: #fffffb;
	font-size: 11px;
    	letter-spacing: 0.05em;
    	line-height: 12px;	
    	margin: 0px;
	padding-top:4px;
	padding-right: 0px;
	padding-bottom: 0px;
    	padding-left: 0px;
    	color: #165c8b;
    	font-weight:bold;
    	text-transform:lowercase;

}



.bioyear ul {
	margin-top: 5px;
    	margin-right: 0px;
    	margin-bottom: 5px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;	
    	list-style-type: none;}


.biocollect {/*for the Collections line*/
	width: 170px;
	margin-top: px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	font-weight: bold;
	text-transform: lowercase;
	vertical-align: top;
	text-align:left;
	color: #165c8b;
	font-size: 15px;
    	font-weight: bold;
	line-height: 16px;
    	letter-spacing: 0.015em;
    	}


.biocollect ul {
	margin-top: 1px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 1px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;	
    	list-style-type: none;}




.bioinfo {
	text-align: left;
	vertical-align: top;
	width: 550px;
	background-color: #fffffb;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 12px;	
	margin: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;	
    	color: #3c4347;	
}

.bioinfo ul {
	margin-top: 5px;
    	margin-right: 0px;
    	margin-bottom: 5px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
	list-style-type: none;}


.bioinfo li {
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
        padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
	list-style-type: none;}


.biotitle {
	font-weight: bold;
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	text-transform: lowercase;
	vertical-align: top;
	}
	
	

	

.biodetails {
	font-weight: normal;	
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	}
    	
.biodetails ul {margin-left: 0px;padding-left: 0px;
list-style-type: none;
	}

.biodetails li {margin-left: 0px;padding-left: 0px;
list-style-type: none;
	}

.biocollections {
	font-weight: normal;	
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	}
    	
.biocollections ul {margin-top: -5px; margin-left: 0px; padding-left: 0px;
list-style-type: none;
	}

.biocollections li {margin-top: -5px; margin-left: 0px;padding-left: 0px;
list-style-type: none;
	}
	






.bioyear ul {margin-left: 0px;}




/* end bio section */
/* ------------------------------------------------------------*/










/* ------------------------------------------------------------*/
/* contact section */


#contactcontainer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 625px;
	display: block;
	margin: 0;
	padding: 0;
	background: #fffffb;
/*	border: thin solid pink;*/
	z-index: 2;
	}





.contactspacer{
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 48px;
	display: block;
	margin: 0;
	padding: 0;
	background: #fffffb;
/*	border: thin solid pink;*/
	z-index: 2;
	}


#contactmain{ /*works page body content area*/
	position:relative;
	width:780px;
	white-space:normal;
	display: inline;
	margin: 0;
	padding: 0;
	background: #fffffb;
/*	border: thin solid blue;*/
	z-index:2;
}






#contacttables{ /*main contact table*/
	position: relative;
	width:780px;
	height:550px;
	white-space:normal;
	background: #fffffb;
	margin: 0;
	padding: 0;
	display: block;
/*	border: thin solid pink;*/
	z-index:2;
}


table.contact {
    background-color:#fffffb;
    /*border: thin solid gray;*/
    width: 780px;

}

table.contact td {
    	padding-top: 5px;
    	padding-right: 0px;
    	padding-bottom: 5px;
    	padding-left: 0px;
/*	border: thin solid blue;*/
}



    	

.contacttype {
	text-align: left;
	vertical-align: top;
	width: 170px;
	background-color: #fffffb;
	font-size: 15px;
    	letter-spacing: 0.05em;
    	line-height: 15px;	
    	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
    	padding-left: 0px;
    	font-weight:bold;
    	text-transform:lowercase;
    	color: #165c8b;

}



.contacttype ul {
	margin-top: 5px;
    	margin-right: 0px;
    	margin-bottom: 5px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;	
    	list-style-type: none;}


.contactinfo {
	text-align: left;
	vertical-align: bottom;
	width: 550px;
	background-color: #fffffb;
	letter-spacing: 0.035em;
	font-size: 11px;
	line-height: 15px;	
	margin: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;	
    	color: #3c4347;	
    	text-transform:lowercase;
}

.contactinfo ul {
	margin-top: 5px;
    	margin-right: 0px;
    	margin-bottom: 5px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
	list-style-type: none;}


.contactinfo li {
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
        padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
	list-style-type: none;}


.contactinfo a:link  { color: #3c4347; text-decoration: none; background-color: transparent }
.contactinfo a:visited {color: #3c4347; text-decoration: none; background-color: transparent }
.contactinfo a:hover { color: #8d979e; font-style: normal; background-color: transparent }
.contactinfo a:active { color: #3c4347; text-decoration: none; background-color: transparent } 

	


.contacttitle {
	font-weight: bold;
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	text-transform: uppercase;
	vertical-align: top;
	}

.contactdetails {
	font-weight: normal;	
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	}



.contactcaption {
	text-align: left;
	width: 100px;
	background-color: #fffffb;
	font-size: 10px;
    	letter-spacing: 0.0125em;
    	line-height: 30px;	
    	margin-left: -2px;
	padding-bottom: 30px;
    	color: #3c4347;

}


.contactyear ul {margin-left: 0px;}




.contactleft {
	font-weight: normal;	
	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	}
    	
.contactleft ul {margin-top: -5px; margin-left: 0px; padding-left: 0px;
list-style-type: none;
	}

.contactleft li {margin-top: -5px; margin-left: 0px;padding-left: 0px;
list-style-type: none;
	}
	




/* end contact section */
/* ------------------------------------------------------------*/













/* ------------------------------------------------------------*/
/* footer section */



#footercontainer {  
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 780px;
	min-height: 15px;
	height: auto;
	background-color: #fffffb;
	margin: 0 auto;
	padding: 0px;
	display: block;
	text-align: left;
	z-index:2;
}    
   
	




   


#footer{ /*footer links*/
	position:absolute;
	left:0px;
	width:780px;
	height:15px;
	white-space:nowrap;
	text-align: left;
	background-color: #fffffb;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 9px;
	z-index:2;
}



#footer ul {margin-top: 0px; 
	    margin-bottom: 0px;
	    padding-top: 0px;
	    padding-right: 0px;
	    padding-bottom:0px;
	    }
	    
#footer li {display: inline;}
#footer a:link  { color: #333333; text-decoration: none; background-color: transparent }
#footer a:visited {color: #333333; text-decoration: none; background-color: transparent }
#footer a:hover { color: #333333; text-decoration: underline; background-color: transparent }
#footer a:active { color: #333333; text-decoration: underline; background-color: transparent } 
#footer a {padding: 0px 0px 0px 0px} 



/* end footer section */
/* ------------------------------------------------------------*/

	








/* ------------------------------------------------------------*/
/* lightbox section */
/* modified from Lokesh Dhakar's code for aesthetic conformity --  http://www.lokeshdhakar.com/projects/lightbox2/ */


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }




#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}




#prevLink, #nextLink { 
width: 49%; 
height: 100%; 
background-image: url(data:../image/gif;base64,AAAA); /* Trick IE into showing hover */ 
display: block; }

#prevLink { 
left: 0; 
float: left;}


#nextLink { 
right: 0; 
float: right;}

#prevLink:hover, #prevLink:visited:hover { 
background: url(../images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 12px; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #bottomNavClose{ width: 66px; float: left; bottom:0px; left:0px; outline: none;}	 	
#imageData #numberDisplay{ display: block; clear: left; }			
#imageData #imageDetails{ float: right; text-align: right; padding-bottom:11px;}	

#imageData #caption{ font-weight: normal;letter-spacing: 0.05em; }

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 600px; background-color: #000; }

/* end lightbox section */
/* ------------------------------------------------------------*/