body {
text-align:left;
font-family: monospace;
font-size: 14px;
margin:0;
}

#wrap {
width: 96%;
margin: 0px auto;
clear:both;
}	

h1, h2, h3 {
color: #444;
}


h1 {
font-size: 3em;
text-transform:uppercase;
margin-top:0;
padding:20px 10px;
border-top:none;
border-right:none;
border-bottom:20px solid #444;
border-left: 20px solid #444;
}

h2 {
border-right:20px solid #444;
font-size:1.7em;
margin:auto auto 60px 30px;
padding-right:30px;
text-align:right;
}

h3 {
margin: 30px 30px 10px 30px;
}

p {
margin: 1em 30px;
}

.form {
text-decoration:underline;
cursor:pointer;
}

.close {
border: 1px solid #000;
padding:5px;
cursor:pointer;
float: right;
}

#contactForm {
position:absolute;
top:18%;
left:33%;
z-index: 100000;
background-color: #444;
width: 340px;
padding: 25px;
border:1px solid black;
}

#contactForm p {
margin:1em 0;
color:white;
}


legend {
color: white
}

input, textarea {
padding: 2px;
margin:5px;
}

.button {
cursor:pointer;
}

#footer {
background-color: #444;
color: #fff;
margin: 50px 0 0 0;
border:1px solid black;
}

#footer p {
padding: 15px 0;
text-align: center;
}

a:link, a:hover, a:active, a:visited {
text-decoration: underline;
color:#000;
}

#footer a:link, a:hover, a:active, a:visited {
text-decoration: underline;
color:white;
}