/* html elements */
html {
	min-height:100%; 
	margin-bottom:10px;
}
body {
	margin:0;
	padding:0;
	background-color: #666;
	color: #fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
		
a {
    text-decoration:none; 
	color:#c0ffff;
}
a:hover {
    color:#ffffc0;
	text-decoration:none;
}

/* top title, description, and links */

#top-box {
	border-top:1px solid #fff;
	width: 920px;
	margin:0;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	background-color:#999;
	color:#333;
}

#highlights {
	margin:10px;
	position:relative;
}

		
#highlight-links {
	width:300px;
	border:1px dotted #ffffc0; 
	float:left;
	margin:0 10px 10px 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
				
#highlight-content {
	margin:0 10px 10px 10px;
}
		
.highlight-header {
	margin:10px 0px 0px 10px;
}
		
.highlight-ul {
			margin:0 0 10px 0;
}
		
/* photo gallery area */
#container {
	width: 920px;
	padding:0;
	margin: 0px auto;
	background-color:#000;	
	color:#fff;
}
		
		
#thumbs {
	overflow: hidden;
	position: relative;
}
		
#pageContainer {
	width: 1200px;
}

		
#pagerContainer {
	float: left;
	width: 250px;
	margin:10px 10px 10px 20px;
	height: 280px;
}
		
.page {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}
		
.thumbnail {
	float: left;
	margin: 0 15px 17px 0;
	width: 65px;
	height: 65px;
}
		
pre {
	border: 1px solid #999;
	background-color: #333;
	padding: 5px;
}
		
/* this is for the loading.gif */
.thumbnail div img {
	margin: 22px;
}
		
.thumbnail a img {
	width: 65px;
	height: 65px;
}
		
#bigContainer {
	float: left;
	position: relative;
	margin:10px 10px 10px 0;
}
		
#bigImage {
	border: 5px solid #999;
}
		
#prev {
	float: left;
	outline: none;
}
		
#next {
	float: right;
	outline: none;
}
		
a img {
	border: 2px solid #999;
}