@charset "utf-8";

/* CSS Document */





body, html {

 background-color: #c2c48e;

 *height: 100%;

 min-height: 100%;

 margin: 0px;

 padding: 0px;

 font-family: Tahoma, Arial, Helvetica;

 color: #474747;

}

.main {

 width: 800px;

 border-left: 1px solid #8e904f;

 border-right: 1px solid #8e904f;

 background-color: #ffffff;

}

.logo {

 margin: 10px;

}

.nav {

 margin-right: 5px;

}

.top_bar {

 background-image: url(images/top_bar.gif);

 background-repeat: no-repeat;

 width: 800px;

 line-height: 25px;
 
 padding-left: 5px;
 
 font-size: 90%;
 
 font-style: italic;
 
}

.content {

 padding-left: 20px;

 padding-right: 20px;

}

.portfolio_image {

 margin-top: 3px;

}

.seperator {

 width: 755px;

 background-image: url(images/seperator_gradient.gif);

 background-repeat: repeat-x;

 height: 9px;

 margin-top: 5px;

 margin-bottom: 10px;

}

.c_main {

 border-right: 1px solid #afb275;

}

.title_long {

 background-image: url(images/title_bar_bottom_long.gif);

 background-repeat: no-repeat;

 background-position: bottom left;

}

.title_short {

 background-image: url(images/title_bar_bottom_short.gif);

 background-repeat: no-repeat;

 background-position: bottom left;

}

.title_area {

 background-image: url(images/title_bar_left.gif);

 background-repeat: no-repeat;

 background-position: bottom left;

 padding-left: 10px;

 font-size: 100%;

 font-style: italic;

 font-weight: normal;

}

p {

 text-indent: 10px;

 margin: 2px;

 padding: 0px;

 font-size: 85%;

}

.footer {

 width: 800px;

 background-color: #8e904f;

 font-size: 80%;

 color: #EEEEEE;

}

.pic {

 border: 1px solid #000000;

 margin: 3px;

}
.project_area {
 border: 1px solid #AAAAAA;
 background-color: #EEEEEE;
}
.project_area tr {
 background-color: #FFFFFF;
}