* { padding: 0; margin: 0; }

body {
 background: #3C2810;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
}
a {
 color: #fff;
 text-decoration: none;
}
a:hover {
 color: #63543d;
}
img {
 border: 0;
}
#welcome {
 background: #8EA5A5;
 margin: auto;
 width: 643px;
}
#logo {
 margin: auto;
 width: 274px;
 text-align: center;
 padding-top: 20px;
}
#header {
 width: 100%;
 background: #8EA5A5;
 height: 137px;
 text-align: center;
}
#nav {
 width: 100%;
 background: #3C2810;
 height: 16px;
 text-align: center;
 padding-top: 6px;
}
#nav img {
margin-left: 30px;
margin-right: 43px;
padding: 10px 0 10px 0;
}
#content { 
 width: 100%;
 padding-top: 5px;
}
#portfolio {
 width: 730px;
 margin: auto;
}
#portfolio p {
 margin-top: 25px;
}
#port_image {
 float: right;
 padding-top: 10px;
}
#port_image p {
 margin-left: 25px;
 font-size: 9px;
 line-height: 15px;
 position: relative;
 top: -25px;
}
#port_image a.active {
 color: #fff;
 padding-right: 10px;
}
#port_image a {
 color: #63543d;
 padding-right: 10px;
}
#port_image a:hover {
 color: #fff;
}
#port_section {
 float: left;
 margin-top: 80px;
}
#port_nav {
 float: right;
 width: 21px;
 height: 250px;
 margin-top: 68px;
}
#about {
 width: 645px;
 margin: auto;
 padding-top: 40px;
}
#about p {
 line-height: 20px;
 font-weight: normal;
 padding-top: 5px;
}
#portrait {
 float: left;
 height: 450px;
}
#news {
 width: 900px;
 margin: auto;
 text-align: center;
 padding-top: 30px;
}
#news p {
 margin-right: 5px;
 font-size: 10px;
}
.news_item {
 float: left;
 width: 200px;
 text-align: right;
 padding-top: 20px;
}
#contact {
 width: 730px;
 margin: auto;
 padding-top: 35px;
}
#contact p {
 margin-top: 25px;
}
#contact_image {
 float: right;
}