Html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	margin:0;
	padding:0;
}

#header {
	margin:0;
	padding:15px 50px 10px 50px;
}

#header * {
	margin:0;
	padding:0;
}

#navi {
	height:20px;
	z-index:255;
	padding:0 50px 30px 50px;
}
#nav {
	float:left;
	height:20px;
}
#nav, #nav li ul {
	margin:0;
	padding:0;
	list-style:none;
	
}
#nav li {
	float:left;
	height:20px;
	/*margin:0 0 0 5px;*/
	border-right: 5px solid #fff;
	padding:0 10px;
	position:relative;
	background:#959595;
}
#nav li ul {
	top:19px;
	left:0;
	width:180px;
	display:none;
	padding:5px 0;
	position:absolute;
	background:#959595;
}
#nav li ul li {
	float:none;
	margin:0;
	border-right:0px;
}
#nav li a {
	color:#fff;
	border:1px solid #959595; /* ie6 bug */
	padding:0;
	display:block;
	background:#959595; /* ie6 bug */
	line-height:18px;
	text-decoration:underline;
}
#nav li a:hover {text-decoration:none;}
#nav li:hover ul, #nav li.Over ul {display:block;} /* the magic */

#info {
	margin:-1px auto 20px;
	padding:10px 50px 10px 50px;
	border-top:1px solid #fff;
	/*border-bottom:1px solid #f31000;*/
	background-color:#d1d1d1;
}

#info table { border:0;margin:0 0 5px 0;padding:0;}
#info table td { border-bottom:0; padding-right:10px;padding-left:10px;}


#body {
	margin:-1px auto;
	padding:0;
	border-top:1px solid #fff;
	/*border:1px solid red;*/
}
#body:after {
	/*clear:both; 
	height:0; 
	content:'[do not leave it is not real]'; 
	display:block; 
	visibility:hidden;*/
}

#body p {
	width: 700px;
}

#debug {
	width:1000px;
	margin:0 auto;
	padding:0;
}


#wrapper {
	/*width:100%;
	float:left;*/
}
#main {
	margin:0 50px 10px 50px;
	padding:1px;
}
#add {
	float:left;
	width:200px;
	padding:1px;
	margin:-1px 0 10px -251px;
}

#footer {
	padding: 0px 50px 0px 50px;
}

#footer  p {
	display: block;
}


#footer, #footer a {
	color: #000;
}

#footer * {
	margin:0;
	padding:0;
}
#footer #counter {
	top:-24px;
	left:400px;
	position:relative;
	width:100px;
}