BODY {
	margin:0;
	padding:0;
	background:#FFFFFF url(images/bg.jpg) repeat-x 0 0;
}
#container {
	margin:0 auto;
	width:731px;
	background:url(images/bg_main.gif);
}
/* Header */
#header {
	width:100%;
	height:204px;
}

#menu {
	margin-left:5px;
	width:721px;
	height:35px;
	background:url(images/bg_menu.jpg);
}
span#elerhetoseg {
	font: 12px arial;
	color:#7d6625;
	text-align:right;
}

#nav {
	margin:0;
	padding:0;
	width:500px;
	float:left;
}
#nav:after {
	margin:0;
	padding:0;
	content: ;
	display:block;
	height:0;
	clear:both;
	height:100%;
}
#nav li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}
#nav a {
	margin:0;
	padding:0;
	float:left;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	height:34px;
	overflow:hidden;
}
#nav a#magunkrol {
	background: url(images/nav_01.gif) top left no-repeat;
	width:102px;
}
#nav a#szolgaltatas {
	background: url(images/nav_02.gif) top left no-repeat;
	width:135px;
}
#nav a#referencia {
	background: url(images/nav_03.gif) top left no-repeat;
	width:117px;
}
#nav a#ajanlo {
	background: url(images/nav_04.gif) top left no-repeat;
	width:144px;
}


#nav a:hover#magunkrol, body#magunkrol-on a#magunkrol {
    background: url(images/nav_01.gif) bottom left no-repeat;
}
#nav a:hover#szolgaltatas, body#szolgaltatas-on a#szolgaltatas {
    background: url(images/nav_02.gif) bottom left no-repeat;
}
#nav a:hover#referencia, body#referencia-on a#referencia {
    background: url(images/nav_03.gif) bottom left no-repeat;
}
#nav a:hover#ajanlo, body#ajanlo-on a#ajanlo {
    background: url(images/nav_04.gif) bottom left no-repeat;
}

/*--- Content ---*/
#content {
	margin-left:10px;
	margin-right:10px;
	background:url(images/bg_content.jpg) repeat-x 0 0;
	padding:10px 15px 10px 15px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:12px;
	color:#8c7229;
}
#content h1 {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	width: 98%;
	font: bold arial, helvetica, sans-serif;
	font-size: 150%;
	color: #8c7229;
}
#content img {
	padding: 10px 0px 0px 0px;
}

#content ul {
	list-style-type: none;
	line-height: 150%;
}

#content li {
	background: url(images/dott.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 20px;
}
/*--- Footer ---*/
#footer {
	background:url(images/bg_footer.gif); 
}
#design {
	font-family:verdana;
	font-size:11px;
	color:#e5dbbe;
	padding:14px 0px 0px 1px;
	widht:160px;
}
#footer_menu {
	font-family:verdana;
	font-size:12px;
	color:#FFFFFF;
	line-height:150%;
	padding:0px 0px 8px 0px;
	text-align:left;
}
span#copyright {
	font-family:verdana;
	font-size:10px;
	color:#e5dbbe;
	text-align:left;
}

/*--- CONTACT ---*/

.contact { 
	font-weight: bold; color: #b84132; text-align: right;
	padding-right: 10px;
}

.button {
	background-color: #f2eddf;
	background-image: url(images/back_input.gif);
	border: 1px solid #997d2d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #997d2d;
	padding: 2px;
	height: 20px; font-size: 10px; font-weight: bold; }

input { border: 1px solid #997d2d; background-color:#f7f4eb; color: #624b0c; }

textarea { border: 1px solid #997d2d; background-color:#f7f4eb; color: #624b0c; }

select { border: 1px solid #997d2d; background-color:#f7f4eb; color: #624b0c; }

input:hover, input:focus, textarea:hover, textarea:focus { background-color: #f2eddf; }