/* --------- Valerie Sauers CSS ---------- */

body {
	margin:0 0 0 0;
	padding:0px;
	background-color:#141413;
	font-family:helvetica,arial,sans-serif;
	color:#636553;
	font-size:12px;
	}

a {color:#666633; text-decoration:underline;}
a:visited {color:#666633; text-decoration:underline;}
a:hover {color:#cccc66; text-decoration:underline;}


/* -------- Site Container -----------*/

#site-container {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	height:auto;
	background-color:#141413;
	border-top:0px;
	padding:0px;
	}
	
#header {
	position:relative;
	width:329px;
	height:100px;
	padding:0px;
	border:0px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	}
	
	#header-am {
		position:relative;
		width:329px;
		height:100px;
		padding:0px;
		border:0px;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:1px;
		}

#logo {
	float:left;
	height:100px;
	width:162px;
	border:0px;
	padding:0px;
	left:0px;
	top:0px
	}
	
	#logo a:hover {background:none;}

#portfolio_nav {
	float:left;
	width:82px;
	height:100px;
	border:0px;
	left:162px;
	top:0px;
	line-height:0px;
	}
	
	#portfolio_nav a:hover {background:none;}
	
#aboutme_nav {
	float:left;
	width:85px;
	height:100px;
	border:0px;
	left:244px;
	top:0px;
	padding-left:0px;
	line-height:0px;
	}
	
	#aboutme_nav a:hover {background:none;}
	
#sections {
	position:relative;
	width:329px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-bottom:10px;
	font-size:12px;
	}
	
	#sections a {color:#666633; text-decoration:none;}
	#sections a:visited {color:#666633; text-decoration:none;}
	#sections a:hover {color:#cccc66; text-decoration:none;}
	
	.select {
		background-color:#2d2d05;
		color:#ffffff;
		padding:2px;
		padding-left:4px;
		padding-right:4px;
		}
		
#sub-sections {
	position:relative;
	width:329px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-bottom:10px;
	font-size:12px;
	}

	#sub-sections a {color:#cccc66; text-decoration:none;}
	#sub-sections a:visited {color:#cccc66; text-decoration:none;}
	#sub-sections a:hover {color:#FFFFFF; text-decoration:none;}

	.sub-select {
		color:#ffffff;
		}
	
#image-container {
	width:1000px;
	height:auto
	background-color:#141413;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


#images {
	width:auto;
	padding:0px;
	border:0px;
	text-align:center;
	}
	
#aboutme {
	width:329px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	color:#666666;
	line-height:18px;
	}
	
#footer {
	margin-left:auto;
	margin-right:auto;
	width:329px;
	height:auto;
	text-align:center;
	padding-top:20px;
	line-height:20px;
	padding-bottom:20px;
	font-size:10px;
	}
	
	#footer hr {border:1px #3a3424 solid;}





/*---------- Gallery CSS Main------------*/

.galleria{position:relative; list-style:none;width:450px}
/*.galleria li{position:relative; width:40px; height:40px; margin:0 10px 10px 0; float:left;}*/
.galleria li a{display:none}
.galleria li div{position:absolute; display:none; top:0; width:445px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;}
.galleria li .caption{ padding-top:5em}
* html .galleria li div span{width:400px} /* MSIE bug */

*{ margin:0;padding:0}
.caption{font-family:Arial, Helvetica, sans-serif;color:#887;margin-top:15px;left:50px;}

#main_image{margin:0 auto 20px auto;height:400px;width:1000px;}
#main_image img{margin-bottom:10px;}

.nav{padding-top:0px;clear:both; 'helvetica, arial',sans-serif; list-style:none; border:0px;}
.nav img {border:0px;}

/*------------- boxcamera ----------------*/
.boxcamera{position:relative; width:450px;margin:0 auto; list-style:none;}
.boxcamera li{position:relative; width:40px; height:40px; margin:0 5px 10px 5px; float:left; }
.boxcamera li div{position:absolute; display:none; top:0; width:445px;}
.boxcamera li div .caption{font:italic 0.7em/1.4 helvetica,arial,sans-serif;padding-top:10px;}

/*---------- found ------------*/
.found{position:relative; width:200px;margin:0 auto; list-style:none;}
.found li{width:40px;height:40px; border:0px; margin: 0 5px 10px 5px; float:left; }
.found li div{position:absolute; width:445px; text-align:center;}
.found li div .caption{font:italic 0.7em/1.4 helvetica,arial,sans-serif;padding-top:10px;}

/*------------- raihn ----------------*/
.raihn{position:relative; width:600px;margin:0 auto; list-style:none;}
.raihn li{position:relative; width:40px; height:40px; margin:0 5px 10px 5px; float:left; }
.raihn li div{position:absolute; display:none; top:0; width:445px;}
.raihn li div .caption{font:italic 0.7em/1.4 helvetica,arial,sans-serif;padding-top:10px;}

/*------------- lakes ----------------*/
.lakes{position:relative; width:500px;margin:0 auto; list-style:none;}
.lakes li{position:relative; width:40px; height:40px; margin:0px 5px 10px 5px; float:left; }
.lakes li div{position:absolute; display:none; top:0; width:445px;}
.lakes li div .caption{font:italic 0.7em/1.4 helvetica,arial,sans-serif;padding-top:10px;}

/*------------- people ----------------*/
.people{position:relative; width:550px;margin:0 auto; list-style:none;}
.people li{position:relative; width:40px; height:40px; margin:0px 5px 10px 5px; float:left; }
.people li div{position:absolute; display:none; top:0; width:445px;}
.people li div .caption{font:italic 0.7em/1.4 helvetica,arial,sans-serif;padding-top:10px;}

/*------------- onetime ----------------*/
.onetime{position:relative; width:800px;margin:0 auto; list-style:none;}
.onetime li{position:relative; width:40px; height:40px; margin:0px 5px 10px 5px; float:left; }
.onetime li div{position:absolute; display:none; top:0; width:445px;}
.onetime li div .caption{font:italic 0.7em/1.4 helvetica,arial,sans-serif;padding-top:10px;}