body	{
	background-color:	#888888;
	}
	

div	{
	/* border: thin dashed red; */
}



#contents {
	margin-left:		20em;
	margin-top:		5em;
	margin-bottom:		0em;
	width:	`		100%;
}

#container {
	position:	absolute;
	top:		0em;
	left:		0em;
	width:		100%;
	min-height:	100%; 
	margin:		0;
	border:		thin dashed red;
}

/*
html, body, #contents {
	min-height: 	100%;
	height:		100%;
	width:		100%;
}

html>body, html>body #contents {
	height:		auto;
}
*/

#footer	{
	position:	absolute; 
	bottom:		0em;
	width:		100%;
	height:		5em;
	background:	#ffffff;
}



#page_title {
	margin-top:	6em;
}



#topnav:before {
	/* position:	absolute; */
	/* right:		0em;*/
	top:		0em;
	font-size:	1.2em;
	font-weight:	bold;
	color:		#888888;
	content:	"Petezilla.co.uk";
}


#topnav	{
	position:	absolute;
	width:		100%;
	top:		0em;
	left:		0em;
	height:		4em;
	margin: 	0em;
	padding:	0em;
	width:		100%;
	background: #ffffff;
	
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:	1em;
	 overflow:	hidden; 
}



#topnav li	{
		margin:	0.5em;
		display:	inline;
}

#left		{
	position:	absolute;
	width:		20em;
	top:		8em;
	left:		0em;
	word-wrap:	break-word;
	font-size:	1em;
}

#left ul {
	font-size:	0.8em;
	font-weight:	bold;
	text-decoration:	none;
}

#subdirs:before {
		Content:	"Sub-directories" ;
		border-bottom:	thin solid black;
		width:		100%;
	}


#subdirs	{
	width:	12em;
	font-family:Verdana,helvetica,arial,sans-serif;
	font-size:	1em;
}

#files:before {
		Content:	"Files" ;
		border-bottom:	thin solid black;
		width:		100%;
	}


#files	{
}



#gallery:before {
		Content:	"Photos" ;
		font-size:	1.5em;
		border-bottom:	thin solid black;
		width:		100%;
		
	}

#gallery	{
		margin-bottom:	5em;
}