/* -------------------  General Layout ----------------- */



body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small; /* for ie5/win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for the compliant browsers */	
	background: #dbdcd9 url(/images/header.png) center top no-repeat;
	margin: 416px 0 0 0;
	padding: 0
}

#container {
	width: 700px;
	margin: 0 auto;
}

#footer {
    clear: both;
	font-size: 90%;
	color: #323232;
	width: 700px;
	margin: 0 auto;
	padding-top: 25px;
}

#footercolumn1, #footercolumn2, #footercolumn3 {
	float: left;
	width: 180px;
	margin-left: 40px;
    padding-bottom: 15px;
}
#footercolumn3 {
	margin-left: 60px;
}

/* -------------------  Typography ----------------- */

p, h1 {
	font-size: 90%;
	margin: 0;
	padding: 0.4em 0;
	line-height: 1.2em;
	color: #999999;
}

h1 {
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #336666;
}
#pf {
	width: 341px;
	height: 62px;
	background-image: url(/images/portfolio.png);
	margin: 5px auto;
	}
#pf span {
	display: none;
}
#ct {
	width: 341px;
	height: 62px;
	background-image: url(/images/contact.png);
	margin: 5px auto;
	}
#ct span {
	display: none;
}
p a {
	background: url(/images/arrow.gif) no-repeat left 50%;
    padding-left: 18px;
    margin-left: 3px;
}

a {
	text-decoration: none;
	color: #8a181a;
}

a:hover {
	color: #336666;
}

a img {
	border: none;
}

img.float {
	float: left;
	padding: 50px 0 10px 0;
}

#footercolumn1 img {
	float: left;
	padding: 0 5px 0 0;
	margin-top: -3px;
}

/* -------------------  Contact Form ----------------- */

.zemContactForm fieldset {
   border: none;
   }
.zemContactForm legend {
	display: none;
}
.zemContactForm input, .zemContactForm textarea {
	background: #f6f6f6;
	border: 1px solid #cfcfcf;
	padding: 5px;
	margin-bottom: 10px;
}
.zemContactForm label {
	color: #898989;
}