/*global*/

	*{

		margin: 0;
		padding: 0;

		}
	img {
		border: #f6f6f6 solid 4px;
		}

	html {
		height: 100%;
		}

	body {
		background: #333333 url(images/rule1.gif) repeat-x top left;
		color: #f6f6f6;
		font: 75%/1.4em Arial;
		}
		
	a, a:link, a:visited {
		color: #b7a16f;
		}

	a:hover, a:active {
		color: #b7a16f;
		}

#content p {
	padding: 0 0 1em;
}

/* structure */

#container {
	width: 835px;
	margin: 0 auto;
	position: relative;
}

#header {
	height: 98px;
}

#main {
	clear: both;
	padding: 15px 0;
}

	#logo {
		position: relative;
		top: 10px;
		left: 10px;
		height: 81px;
		width: 295px;
	}

	#logo img {
		border: none;
	}
	


/* titles */

#container h2 {
	position: absolute;
	display: block;
	width: 250px;
	height: 33px;
	text-indent: -999em;
	top: 45px;
	left: 550px;
}

.home #container h2 {
	background: transparent url(images/page-titles/home-title.gif) no-repeat top left;
}

.biography #container h2 {
	background: transparent url(images/page-titles/biography-title.gif) no-repeat top left;
}

.statement #container h2 {
	background: transparent url(images/page-titles/statement-title.gif) no-repeat top left;
}

.prints #container h2 {
	background: transparent url(images/page-titles/prints-title.gif) no-repeat top left;
}

.abstracts #container h2 {
	background: transparent url(images/page-titles/abstracts-title.gif) no-repeat top left;
}

.birds #container h2 {
	background: transparent url(images/page-titles/birds-title.gif) no-repeat top left;
}

.blackwhite #container h2 {
	background: transparent url(images/page-titles/blackwhite-title.gif) no-repeat top left;
}

.chesbay #container h2 {
	background: transparent url(images/page-titles/chesbay-title.gif) no-repeat top left;
}

.fossils #container h2 {
	background: transparent url(images/page-titles/fossils-title.gif) no-repeat top left;
}

.jazz #container h2 {
	background: transparent url(images/page-titles/jazz-title.gif) no-repeat top left;
}

.nature #container h2 {
	background: transparent url(images/page-titles/nature-title.gif) no-repeat top left;
}

.panorama #container h2 {
	background: transparent url(images/page-titles/panorama-title.gif) no-repeat top left;
}

.people #container h2 {
	background: transparent url(images/page-titles/people-title.gif) no-repeat top left;
}

.pictorial #container h2 {
	background: transparent url(images/page-titles/pictorial-title.gif) no-repeat top left;
}

.trains #container h2 {
	background: transparent url(images/page-titles/trains-title.gif) no-repeat top left;
}


/*opening*/
#preview {
	float: left;
	width: 100%;
}

	#preview-img img {
		display: block;
		margin: 0 auto;
		}

#image {
	float: left;
	width: 270px;
}

#content {
	float: left;
	width: 565px;
}

.prints #image {
	width: 530px;
}

.prints #content {
	width: 305px;
}


	
/* nav */

#nav {
	margin-left: 45px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	list-style: none;
	line-height: 1;
}

#nav li {
	position: relative;
	z-index: 1000;
}

	#home, #bio, #statement, #prints, #portfolio {
		float: left;
		display: block;
		height: 33px;
		background: transparent none no-repeat 0 -33px;
		text-indent: -999em;
		}
	#home {
		background-image: url(images/nav/home.gif);
		width: 91px;
		}
	#bio {
		background-image: url(images/nav/biography.gif);
		width: 127px;
		}
	#statement {
		background-image: url(images/nav/statement.gif);
		width: 197px;
		}
	#prints {
		background-image: url(images/nav/prints.gif);
		width: 124px;
		}
	#portfolio {
		background-image: url(images/nav/portfolio.gif);
		width: 100px;
		}
	#nav li a, #nav li a:link, #nav li a:visited {
		 	display: block;
		 	overflow:hidden;
		 	text-decoration:none;
			border: 0;
			}
	#home a, #home a:link, #home a:visited {
			background: transparent url(images/nav/home.gif) no-repeat 0 0;
		 	width: 91px;
		 	height: 33px;
			}
	#bio a, #bio a:link, #bio a:visited {
			background: transparent url(images/nav/biography.gif) no-repeat 0 0;
		 	width: 127px;
		 	height: 33px;
			}
	#statement a, #statement a:link, #statement a:visited {
			background: transparent url(images/nav/statement.gif) no-repeat 0 0;
		 	width: 197px;
		 	height: 33px;
			}
	#prints a, #prints a:link, #prints a:visited {
			background: transparent url(images/nav/prints.gif) no-repeat 0 0;
		 	width: 124px;
		 	height: 33px;
			}
	#portfolio a, #portfolio a:link, #portfolio a:visited {
			background: transparent url(images/nav/portfolio.gif) no-repeat 0 0;
		 	width: 100px;
		 	height: 33px;
		 	cursor: pointer;
			}
	#home a:hover, #home a:active,
	#bio a:hover, #bio a:active,
	#statement a:hover, #statement a:active,
	#prints a:hover, #prints a:active,
	#portfolio a:hover, #portfolio a:active {
			background-image: none;
			}

	#nav li.current a, #nav li.current a:link, #nav li.current a:visited, #nav li.current a:hover, #nav li.current a:active	{
			background-image: none;
			}


	#mainnav li ul {
		position: absolute;
		width: 130px;
		left: -999em;
		z-index: 1000;
		}

	#mainnav li ul li a{
		z-index: 1000;
		position: relative;
	}

	#mainnav li:hover ul, #mainnav li.sfhover ul { 
		left: 0;
		background-position: 0 0;
		}

	#nav h4 {
		display: none;
		}


/* footer */

#footer {
	clear: both;
	text-align: center;
	padding: 20px 0;
}

/*portfolio*/
		
	#abstracts, #birds, #blackwhite, #chesapeake-bay, #fossils, #jazz, #nature, #panorama, #people, #pictorial, #trains {
		float: left;
		display: block;
		height: 20px;
		background: transparent none no-repeat 0 -20px;
		position: relative;
		text-indent: -999em;
		width: 130px;
		z-index: 1000;
		}
	#abstracts {
		background-image: url(images/nav/abstracts.gif);
		}
	#birds {
		background-image: url(images/nav/birds.gif);
		}
	#blackwhite {
		background-image: url(images/nav/blackwhite.gif);
		}
	#chesapeake-bay {
		background-image: url(images/nav/chesapeakebay.gif);
		}
	#fossils {
		background-image: url(images/nav/fossils.gif);
		}
	#jazz {
		background-image: url(images/nav/jazz.gif);
		}
	#nature {
		background-image: url(images/nav/nature.gif);
		}
	#panorama {
		background-image: url(images/nav/panorama.gif);
		}
	#people {
		background-image: url(images/nav/people.gif);
		}
	#pictorial {
		background-image: url(images/nav/pictorial.gif);
		}
	#trains {
		background-image: url(images/nav/trains.gif);
		}
	#portfolio-nav li a, #portfolio-nav li a:link, #portfolio-nav li a:visited {
		 	display: block;
		 	overflow:hidden;
			position: relative;
		 	text-decoration:none;
			border: 0;
			height: 20px;
			width: 130px;
			z-index: 1000;
			}
	#abstracts a, #abstracts a:link, #abstracts a:visited {
			background: transparent url(images/nav/abstracts.gif) no-repeat 0 0;
			}
	#birds a, #birds a:link, #birds a:visited {
			background: transparent url(images/nav/birds.gif) no-repeat 0 0;
			}
	#blackwhite a, #blackwhite a:link, #blackwhite a:visited {
			background: transparent url(images/nav/blackwhite.gif) no-repeat 0 0;
			}
	#chesapeake-bay a, #chesapeake-bay a:link, #chesapeake-bay a:visited {
			background: transparent url(images/nav/chesapeakebay.gif) no-repeat 0 0;
			}
	#fossils a, #fossils a:link, #fossils a:visited {
			background: transparent url(images/nav/fossils.gif) no-repeat 0 0;
			}
	#jazz a, #jazz a:link, #jazz a:visited {
			background: transparent url(images/nav/jazz.gif) no-repeat 0 0;
			}
	#nature a, #nature a:link, #nature a:visited {
			background: transparent url(images/nav/nature.gif) no-repeat 0 0;
			}
	#panorama a, #panorama a:link, #panorama a:visited {
			background: transparent url(images/nav/panorama.gif) no-repeat 0 0;
			}
	#people a, #people a:link, #people a:visited {
			background: transparent url(images/nav/people.gif) no-repeat 0 0;
			}
	#pictorial a, #pictorial a:link, #pictorial a:visited {
			background: transparent url(images/nav/pictorial.gif) no-repeat 0 0;
			}
	#trains a, #trains a:link, #trains a:visited {
			background: transparent url(images/nav/trains.gif) no-repeat 0 0;
			}
	#abstracts a:hover, #abstracts a:active,
	#birds a:hover, #birds a:active,
	#blackwhite a:hover, #blackwhite a:active,
	#chesapeake-bay a:hover, #chesapeake-bay a:active,
	#fossils a:hover, #fossils a:active,
	#jazz a:hover, #jazz a:active,
	#nature a:hover, #nature a:active,
	#panorama a:hover, #panorama a:active,
	#people a:hover, #people a:active,
	#pictorial a:hover, #pictorial a:active,
	#trains a:hover, #trains a:active {
			background-image: none;
			}

/*preview*/
	#caption {
		width: 600px;
		margin: 0 auto;
		text-align: right;
	}
	
	#caption p.title {
		float: left;
		}

/* portfolio */


#portfolio-area, #portfolio-area2 {
/* 	position:relative;  */
	width:835px; 
	height: 540px;
	margin:0px auto;
}

#portfolio-area b,#portfolio-area2 b {
	font-weight:normal; 
	text-align:center; 
	position:absolute;
/* 	top: 5px;  */
	top: 151px;
	left: 185px; 
	color:#fff; 
	width: 620px;
	height: 540px;
	z-index:0;
}

a.gallery, a.gallery:visited {
	display:inline; 
	color:#FFF; 
	text-decoration:none; 
	width:70px; 
	height:70px; 
	float:left; 
	margin:4px 4px; 
	position:relative; 
	z-index: 5;
	cursor:default;
	border: 1px solid #333333;
}

#portfolio-area2 a.gallery, #portfolio-area2 a.gallery:visited {
	width: 150px;
}

a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:620px; 
	height:540px; 
	top:0; 
	left:180px; 
	text-align:center; 
	background: #333;
}

a.slidea span {left:180px; top:0px;}
a.slidec span {left:180px; top:-80px;}
a.slidee span {left:180px; top:-160px;}
a.slideg span {left:180px; top:-240px;}
a.slidei span {left:180px; top:-320px;}
a.slideb span {left:100px; top:0px;}
a.slided span {left:100px; top:-80px;}
a.slidef span {left:100px; top:-160px;}
a.slideh span {left:100px; top:-240px;}
a.slidej span {left:100px; top:-320px;}

#portfolio-area2 a.slidea span {left:180px; top:0px;}
#portfolio-area2 a.slideb span {left:180px; top:-80px;}
#portfolio-area2 a.slidec span {left:180px; top:-160px;}
#portfolio-area2 a.slided span {left:180px; top:-240px;}
#portfolio-area2 a.slidee span {left:180px; top:-320px;}


a.gallery:hover {
	white-space:normal; 
	border:1px solid #fff; 
	z-index:100; 
	cursor: pointer;	
}

a.gallery:hover span {
	visibility:visible; 
	z-index:100; 
}

a.gallery:hover span img {
	border: #f6f6f6 solid 4px;
	position:relative; 
	z-index:100;
}

a.gallery:active, a.gallery:focus {
	border:1px solid #b7a16f; 
	z-index:10;
}

a.gallery:active span, a.gallery:focus span {
	visibility:visible; 
	z-index:10;
}

a.gallery:active span img, a.gallery:focus span img {
	border: #f6f6f6 solid 4px;
	position:relative; 
	z-index:10;
}


#pagination {
	position: relative;
	top: -140px;
	left: 0px;
	width: 160px;
	text-align: center;
}

#pagination a, #pagination span {
	padding: 2px 3px;
}

#pagination a:hover, #pagination a:active {
	background: #b7a16f;
	color: #333;
	text-decoration: none;
}