/* CSS Document */

/* ============================ layout ============================== */

#container {
	position: relative;
	width: 900px; min-height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(../img/bg-container.png) no-repeat 0 0;
}

* html #container{ height: 100%; }

#header{
	width: 100%;
	border-top: 10px solid #fff;
}

#content{ padding: 0 0 5em 0; }

#footer{
    clear: both;
    position: absolute; bottom: -1px;
    width: 100%;   
    padding: 10px;
    border-bottom: 10px solid #fff;
}


/* ========================== layout end ============================ */

/* ============================ header ============================== */

#header{
	width: 100%; height: 151px;
}

#header a{ float: left; }

#header h1{
	position: relative;
	float: right;
	width: 260px; height: 151px; 
	font-size: 0.8em;
}

#header h1 span {
	position: absolute; 
	width: 100%; height: 100%;
	background: url(../img/bg-h1.png) no-repeat;
}


/* =========================== header end =========================== */

/* ============================ lang-list =========================== */

#lang-list{
	float: left;
	width: 80px;
	margin: 10px 50px;
	list-style: none;
	display: inline; /* ie */
}

#lang-list a{
	font: 1.2em normal Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.5em;
	color: #000;
}
#lang-list a:hover{ text-decoration: underline; }

/* ========================== lang-list end ========================= */

/* =========================== main-content ========================= */

#main-content{
	float: left;
	width: 440px;
	margin: 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	display: inline; /* ie */
}

#main-content.homepage{
	height: 495px;
	background: url(../img/bg-homepage.png) no-repeat;
}

#main-content p{ margin-bottom: 1em; }
#main-content p:first-letter{ padding-left: 2em; }

/* ========================= main-content end ======================= */

/* =========================== navigation =========================== */

#navigation{
	float: left;
	width: 214px;
	margin: 20px 22px;
	list-style: none;
	display: inline; /* ie */
}

#navigation li{
	padding: 10px;
	border-bottom: solid 1px #cac8a9;
}

#navigation a{
	font: bold 1.2em Tahoma, sans-serif;
	text-decoration: none;
	color: #000;
}

#navigation a:hover{ text-decoration: underline; }


/* ========================= navigation end ========================= */

/* ============================== footer ============================ */

#footer p{
	float: right;
	width: 240px;
	margin-right: 10px;
	color: #8b8956;
	display: inline; /* ie */
}
#footer p a{ color: #8b8956; text-decoration: none; }
#footer p a:hover{ color: #8b8956; text-decoration: underline; }

/* ============================ footer end ========================== */