html, body {
	margin:0; padding:0;
	height:100%;
}
 
body {
	background:url('eskuvoi_fotos_hatter.jpg') 50% 0% no-repeat;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Sans-serif;
	font-size:10px;
}
 
#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-401px;
	width:1px;
}
 
#centered {
	position:relative; clear:left;
	height:500px; width:100%; max-width:1000px; min-width:1061px;
	margin:0 auto;
	background:transparent;
	border:0px solid #666;
}

#floater2 {
	position:relative; float:left;
	height:50%;	margin-bottom:-3500px;
	width:1px;
}
  
#centered2 {
	position:relative; left:0; top:-89px; bottom:0; right:0; clear:center;
	height:-1500px; width:100%; max-width:1000px; min-width:1061px;
	margin:0 auto;
	background:transparent;
	border:0px solid #666;
}
 
#bottom {
	position:absolute;
	bottom:0; right:0;
}
 
#nav {
	position:absolute; left:0; top:0; bottom:0; right:70%;
	padding:20px; margin:10px;
}
 

.underlinemenu{
font-weight: normal;
font-size:9px;
width: 100%;
letter-spacing: 0.35em;

}

.underlinemenu ul{
padding: 20px 20px 7px 26px; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #646464;
padding: 7px 10px 7px 9px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 5px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 0px solid gray; /*bottom border is 3px*/
border-style: none;
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
color: #f70101;
}


#content {
	position:absolute; left:1px; right:0; top:2.2%; bottom:0%;
	overflow:auto; height:500px;
	padding:0px; margin:30px;
	text-decoration:none;
	border-style: none;

}

#nav ul {
	list-style:none;
	padding:0; margin:20px 0 0 0; text-indent:0;
}
 
#nav li {
	padding:0; margin:3px;
}
 
#nav li a {
	display:block; background-color:#e8e8e8;
	padding:7px; margin:0;
	text-decoration:none; color:#000;
	border-bottom:1px solid #000;
	text-align:right;
}
 
#nav li a::after {
	content:'?'; color:#aaa; font-weight:bold;
	display:inline; float:right;
	margin:0 2px 0 5px;
}
 
#nav li a:hover, #nav li a:focus {
	background:#f8f8f8;
	border-bottom-color:#000;
}
 
#nav li a:hover::after {
	margin:0 0 0 7px; color:#f93;
}
 
#nav li a:active {
	padding:8px 7px 6px 7px;

#centered {
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
}
 
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal; color:#666;
}
 
h1 {
	color:#f93; border-bottom:1px solid #ddd;
	letter-spacing:-0.05em; font-weight:bold;
	margin-top:0; padding-top:0;
}
 
 
#bottom {
	text-align:center;
	padding:10px;
	font-size:0.7em;
	color:#f03;
	
}
 
 
#logo {
	font-size:2em; text-align:center;
	color:#999;
}
 
#logo strong {
	font-weight:normal;
}
 
#logo span {
	display:block;
	font-size:4em; line-height:0.7em;
	color:#666;
}
 
p, h2, h3 {
	line-height:1.6em;
}
 
a {
	color:#f03;
}