* {margin: 0; padding: 0}
body {background: #ffffff url(../images/background-a.jpg) repeat top center; font-family: Arial, Sans-Serif}

img {display: block}
a img {border: 0}
ul {list-style-type: none}
h1, h2, h3, h4 {font-weight: normal}

a {text-decoration: none; color: #b34747}
a:hover {color: #bf9999}

.clear {clear: both}

#topOut {width: 100%; background: transparent url(../images/background-b.jpg) repeat-x top center}
#topIn {width: 870px; margin: 0 auto; background: transparent url(../images/background-c.jpg) no-repeat top center; overflow: hidden}
#topLeft {margin: 0 0 10px 55px; float: left}
#topRight {margin: 0 55px 10px 0; float: right}
#bottomOut {width: 870px; margin: 0 auto; padding: 0 0 40px 0; background: transparent url(../images/background-d.jpg) repeat-y top center}
#project {width: 770px; margin: 0 auto; padding: 15px 0 35px 0; overflow: hidden}
#image-a {width: 770px; padding: 10px; background: transparent url(../images/background-project-a.jpg) no-repeat; clear: both}
#image-b {width: 770px; padding: 10px; background: transparent url(../images/background-project-b.jpg) no-repeat; clear: both}
#image-c {width: 770px; padding: 10px 10px 0 10px; background: transparent url(../images/background-project-c.jpg) no-repeat; clear: both}
#image-c-bottom {width: 770px; height: 10px; background: transparent url(../images/background-project-c.jpg) no-repeat bottom center}

#contact {width: 870px; padding: 0 0 30px 0}

#form {margin: 0 0 30px 55px; float: left}
fieldset {border: none}
label {margin: 0 0 1px 0; font-size: 12px; color: #bf9999; display: block}
#name, #email, #message {width: 250px; margin: 0 0 10px 0; padding: 2px; border: 1px solid #cccccc; display: block}
#message {height: 75px; margin: 0 0 20px 0}
#name:focus, #email:focus, #message:focus {background: #ffffda}

#log {font-size: 12px}
#log p.error {margin: 0 0 10px 0; color: #ff0000}
#log p.success {margin: 0 0 10px 0; color: #518c15}
#log_res.ajax-loading {padding: 10px 0; background: transparent url(../images/spinner.gif) no-repeat center}

#profile {width: 440px; margin: 0 0 30px 55px; float: left}
#profile p {margin: 10px 5px 0 0; font-size: 12px; color: #999999; line-height: 16px}
#close a {width: 760px; margin: 0 0 0 55px; padding: 5px 0; background: #ece1e1; clear: both; text-align: center; display: block; cursor: pointer}
#close a {font-size: 12px; color: #bf9999}
#close a:hover {background: #f2ebeb; color: #b34747}

#footer {width: 870px; padding: 80px 0 0 0}
#footer p {margin: 0 0 0 55px; font-size: 12px; color: #bf9999; float: left}
#footer ul {margin: 0 45px 0 0; float: right}
#footer li {padding: 0 10px 0 0; float: left; display: inline}

h1#logo {margin: 38px 0 0 0; width: 154px; height: 30px; position: relative; font-size: 1px}
h1#logo span {width: 100%; height: 100%; background: transparent url(../images/logo.jpg) no-repeat; position: absolute}
h2 {margin: 2px 0 0 0; font-size: 12px; color: #bf9999}
h3 {font-size: 12px; color: #999999}
h4 {margin: 0 0 1px 5px; font-size: 12px; color: #b34747; text-transform: uppercase}

ul#nav {margin: 67px 0 0 0}
ul#nav li {float: left}
ul#nav li {padding: 0 0 0 8px; background: transparent url(../images/list-divider.gif) no-repeat 0px 70%}
ul#nav li.nodiv {padding: 0 8px 0 0; background: none}

ul.project {margin: 0 0 0 5px}
ul.project li {margin: 0 0 4px 0; padding: 0 7px 0 8px; background: transparent url(../images/list-divider.gif) no-repeat 0px 50%; float: left; font-size: 12px; color: #bf9999}
ul.project li.nodiv {padding: 0 7px 0 0; background: none}
ul.project li.nopad {padding: 0 0 10px 0; background: transparent url(../images/list-divider.gif) no-repeat 0px 50%}

li a {font-size: 12px}