body {
margin : 0;
padding : 0;
background : #ffffff;
font-family: Georgia, serif;
font-size: 13px;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color : #505050;
}
h1 {
text-indent : -9999px;
width : 543px;
height : 100px;
background : url(../images/logo.png) no-repeat top left;
}
h2 {
font-size : 1.4em;
font-weight : normal;
margin : 0;
padding : 0 0 0.2em 0;
color : #339966;
}
h3 {
font-size : 1.6em;
font-weight : normal;
margin : 0;
padding : 0.3em 0 0 0;
}
a {
text-decoration : none;
color : #339966;
}
a:hover {
color : #b8b8b8;
}
img {
border: 1px solid #339966;
float: left;
max-width: 200px;
max-height: 200px;
margin: 0px 10px 0px 0px;
}
ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
p {
margin : 0;
padding : 0 0 2px;
}
:focus {
outline : none;
}
.justify {
text-align : justify;
}
.text ul {
margin : 5px 0 10px 0;
padding-top : 5px;
border-top : 1px solid #e8e8e8;
}
.text li {
margin : 0 0 5px 0;
padding : 0 0 5px 0px;
border-bottom : 1px solid #e8e8e8;
}
pre {
margin : 5px 0;
padding : 5px 0;
border-top : 1px solid #e8e8e8;
border-bottom : 1px solid #e8e8e8;
white-space : pre-wrap;
}
pre code {
display : block;
margin : 0;
padding : 0;
line-height : 150%;
}
#container {
width : 96%;
margin : 1em auto;
text-align : left;
}
.text {
float : left;
width : 30%;
margin : 1em 2% 1em 0;
padding-top : 10px;
border-top : 1px solid #339966;
display: inline;
}
.contact {
float : left;
width : 30%;
margin : 1em 2% 1em 0;
}
.contact ul {
margin : 5px 0 10px 0;
padding-top : 5px;
border-top : 1px solid #e8e8e8;
}
.contact li {
margin : 0 0 5px 0;
padding : 0 0 5px 0px;
border-bottom : 1px solid #e8e8e8;
}
.gallery {
float : left;
width : 49%;
margin-right : 1%;
margin-bottom : 1em;
}
.last {
margin-right : 0;
}
#box {
float : left;
width : 100%;
}
form {
margin : 1em 0;
padding : 0;
width : 30%;
float : left;
}
fieldset {
margin : 0;
padding : 0;
border : none;
}
legend {
padding-bottom : 0.5em;
font-size : 1.4em;
color : #339966;
}
form div {
padding : 1em 0;
border-top : 1px solid #e8e8e8;
}
label {
float : left;
width : 20%;
line-height : 200%;
padding-right : 1em;
text-align : left;
}
input, textarea {
width : 70%;
border : 1px solid #e8e8e8;
padding : 3px;
font-size : 1em;
background : #e8e8e8;
color : #b3bead;
}
textarea {
overflow : auto;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
width : 70%;
border : 1px solid #e8e8e8;
padding : 3px;
}
.button input {
border : none;
margin-left : 21%;
font-size : 1.2em;
color : #339966;
background : none;
padding : 0 4px;
cursor : pointer;
width : auto;
}
.hoverfocus {
border : 1px solid #339966;
}

#footer {
width : 100%;
margin : 1em 0;
padding-top : 1px;
border-top : 1px solid #339966;
}

#footerbase {
width : 100%;
margin : 1em 0;
padding-top : 10px;
border-top : 1px solid #e8e8e8;
}

#error, #response {
float : left;
width : 30%;
padding : 3em;
}

#response ul {
border-top : 1px solid #e8e8e8;
margin-top : 1px;
padding-top : 5px;
}

#error li, #response li {
margin : 0 0 5px 0;
padding : 0 0 5px 15px;
background : url(bullet.gif) no-repeat 0 4px;
border-bottom : 1px solid #e8e8e8;
}

#working {
float : left;
padding : 3em;
background : url(../images/loading.gif) no-repeat left center;
}

html body div.clear, html body span.clear {
background : none;
border : 0;
clear : both;
display : block;
float : none;
font-size : 0;
margin : 0;
padding : 0;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}

.hidden{display:none;}