div {}

body {
background-color: #f8f8f8;

font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 14px;
background-image: url(../images/bg-body.jpg);}

#outer_container {
width: 960px;
margin: auto auto;
background-color: #f8f8f8;
font-size: 1em;
text-align: left;
color: #898989;
border: 1px #c1c1c1 solid;
}

#header_container {width: 960px;
height: 90px;
padding-top: 20px;
}

#header_container .logo {
padding-top: 10px;
padding-left: 24px;
}

#header_container .contact {
padding-left: 300px;
}

#top_menu {
border: 1px #e3e3e3 solid;
margin-top: 2px;
margin-bottom: 20px;
height: 34px;
}

#top_navlinks {
width: 920px;
text-align: right;
margin-bottom: 0em;
margin-top: 0em;
padding-top: .5em;
padding-bottom: .6em;
}

#top_navlinks li{
display: inline;
list-style:none;
font-size: .9em;
margin-right: 2em;
padding-right: 4em;
border-right: 1px #c0c0c0 solid;
padding-top: 0em;
}

#top_navlinks li.last {
border-right: none;
}

#top_navlinks a{
color: #4a5e5e;
font-weight: bold;
}

#content {
width: 920px;
padding-left: 20px;
}

#content_about {
width: 860px;
padding-left: 60px;
}

#content_contact {
width: 860px;
padding-left: 60px;
}

#contact_details {
margin-bottom: 20px;
padding-right: 1em;
line-height: 1.1em;
}

#contact_form {
font-size: 1em;
line-height: 30px;
}

#welcome {
float: left;
width: 210px;
}

#banner_image {
float: right;
}

#home_contact {
float: left;
width: 220px;
padding-top: 10px;
}

#home_projects {
width: 660px;
float: right;
padding-top: 6px;
padding-right: 10px;
}

#projects_container {}

.project_box {
height: 106px;
}

.project_image {
float: left;
width: 180px;
}

.project_details {
float: left;
width: 642px;
background-color: #f1f1f1;
height: 85px;
border: 1px #cbcbcb solid;
margin-left: 14px;
}

.project_title {
padding-top: 4px;
padding-left: 6px;
}

.project_text {
margin-top: -12px;
padding-left: 6px;
font-size: 16px;
color: #666666;
}

.project_extra {
font-weight: bolder;
padding-bottom: 4px;
padding-left: 6px;
font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #5a5a5a;}

#footer {
border: 1px #e3e3e3 solid;
padding-top: 20px;
background-color: #363636;
height: 120px;
margin-top: +20px;
padding-left: 160px;
}

#footer_detail_1 {
float: left;
padding-left: 30px;
}

#footer_detail_2 {
width: 140px;
float: left;
padding-left:60px;
}

#footer_detail_3 {
width: 160px;
float: left;
padding-left: 80px;
}

#footer_detail_4 {
width: 150px;
float: left;
padding-left: 100px;
}

.footer_logo {
padding-left: 10px;
margin-top: -40px;
}

p {
font-size: 1em;
margin-bottom: 1em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0em;
line-height: 18px;
}

p.footer{
font-size: 1em;
margin-bottom: 1em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0em;
line-height: 18px;
color: #f3f3f3;
}

p.bold {
color: #d42a1d;
font-size: 18px;
font-weight: bolder;
}

p.first {
margin-top: -14px;
line-height: 17px;
font-weight: bolder;
color: #5f5f5f;
}

p.welcome {
margin-top: -8px;
line-height: 17px;
}

p.title {
font-size: 16px;
font-weight: bold;
color: #df2a21;
}

.emphasis {
font-size: 14px;
color: #937575;
font-weight: bolder;
}

h1 {
font-size: 1.4em;
text-align: left;
color: #d42a1d;
}

h2 {
font-size: 1.3em;
color: #d42a1d;
margin-top: 0px;
}
h3 {
font-size: 1.0em;
margin-bottom: 14px;
color: #525252;
margin-top: 2px;
}

h4 {
font-size: .9em;
color: #4b4b4b;
margin-bottom: 3px;
}

h5 {
font-size: .8em;
margin-bottom: 0em;
margin-top: .4em;
}

h6 {
font-size: 0.8em;
margin-bottom: .5em;margin-top: .5em;
}

ol li {
list-style-type: none;
}

.hr {
border-top: 1px #c9c9c9 solid;
width: 840px;
margin-left: 0px;
margin-top: -6px;
padding-bottom: 12px;
}

a:link {}

a:visited {}

a:hover {}

a:active {}

a {
color: #937575;
text-decoration: none;
}

.clearFloat {
clear: both;
display: block;
}