@charset "UTF-8";
/* CSS Document */

img {
	border: none;}

a {
	text-decoration: none;
	outline: none;}
	
a:link, a:visited, a:active, a:focus {
	color: #c8c8c8;}

a:hover {
	color: #7d7d7d;}

html, body {
	background: #000000 url(../images/bg-noise.jpg) top left repeat;
	color: #c8c8c8;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;}

#wrapper {
	position: relative;
	min-height: 100%;
	width: 60%;
	max-width: 1536px;
	margin: 0 auto;}

/*header*/
#header {
	width: 100%;
	top: 0px;
	position: relative;
	padding-top: 40px;
	text-align: center;}

/*content*/
#content {
	width: 100%;
	position: relative;
	padding-bottom: 220px;}

.thumbs {
	width: 100%;
	position: relative;
	text-align: center;
	padding-top: 45px;}

.photo-thumbs {
	display: inline-block;
	padding: 0px;
	margin: 25px;}

	.photo-border {
		border: 3px solid #ffffff;}
	
	#lilypads {
		background: url(../images/photography/lilypads-thb.jpg) no-repeat center;}
	#river {
		background: url(../images/photography/river-thb.jpg) no-repeat center;}
	#statues {
		background: url(../images/photography/statues-thb.jpg) no-repeat center;}
	#amanda {
		background: url(../images/photography/amanda-thb.jpg) no-repeat center;}
	
	.thumbs-opacity {
		opacity: 0;
		transition: opacity 0.5s;
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;}
		
		.thumbs-opacity:hover {
			opacity: 1;}

/*footer*/
#footer {
	width: 100%;
	bottom: 0px;
	position: absolute;
	height: 200px;
	text-align: center;}

.nav-links {
	list-style: none;
	display: inline;
	padding: 0px;}
	
	.nav-links li {
		display: inline;
		padding: 0px 10px;}

hr {
	width: 100px;
	color: #c8c8c8;}

.fineprint {
	color: #646464;}

.copyright {
	color: #646464;
	font-size: 10px;}