/* CSS Copyright Coordinate New Media 2007 */
@import url(reset.css);

body {
font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #abadbf;
background-color: #fff;
}

h1 {
width: 166px;
height: 124px;
text-indent: -5000px;
background: #fff url(logo.gif) no-repeat top left;
}

#mainContent {
height: 303px;
padding-left: 90px;
background: #fff url(bg.gif) repeat-x top left;
}

#contactForm, #contactDetails, #portfolio  {
float: left;
width: 250px;
height: 390px;
margin: 15px 0 30px 40px;
border-right: 1px solid #ddd;
}

#contactForm {
margin-left: 90px;
}

p {
margin: 5px 0;
}

p.greeting {
color: #8c8e90;
}

#portfolio p {
position: relative;
top: -29px;
left: 50px;
color: #c0272d;
font-weight: normal;
}

#contactDetails p {
margin-bottom: 15px;
}

#contactDetails strong {
display: block;
margin-top: 5px;
}

p.query {
margin-top: 5px;
padding: 18px 5px;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #8c8e90;
background-color: #f9f9e5;
}

/* Form */
form {
margin-top: -7px;
width: 205px;
}

label {
display: block;
margin: 12px 0 5px 0;
color: #faae58;
}

input, textarea {
width: 204px;
color: #898b9d;
font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
padding: 2px;
border: 1px solid #808284;
border-bottom: 1px solid #bbb;
border-right: 1px solid #bbb;
}

textarea {
height: 200px;
}

input.submit {
float: right;
width: auto;
color: #faae58;
font-weight: bold;
border: none;
background-color: #fff;
}

input:focus, textarea:focus {
background-color: #f9f9e5;
}

#contactDetails a, #contactDetails a:link, #contactDetails a:visited {
color: #41abdf;
border-bottom: 1px solid #41abdf;
background-color: #fff;
text-decoration: none;
}

#contactDetails a:hover {
color: #fff;
border-bottom: 1px solid #41abdf;
background-color: #41abdf;
text-decoration: none;
}

#contactDetails a.postal-code {
color: #abadbf;
border: none;
text-decoration: underline;
}

#contactDetails a.postal-code:hover {
color: #abadbf;
background: #fff;
text-decoration: underline;
}

#portfolio p a {
font-weight: bold;
color: #c0272d;
border-bottom: 1px dotted #c0272d;
text-decoration: none;
}

#portfolio p a:hover {
border-bottom: 1px solid #c0272d;
text-decoration: none;
}