body {
	background: url(../images_/bg.jpg) left top repeat;
	font-family: Arial, sans-serif;
}

#container {
	width: 680px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

#logo {
	margin: 0 auto;
	display: block;
}

#content {
	font-family: 'Trebuchet MS', sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	color: #8c8989;
	margin: 49px 0 20px 0;
	padding: 0;
}


#form {
	height: 45px;
	width: 665px;
	margin: 0 auto;
}
#form form {
	display: block;
	height: 45px;
}
#form input {
	display: block;
	height: 45px;
	width: 480px;
	margin: 0 15px 0 0;
	padding: 0 0 0 20px;
	border: 0;
	float: left;
	background: url(../images_/email-address-field.png) left top no-repeat;
	color: #ABABAB;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic;
	font-size: 16px;
	line-height: 45px;
}
#form input.error {
	background: url(../images_/email-address-error.png) left top no-repeat;
}
#form button {
	display: block;
	height: 45px;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	background: url(../images_/button-subscribe.png) left top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}

#success {
	font-size: 16px;
	color: #ABABAB;
	font-family: 'Trebuchet MS', sans-serif;
	text-align: center;
	line-height: 45px;
}

#error {
	background: #ff0000;
	color:#FFFFFF;
	font-size:12px;
	height:14px;
	margin:10px auto 0;
	padding:2px 10px 1px;
	text-align:center;
	width:170px;
	clear: both;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#footer {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #807c7c;
	text-align: center;
	margin: 72px 0 20px 0;
}
#footer a {
	color: #807c7c;
}
#footer a:hover {
	color: #9e9e9e;
}

#overlay {
    background-image:url(../images_/bg-form.png);
    background-repeat:no-repeat;
	height: 465px;
	width: 660px;
	display: none;
	_background-image:none;
	_background: #FFF;
	_height: 375px;
	_width: 570px;
}
img {
	_visibility: hidden;
}
img#logo {
	visibility: visible;
}
.close {
	background: url(../images_/close.png) left top no-repeat;
	height: 24px;
	width: 125px;
	float: right;
	margin: 30px 30px 0 0;
	_margin: 5px 5px 0 0;
	padding: 0;
	cursor: pointer;
}

#overlay form div {
	margin: 60px 50px 40px 50px;
	_margin: 15px 15px 10px 15px;
}

#overlay input {
	height: 35px;
	width: 340px;
	background: #d6d8db;
	border: 1px solid #888888;
	line-height: 33px;
	padding: 0 0 0 10px;
	margin: 0 0 13px 0;
	float: left;
	clear: both;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic;
	font-size: 14px;
}

#overlay textarea {
	width: 530px;
	height: 150px;
	background: #d6d8db;
	border: 1px solid #888888;
	padding: 0 0 0 10px;
	margin: 0 0 13px 0;
	float: left;
	clear: both;
	font-family: 'Trebuchet MS', sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 33px;
}

#overlay input.error, #overlay textarea.error {
	background: #e37086;
	border: 1px solid #c02635;
	color: #FFF;	
}
#overlay label {
	visibility: hidden;
}

#overlay button {
	display: block;
	height: 35px;
	width: 150px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	background: url(..images_/button-send.png) left top no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	clear: both;
}

#overlay .success {
	width: 450px;
	display: block;
	padding: 225px 0 0 200px;
}
