/* ------------------------------
global styles
------------------------------ */
* {
	margin: 0;
}

body
{
	height: 100%;
	margin: 0;
	padding: 0;
	font: 90% arial, hevetica, sans-serif;
	text-align: left;
	background: url(back.jpg) no-repeat 0 0;
	background-position:top center;
	
	color: #333;

}

a:link {color:#330066} 
a:visited {color:#993333} 
a:focus { color: #000 }
a:hover {color:#6600CC} 
a:active {color:#ff0066} 
a {text-decoration:none}
a {font-weight: bold}

h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; }

h2
{
	color: black;
	font: 150% georgia, times, "times new roman", serif; font-weight:bold;
}

h2 a { text-decoration: none; }

h3
{
	color: #810541;
	font: 100% georgia, times, "times new roman", serif; font-weight:bold;
}

h4
{
	
	font: 125% georgia, times, "times new roman", serif; font-weight:bold;
	
}
/* ------------------------------
container styles
------------------------------ */

#container
{
	

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -528px; /* the bottom margin is the negative value of the footer's height */
background: url(huone.jpg) no-repeat 0 0;
	
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 650px;
	text-align: left;
	

	
}

/* ------------------------------
header styles
------------------------------ */

#header
{
	

height:150px;
	width: 100%;
	position: relative;
	margin-top 0px;
	background: url(multi-shadow.png) no-repeat 0 0;
	
	background-position:center; 
	border-bottom: 1px solid black;
}

#header h1
{
	position: absolute;
	left: -500em;
}



/* ------------------------------
mainnav styles
------------------------------ */

#mainnav
{
	background-color: #F6CED8;

	color: #272900;
	padding: 2px 0;
	margin-bottom: 22px;
}

#mainnav ul
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
	
}

#mainnav li
{
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #C4C769;
}

#mainnav li a
{
	text-decoration: none;
	color: #272900;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #CC2EFA;
}

/* ------------------------------
menu styles
------------------------------ */

#menu
{
	
	float: right;
	width: 165px;
	color: #810541;
	border-left: 0px solid #d04a4a; 
	padding-left: 15px;
}

#menu ul
{
	margin: 1em 0;
	padding: 0;
}

#menu ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

/* ------------------------------
contents styles
------------------------------ */

#contents
{
	
	float: left;
	width: 430px;
	margin: 20px 0 0 20px;
	
	
}

#contents p { line-height: 150%; 
font: 110% georgia, times, "times new roman", serif; color: black; 
 }
.blogentry { border-bottom: 0px solid #C5C877; }

.blogentry ul
{
	text-align: right;
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
}

.blogentry li
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}



/* ------------------------------
footer styles
------------------------------ */

	

#footer , .push
{
 	height: 528px; /* .push must be the same height as .footer */
	width: 650px;
margin: 0 auto;
	clear: both;
	color: #272900;
	
	text-align: center;
	font-size: 90%;
	
	
}

/* ------------------------------
video links styles
------------------------------ */
#images_hz {
width: auto;
height: auto;
overflow: hidden;
}
#images_hz img {
display: inline;
margin: 0 10px;}