html, body {
	margin: 0;
	padding: 0;
}

body {
	font: normal 1em 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	background: #fff url("../images/bg.png");
	color: #333;
}

a {
	color: #fff;
	text-decoration: none;
}

a img {
	border: none;
}

h1 {
	position: absolute;
	left: -10000px;
}

h3 {
	font-size: 1em;
	margin: 0 0 .4em 0;
}

#main {
	position: relative;
    width: 500px;
	margin: 5% auto auto 5%;
}

#material {
    width: 500px;
	height: 500px;
	background: url("../images/material_1.jpg") no-repeat center;
}

#logo {
	margin-bottom: 10px;
}

#info-bg {
	position: absolute;
	top: 270px;
	right: 0;
	width: 400px;
	height: 140px;
	background: #000;
	opacity: .65;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
}

#info {
	position: absolute;
	top: 270px;
	right: 0;
	width: 345px;
	color: #eee;
	font-size: 0.7em;
	padding: 22px 25px;
	overflow: hidden;
}

#notify {
	background: #fff;
	padding: 20px 25px 30px 25px;
	border: 2px solid #ccc;
	border-top: none;
}

#notify-text {
	font-size: 0.8em;
	margin-bottom: 10px;
}

#notify-text strong {
	color: #97BF0D;
	font-size: 1.5em;
}

#notify-disclaimer {
	font-size: 0.9em;
	color: #666;
}

#notify input {
}

#notify input.text {
	width: 75%;
	color: #999;
	padding: 3px 5px;
	border: 2px solid #888;
}

#notify input.submit {
	background: #97BF0D;
	color: #fff;
	padding: 4px 5px;
	border: none;
}

.error {
	color: #cc0000;
}