@import url(reset.css);

html {
border-bottom: 15px solid #000;
}

body {
height: 100%;
background: #7a7971;
color: #fff;
font-family: "myriad pro", "myriad-pro-1","myriad-pro-2", arial, sans-serif;
font-size: 14px;
border-bottom: 1px solid #ceccbf;
}

#navigationcontainer {
overflow: hidden;
padding: 1em;
background: #000;
border-bottom: 1px solid #ceccbf;
font-size: 0.9em;
}

ul#navigation {
list-style-type: none;
margin: 0 auto;
width: 900px;
text-transform: uppercase;
}

#navigation li {
float: left;
margin-right: 5em;
}

#navigation li a {
display: block;
color: #fff;
}

#navigation li a span {
color: #ceccbf;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:hover span, #navigation li a:focus span {
color: #d00;
}

#navigation span {
text-transform: none;
}

#container {
margin: 2em auto;
width: 900px;
font-size: 1.1em;
text-shadow: #333 1px 1px 1px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

h1 {
margin-bottom: 30px;
font-size: 3em;
font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, sans-serif;
}

h2 {
padding-top: 55px;
background: url(../images/separator.png) no-repeat center top;
font-size: 1.5em;
font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, sans-serif;
}

h3 {
font-size: 1.2em;
font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", georgia, sans-serif;
}

p, li {
line-height: 1.5;
}

p.intro {
font-size: 1.3em;
}

ul {
list-style-type: disc;
margin-left: -1em;
padding-left: 1em;
}

ol {
list-style-type: decimal;
margin-left: -1em;
padding-left: 1em;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

acronym {
border-bottom: 1px dotted #444;
}

#container a {
color: #2d2c2a;
text-decoration: underline;
text-shadow: none;
}

.portfolio {
overflow: hidden;
margin-bottom: 20px;
padding-right: 3px;
}

div.portfolio div.item:first-child {
margin-left: 0;
}

div.item {
float: left;
margin-left: 20px;
width: 207px;
}

div.item img {
width: 207px;
height: 150px;
border: 1px solid #606059;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

div.item p {
margin: 0.5em 0;
font-size: 14px;
}

#contactcontainer {
position: relative;
overflow: hidden;
}

.columnleft {
float: left;
width: 50%;
}

.columnright {
float: right;
width: 50%;
}

label {
margin-left: 1px;
cursor: pointer;
}

textarea.input {
width: 440px;
height: 11.6em;
border: none;
border-right: 1px solid #6e5e48;
border-bottom: 1px solid #6e5e48;
}

.input {
display: block;
padding: 7px 5px 5px 5px;
width: 420px;
background: #a5a399;
color: #000;
border-right: 1px solid #6e5e48;
border-bottom: 1px solid #6e5e48;
font-family: "myriad pro", corbel, tahoma, sans-serif;
font-size: 14px;
vertical-align: baseline;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

textarea.input:focus, .input:focus {
border: none;
border-top: 1px solid #6e5e48;
border-left: 1px solid #6e5e48;
}

button {
padding: 10px 10px 5px 10px;
background: #6f6f67;
color: #fff;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
font-family: "myriad pro", corbel, tahoma, sans-serif;
font-size: 14px;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

p.success {
padding: 7px 5px 5px 34px;
background: #090 url(../images/tick.png) no-repeat 10px 8px;
color: #fff;
font-family: "myriad pro", corbel, tahoma, sans-serif;
font-size: 14px;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

p.error {
padding: 7px 5px 5px 34px;
background: #c00 url(../images/cross.png) no-repeat 10px 8px;
color: #fff;
font-family: "myriad pro", corbel, tahoma, sans-serif;
font-size: 14px;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.columnleft p {
margin-bottom: 19px;
}

.columnright p.right {
margin-top: 22px;
}

.right {
text-align: right;
}

p.disclaimer {
font-size: 0.9em;
}

p.icon {
padding-left: 36px;
background: url(../images/icon-hcard-add.png) no-repeat;
}

.clear {
clear: both;
}