body { 
  font-family: Arial; 
  font-size: 100%; 
  text-align: left; 
  vertical-align: top; 
  color: #333333;
  background-color: #C5C592;
}
#page {
  position: relative;
  margin: 0px auto;
  width: 668px;

  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;

  background-color: #FFFFFF;
}
#left_top
{
  float: left;
  width: 204px;
  margin-top: 12px;
  margin-left: 8px;

  background-color: #FFFFFF;
}
#logo
{
  float: left;
  width: 204px;
  height: 99px;

  background-color: #ffffff;
}
#intro
{
  float: left;
  width: 188px;
  height: 107px;
  margin-top: 10px;
  padding: 8px;

  font-size: 80%;
  text-align: center;
  color: #444444;
  background-color: #D4D6AA;
}
.clearboth 
{ 
  clear: both; 
}
.spacer
{
  float: left;
  width: 8px;
  height: 10px;
}
#right_top
{
  float: left;
  width: 441px;
  margin-top: 12px;
  margin-left: 8px;

  background-color: #FFFFFF;
}
#menu
{
  float: left;
  width: 441px;

  font-size: 80%;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
  color: #FFFFFF;
  background-color: #ffffff;
  background-image: url(images/menu_background.gif);
  background-repeat: no-repeat;
}
#photo
{
  float: left;
  width: 441px;
  height: 206px;

  background-color: #ffffff;
}
#content
{
  width: 580px;
  margin: 10px auto;

  font-size: 80%;
  color: #444444;
  background-color: #FFFFFF;
}
.columns
{
  float: left;
  width: 650px;

  font-size: 80%;
  text-align: left;
  background-color: #ffffff;
}
.columns2
{
  float: left;
  width: 580px;

  font-size: 100%;
  text-align: left;
  background-color: #ffffff;
}

.quote_column
{
  padding: 0px;
  vertical-align: top;

  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
}
.other_columns
{
  padding: 8px;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;

  vertical-align: top;
}
#quote
{
  position: absolute;
  top: 200px;
  left: 341px;
  width: 150px;
  z-index: 1;
}
.quote_borders
{
  border-style: solid;
  border-width: 1px;
  border-color: #999999 #999999 #ffffff #999999;
}
#row1col1
{
  float: left;
  width: 139px;
  margin-top: 10px;
  margin-bottom: 8px;
  padding: 8px;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;

  font-size: 80%;
  text-align: left;
  background-color: #ffffff;
}
#row1col2
{
  float: left;
  width: 139px;
  margin-top: 10px;
  margin-bottom: 8px;
  margin-left: 8px;
  padding: 8px;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;

  font-size: 80%;
  text-align: left;
  background-color: #ffffff;
}
#row1col3
{
  float: left;
  width: 157px;
  margin-top: -59px;
  margin-left: 8px;
  margin-bottom: 8px;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;

  font-size: 80%;
  text-align: left;
  background-color: #ffffff;
}
#row1col4
{
  float: left;
  width: 138px;
  margin-top: 10px;
  margin-left: 8px;
  margin-bottom: 8px;
  padding: 8px;

  border-style: solid;
  border-width: 1px;
  border-color: #999999;

  font-size: 80%;
  text-align: left;
  background-color: #ffffff;
}
#footer
{
  float: left;
  width: 652px;
  margin-top: 10px;
  margin-left: 8px;

  font-size: 100%;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  color: #FFFFFF;
  background-color: #A9A977;
}
#footer_menu {
  float: left;
  width: 652px;
  margin-top: 10px;
  margin-left: 8px;
  margin-bottom: 8px;

  font-size: 80%;
  font-weight: bold;
  text-align: center;
  line-height: 19px;
  color: #8C4A24;
}
#footer_menu a {
  text-decoration: none;
  color: #8C4A24;
}
#copyright {
  width: 652px;

  font-size: 80%;
  line-height: 18px;
  text-align: center;
  color: #666666;
}
.heading {
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  color: #8C4A24;
}
.heading_left {
  font-size: 115%;
  font-weight: bold;
  color: #8C4A24;
}
.image_centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;

  border-width: 0px;
}
.centered {
  text-align: center;
}
.right_justify {
  text-align: right;
}
.door_selector_table {
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: #AAAAAA;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
}
.door_selector_table2 {
  border-width: 1px;
  border-style: solid;
  border-color: #AAAAAA;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
}
.door_woods_table {
  vertical-align: top;
  border-width: 0px;
  border-style: solid;
  text-align: center;
}
.portfolio {
  display: none;
  text-align: center;
}
/* Style for line break that is half the height as usual. */
.small_gap {
  font-size: 30%;
}
#page ul {
  margin: 16px;
  padding: 0px;
}
#page li {
  list-style-type: none;
  list-style-image: url(images/bullet.gif); 
  display: list-item; 
  margin-left: 0px;
  padding-left: 0px;
  padding-top: 0px;
  line-height: 120%; 
}
a.inline {
  font-size: 100%;
  color: #0000CC;
  text-align: left;
}
a.uwd {
  color: #666666;
  text-decoration: none;
}
/* Style for links when the mouse is hovering over them.  Keep this at the end. */
#footer_menu a:hover {
  color: #999999;
}
a:hover {
  color: #999999;
}
img.centered {
  margin: 0px auto;
}
img.no_border {
  border-width: 0px;
}
img.float_right {
  float: right;
  margin-left: 10px;
} 
img.float_left {
  float: left;
  margin-right: 10px;
} 
img.float_left2 {
  float: left;
  margin-right: 7px;
} 
img.float_left3 {
  float: left;
}