* {
margin: 0;
padding: 0;
list-style: none;
border: 0;
background-repeat: no-repeat;
outline: none;
}
html { height: 100%; }
body { margin: 0; height: 100%; background-color: #c7b18b; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; line-height: 17px; }

.abs { position: absolute; }

#container { margin: auto; padding: 0px; height: 100%; width: 100%; }
#middle { width: 900px; height: 100%; margin: auto; padding: 0; }
#website { width: 900px; height: 580px; background: url(im/hatter_fo.png) repeat-y top center; }
#text { width: 550px; margin: 0 0 0 15px; z-index: 3; position: absolute; }

#top { background: url(im/hatter_top.png) no-repeat; height: 15px; }

#tartalom { height: 550px; }
#tartalom div#foto { margin: 0 0 0 15px; position: absolute; z-index: 1; }
#tartalom div#logo { position: absolute; z-index: 1020; }
#tartalom div#menu { width: 395px; height: 174px; margin: 263px 0 0 490px; position: absolute; z-index: 100; }
#tartalom div#menuhatter { margin: 263px 0 0 665px; position: absolute; z-index: 99; }

#bottom { background: url(im/hatter_bottom.png) no-repeat; height: 15px;}

.cimke {font-size: 14px; font-variant: small-caps; }

a, a.hover { color: #ffffff; text-decoration: underline; }

/* 
--------------------------
	MENU
--------------------------
*/
ul.menu { margin: 15px 0 0 190px; padding: 0; width: 190px; }
ul.menu li { margin: 0; padding: 3px 0 3px 0; list-style: none; background: url(im/bgr_menu_li.png) repeat-x left bottom; }
ul.menu li a,ul.menu li a:link, ul.menu li a:visited { font-size: 9px; color: #58341e; text-decoration: none; }
ul.menu li a:hover { color: #333333; text-decoration: none; }

#almenu {margin: 50px 0px 0px 680px; padding: 0; position: absolute; }
#almenu ul { width: 190px; padding: 0; position: absolute; }
#almenu strong {font-weight: bold; font-size: 12px; color: #000000; margin-bottom: 10px; }
#almenu li {margin: 0; padding: 3px 0 3px 0; list-style: none; background: url(im/bgr_menu_li.png) repeat-x left bottom; }
#almenu li a,#almenu li a:link, #almenu li a:visited {font-size: 9px; color: #58341e; text-decoration: none; }
#almenu li a:hover {color: #333333; text-decoration: none; }

/* ----- [ INFO ] ----- */
#info { font-size: 9px; color: #453925; margin: 0px 15px 0px 15px; }
#info a { font-weight: normal; color: #453925; text-decoration: none; }
#info a:hover { font-weight: normal; color: #000000; text-decoration: underline; }

/*
--------------------------------
	CONTENT
--------------------------------
*/
#content_sp { width: 550px; height: 550px; top: 0; left: 0; display: block; z-index: 2; overflow: hidden; position: absolute; }
#content_sp_clip { top: 0; left: 0; position: absolute; }
.inside { padding: 20px 100px 20px 35px; }
.inside h3 { font-size: 15px; font-weight: bold; }


/*
-------------------------------
	GALLERY
-------------------------------
*/
#gallery { padding-top: 1px; }
#gallery a { padding: 0 0 1px 1px; float: left; position: relative; text-decoration: none; }
#gallery a img { width: 182px; height: 182px; border: 0; position: relative; z-index: 5; }
#gallery a span { width: 182px; top: 73px; left: 1px; margin: 0; padding: 10px 0 10px 0; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; background: #000; position: absolute; display: none; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); z-index: 6; }
#gallery a:hover span { display: block; }


/*
--------------------------------------
	ANIMAL INFO
--------------------------------------	
*/
.animal_info { display: none; }