html, body { 
height: 100%; 
margin: 0; padding: 0; 
font-family:Arial, Helvetica, sans-serif;
}

#bg {position:fixed; top:0; left:0; width:100%; height:100%;}


#logo{
position:absolute;
top:0; left:0; width:200px; height:100px;
background-image:url(logo.png);
background-repeat:no-repeat;
z-index:2;
}

#top {
position:absolute;
top:0; left:0; width:100%; height:100%;

background-image:url(top.png);
background-repeat:repeat-x;
z-index:1;

}
#content {position:relative; z-index:1;
border: 11px solid #7D7D7D;
width:550px;
margin: auto;
top:140px;
background-color:white;
padding:15px;
color:#7D7D7D;
}

#content h1{
color: #7D7D7D;
margin:0px;
padding:0px;
color:#EC1E2E;
font-size:14px;
}

#content p{
font-size:12px;
}
#content a{
font-weight:bold;
color:#7D7D7D;
text-decoration:none;
}

#menu{
position:absolute;
top:52px;
right:0px;
}
#menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D9D9D9;
text-decoration:none;
}
#menu a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#EC1E2E;
text-decoration:none;
}
#form {
	margin: 0;
	padding: 0;
	width: 450px;
}
#form label {
	margin: 1px 0;
	float: left;
	width: 100px;
	font-size: 12px;
	padding: 0;
}
#form input {
	float: left;
	margin: 1px 0;
	width: 250px;
	border: 1px solid #666;
	padding: 0;
}
#form textarea {
	float: left;
	margin: 1px 0;
	height: 120px;
	width: 348px;
	border: 1px solid #666;
	padding: 0;
}
#form #remark {
	font-size: 11px;
	float: left;
}
#form input.button {
	background-color: #666;
	border: 1px solid #666;
	color: #FFF;
	font-weight: bold;
	float: right;
	cursor: pointer;
	width: 90px;
	font-size: 11px;
	height: 20px;
}
#form input.button:hover {
	background-color: #FFF;
	color: #666;
}
#form label.error { 
	color: #FF0000;
	display: block;
	width: 100%;
	text-indent: 100px;
	vertical-align: top;
}
#form input.error { 
	border: 1px dotted #FF0000;
}
