html, body, #holder {
	width: 100%; min-width: 100%;
	height: 100%; min-height: 100%;
	}
	
html>body, html>body #holder {
	height: auto;
	}

body {
	background: #f0f0f0;
	margin: 0; padding: 0;
	text-align: center;
	}

img{
	border: none;
}

.clear {
	height: 1px;
	clear: both;
	}
	
/* ----------------------- Basic Containers ---------------------------- */		
#holder {
	background: url(../_img/bg_holder.jpg) repeat-x top left;
	margin: 0; padding:0;
	position: absolute; top: 0; left: 0;
}

/* ----------------------- header ---------------------------- */	
#header {
	background: url(../_img/bg_inner.jpg) no-repeat top left;
	float: left;
	width: 840px;
	padding-bottom: 15px;
	}	
#nav {
	float: left;
	margin: 5px 110px 0;
	height: 32px;
	padding-top:97px;
}
#nav ul {
	margin: 0; padding: 0 0 0 10px;
	list-style-type: none;
	}
	
#nav ul li {
	float: left;
	margin: 0; padding: 0;
}
#nav ul li.brd {
	background: url(../_img/bg_brd.gif) bottom right no-repeat;
}
#nav ul li a{
	 display: block; 
	 font: bold 13px Arial;
	 padding: 18px 10px 8px;
     text-decoration: none;
	 margin-right: 4px;
   	 color:	#333;
}

#nav ul li a:hover{
	 color: #fff;
}

/* ----------------------- Footer ---------------------------- */	
#bottom {
	background: url(../_img/bg_100.jpg) top left repeat-x;
	border: 0; clear: both; position: absolute; left: 0; /*bottom: 0;*/
	width: 100%; height: 78px;
	}
#bottombg {
	background: url(../_img/bg_bot.jpg) top center no-repeat;
	width: 100% !important; min-width: 840px; height: 78px;
	}		
#footer {
 	 margin: 0 auto; padding: 0 0 0 30px;
	 width: 840px;
	 height: 31px;
}
#footer a{
	text-decoration: none;
	font: bold 12px Arial;
	color: #333;
	}
#footer a:hover{
	color: #fff;
	}	
#foot {
 	 margin: 0 auto; padding: 5px 0 0 30px;
	 width: 840px;
}	
#foot p {
	padding: 7px 0 0 10px; margin: 0;
	font: bold 10px Arial;
	color: #fff;
	}
/* ----------------------- General ---------------------------- */
p, body{
	font:85% verdana;
	color:#242424;
	margin:0; padding:5px 0;
	text-align: justify;
}