/**
 * The basics
 */
body, html{
	background-color: #181818;
	text-align:center;
}


h1{
padding:4px;
}
h1 a{
	font-size:40px;
	text-decoration:none;
	color:white;
}

a {
	color:white;
}

#navcontainer { 
	margin-left: auto; margin-right:auto; 
	padding: 30px;
	margin: 20px 0 20px 0;
}

/**
 * navigation
 */
.nav {
    text-align:center;
	width: 350px;
	font-size: small; /* could be specified at a higher level */
	margin-left:auto;
        margin-right:auto;
        margin-top:10px;
	padding: 0 10px 0 10px;
	height:20px;
	border-bottom: 1px solid #333;
	}

.nav li {
	float: left;
	margin-top: 0; 
	padding: 0;
	display: inline;
	list-style: none;
	}
	
.nav a:link, .nav a:visited {
	float: left;
	font-size: 150%;
	line-height: 20px;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

.nav a.active:link, .nav a.active:visited, .nav a:hover {
	border-bottom: 2px solid #333;
	padding-bottom: 2px;
	color: #333;
	}

/**
 * layout
 */

#hd {
	text-align:center;
}

.top{
	height:3em;
}

#hd{
	border-bottom:solid 1px #999999;
}

#ft{
	text-align:center;
}

#footer{
	width:100%;
	border-top:solid 1px #999999;
	height:10px;
	margin-top:30px
}

#about{
	font-size: 85%;
	line-height: 20px;
	position:absolute;
	top:30px;
	right:10px;
	color:#999999;
}

#about a{
text-decoration:none;
color:#999999;
}

#about a:hover{
	color:#333;
}

/**
 * Homepage
 */
#home-images img{
	border:solid white 5px;
}

#home-images img:hover{
    paddnig:5px;
	width:190px;
	height:190px;
	border:solid white 10px;
}

/**
 * Gallery
 */
#gallery{
	height:480px;
	margin-left:20px;
	margin-right:auto;
	padding-bottom:5px;
}

#flashcontent{
	height:100%;
}

/**
 * About
 */
#about-txt{
	color:white;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

#about-txt p{
	margin:1em;	
}

#about-txt h2{
	font-size:15px;
	font-weight:bold;
}