@import url(type.css);

/* Reset Styles */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* BEGIN CUSTOM STYLING */
body {
	text-align: center;
	background: #555 url(../graphics/background.gif) center top repeat;
}

img {
	margin: 0 auto;
	border: 1px solid #32331d;
}

span.image {
	clear: both;
	text-align: center;
	margin: 0 auto 22px auto;
	padding: 3px;
	display: block;
	background: #40411e;
}

span.wide img, span.tall img {
	margin-bottom: 10px;
}

span.tall {
	width: 335px;
}

span.h1left {
	padding-left: 55px;
	background: url(../graphics/h3left.gif) left center no-repeat;
}

span.h1right {
	padding-right: 55px;
	background: url(../graphics/h3right.gif) right center no-repeat;
}
	
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 588px;
	background: url(../graphics/wrapper.gif) center top repeat-y;
}

#header {
	text-align: center;
	margin: 0 auto 22px auto;
	padding: 10px 0;
	width: 508px;
	height: 71px;
	background: url(../graphics/base.gif) center bottom no-repeat;
}

	#header li a { display: block; height: 0; padding: 12px 0 0 0; overflow: hidden; }

		
#content {
	width: 508px;
	text-align: justify;
	margin: 0 auto;
}

#footer {
	clear: both;
	margin: 22px auto 0 auto;
	padding: 23px 0 0 0;
	width: 502px;
	height: 71px;
	background: url(../graphics/base.gif) center top no-repeat;
}

.clear {
     border: 0;
     clear: both;
     display: block;
     float: none;
     margin: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}

ul#cpreview,
.comments  {
	margin-bottom: 22px;
}

ul#cpreview {
	margin-top: 22px;
	margin-left: 0;
}

form#txpCommentInputForm,
form#zemContactForm {
	float: left;
	width: 333px;
}

form#zemContactForm {
	border: none;
}

#comment_name_input,
#comment_email_input,
#comment_web_input,
#name,
#email,
#web,
#subject,
#message {
	border: 1px solid #787746;
	color: #333;
	width: 248px;
}	

#comment_name_input.comments_error,
#comment_email_input.comments_error,
#comment_web_input.comments_error,
#name.zemRequirederrorElement,
#email.zemRequirederrorElement,
#web.zemRequirederrorElement,
#subject.zemRequirederrorElement,
#message.comments_error,
#message.zemRequirederrorElement { border: 1px solid #c00; }

#message { height: 200px; overflow: auto; }

#comment_name_input:focus,
#comment_email_input:focus,
#comment_web_input:focus,
#name:focus,
#email:focus,
#web:focus,
#subject:focus,
#message:focus,
.search_field:focus { border-color: #b4af91; }

#zemSubmit,
.button { 
	margin: 12px 12px 0 1px;
	padding: 6px;
	background: #b4af91;
	width: auto;
	cursor: pointer;
	overflow: visible;
}
	#zemSubmit:hover,
	.button:hover {
		background: #b4af91;
	}