* { 
	margin: 0; 
	padding: 0;
	border: 0; 
	outline: 0;
	font-size: 100%;	
}
html, body {
	height: 100%;
	background: rgb(0,0,0) url(./pic/layout-bg.jpg) center center no-repeat;
	font: normal 13px tahoma, verdana, arial, helvetica, sans-serif;
	color: rgb(255,255,255);	
}
#layout-distance {
	height: 50%;
	margin-bottom: -350px; /* half of container's height */
}
#layout-container {
	/*background: rgb(1,154,71);*/
	width: 1000px;
	height: 701px; 
	margin: 0px auto;		
	position: relative; /* puts container in front of distance */
	clear: left;		
}
#layout-top {
	background: rgb(0,0,0) url(./pic/layout-top.jpg) no-repeat;
	width: 1000px;
	height: 244px;	
	cursor: pointer;	
}
#layout-middle-home {
	background: url(./pic/layout-middle-home.jpg) no-repeat;
	width: 1000px;
	height: 457px;	
}
#layout-middle {
	background: url(./pic/layout-middle.jpg) no-repeat;
	width: 1000px;
	height: 457px;	
}
#layout-left {
	width: 220px;
	float: left;
		/*border: 1px solid blue;*/	
}
#layout-content {
	width: 730px;
	height: 440px;
	float: left;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	line-height: 20px;
	text-align: justify;
	overflow: auto;
		/*border: 1px solid red;*/
}
#layout-copyright { 
	width: 1000px;	
	font: normal 10px tahoma, verdana, arial, helvetica, sans-serif;
	color: #ffffff; 
	text-decoration: none; 
	text-align: center;
	margin: 0px auto;
	padding: 3px 0 10px 0;
	line-height: 20px;		
}

a.layout-copyright-link:link, a.layout-copyright-link:visited {
	font-family: verdana, tahoma, arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a.layout-copyright-link:hover, a.layout-copyright-link:active {
	font-family: verdana, tahoma, arial;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}
.fix {
	clear: both;
}