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

html, body {
height: 100%;
margin: 0;
padding: 0;
}

img#bg {
position:fixed;
top:0;
left:0;
z-index: -1;
width:100%;
height:100%;
}

.content {
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	position:absolute;
	left: 200px;
	top: 150px;
	width: 600px;
	height: 400px;
	z-index:1;
	border:1px solid #fff;
	background-image: url(images/contentbg.png);
/*	background-color: #bbb;
	opacity: 0.80;
	filter:alpha(opacity=80); */
	padding: 10px;
	overflow: auto;
}

.nav { 
background: #000;
z-index:1;
}

a.photography {
display: block;
background: url(images/photography.png) no-repeat;
height: 60px;
width: 148px;
text-decoration: none;
}

a.design {
display: block;
background: url(images/design.png) no-repeat;
height: 60px;
width: 148px;
text-decoration: none;
}

.nav a:hover {
	background-position: 0px -60px;
}
.nav a:visited {
	text-decoration: none;
	color: #000;
}

.nav a:active {
	text-decoration: none;
	color: #000;
}

a.about {
display: block;
background: url(images/about.png) no-repeat;
height: 60px;
width: 148px;
text-decoration: none;
}

.nav img {
	border: 0;
}

#copy {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	position: absolute;
	bottom: 5px;
	right: 5px;
	color: #FFF;
}

#photo img
{
	display: none;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	padding-bottom: 10px;
}