body{
	background:url(../images/background1.jpg) #000 no-repeat fixed center top;
	color:#000;
	font-size:.7em;
	font-family:Arial,sans-serif;
	line-height:1;
}

.container{
	background: #fff url('../images/background1.jpg') repeat-x right bottom;
	height:750px;
}

#carousel{
	display:block;
	margin:-90px 0 0 20px;
	background-color:#fff;
}

ul.nav{
	float:left;
	list-style: none;
	margin: 20px 0;
	text-indent: -1em;
	text-align:center;
	font-size: 1.5em;
}

ul.nav li{
	margin:5px 0;
	text-decoration: underline;	
}


#spacer{
	display:block;
	height:300px;
}

.nav a{
	font-family: Arial;
	font:"Arial Narrow";
	color:#656565;
	text-decoration:none;
}

.nav a.hover{
	font-family: Arial;
	font:"Arial Narrow";
	
}

/* in case you wanna change the hover state on the border around the gallery, remove the comments below.
*/

/*
#gallery ul a:hover img {
		border: 1px solid #3e3e3e;
		border-width: 1px 1px 1px;
}
*/