/*
#512d17 - dark
#b3aa7d - light
#e5e2cf - pale bg color
#f7f6f0 - very pale behind slide show
*/

body{
	margin:0;
	padding:0;
	text-align:center;
	font: 62.5%/1.4 helvetica, tahoma, sans-serif;
	color:#512d17;
	background-color:#fff;
}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	line-height:normal;
	padding:0;
	margin:1em 0 0.5em 0;
}
p, ul{
	padding:0;
	margin:0 0 0.5em 0;
}
a:link, a:visited{
	color:#512d17;
	text-decoration:none;
	border-bottom:1px dotted #512d17;
	}
a:visited{
	border-bottom:1px dotted #b3aa7d;
	}
a:hover, a:active{
	color:#c00;
	text-decoration:none;
	border-bottom:1px solid #fff;
}

span{
	color:#b3aa7d;
}

#container{
	width:600px;
	margin:30px auto;
	text-align:left;
	background:url(../img/container-bg.gif) 25% 0 repeat-y;
}
#header{padding:1em;}
#header h1{
	margin:0;
	padding:0;
	position:absolute;
	left:-9999px;
	top:0;
	width:100px;
	}
	
#navigation{
	margin:1em 0 0 0;
	padding:0;
	list-style-type:none;
	width:25%;
	float:left;
}
/*#navigation span{
	background-color:#e5e2cf;
	color:#b3aa7d;
}
#navigation a:hover span{
	color:#c00;
}*/
#navigation li{margin:0 0.5em 0.5em 0.5em;
}
#navigation li strong, 
#navigation a{
	font-size:1.6em;
	line-height:1;
	display:block;
	text-decoration:none;
	border:none;
	/*background-color:#e5e2cf;*/
}
#content{
	margin-left:28%;
	font-size:1.2em;
	min-height:200px;
}

#content ul{
	list-style-type:square;
	margin-left:1em;
	line-height:normal;}

#pics, #pat{
	float:right;
    padding: 0;
	margin: 0 0 1em 0.5em;
	position:relative;
} 

#pics {  
    height:  125px;
    width:   170px;
} 
#pat {  
    height:  249px;
    width:   170px;
    } 

#pics img,#pat img{
	display:none;
	padding: 1em 1em 1.5em 1em;
	border:  1px solid #ccc; 
	top:  0; 
	left: 0;
	position:absolute;
	}

#pics img {
	width:  150px; 
	height: 100px;
} 
#pat img {
	width:  150px; 
	height: 224px;
} 


#footer{
	clear:both;
	padding:0.5em;
	/*background:transparent;*/
	position:relative;
}

#footer p{
	width:45%;
	font-size:0.8em;
	/*background-color:transparent;*/
}


#footer span{
	color:#b3aa7d;
	/*background-color:#e5e2cf;*/
}
#footer a{
	/*background-color:#e5e2cf;*/
	}

#footer p.meta{
	position:absolute;
	top:0.5em;
	right:0;
	text-align:right;
}
#footer p.meta a{
	/*background-color:#fff;*/
	}
.clear{clear:both;}