html, body {
	margin: 5px;
	padding: 0;
	list-style: none;
	background-color: #CCCCCC;
}

a {
	color: #58585a;
	text-decoration: underline;
}
a:hover {
}

#body {
background: top left url(villa_kaos_content.jpg);
font-family: Georgia;
font-size: 16px;
color: #58585a;
padding: 0;
}

#wrapper {
background: top left url(villa_kaos_content.jpg);
border: 0px solid #fff;
background-color: #fff;
width: 762px;
margin: auto;
}

#header {
background: top left url(villa_kaos.jpg);
height: 208px;
width: 762px;
border: 0px solid #6A0101;
}


#navContainer {
width: 620px;
margin: 0 0 0 120px;
display:block;
clear:both;
border:0px solid #000;
}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#555;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	background: #fff;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	padding:0;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 18px; 
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {display: block; background: #fff; padding: 0px 10px; padding-bottom: 0px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #58585a; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: #fff; border-color: #ccc; color: #4b4c4d;}
#nav li a:active, #nav ul li a.active {background: #fff; border-color: #ccc; color: #4b4c4d;}

/* Current page Customisations*/
#nav li.menu-current a		{background: #fff; color: #58585a; border-bottom: 0px solid #000;}
#nav li.menu-current a		{font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 0px solid #000; border-top: 0; font-size:14px;}
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding-left: 6px; line-height: 1em;}
#nav .menu li ul a {width: 11.5em; padding: .4em .1em .4em .4em; background: #fff; color: #58585a; border: 0;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {
color: #58585a;
background: #fff;
border: 0;
color:#58585a;
font-weight: bold;
}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#content {
width: 762px;
border: 0px solid #6A0101;
width: 100%;
margin: auto;
padding-top: 30px;
}

#content p {
padding: 0 30px 0 30px;
}

#content img {
border: 0px solid #6A0101;
}


#content h1, h2, h3, h4, h5, h6 {
padding: 0 30px 0 30px;
font-family: Georgia;
font-size: 16px;
}

#footer {
background: top left url(villa_kaos_footer.jpg);
width: 762px;
height: 61px;
text-align: center;
font-family: Georgia;
font-size: 14px;
}

#footer p {
margin: 0;
padding-top: 10px;
}

#footer a {
font-family: Georgia;
color: #58585a;
text-decoration: none;
}

#kuvia {
	border: 4px double #ccc;
	margin: 5px;
}


#content ul {
	margin-left: 10px;
	padding-left: 10px;
}

#content li {
	list-style: circle;
}