/*
CSS for Bettencourt Furniture dot com
*/

body   { 
   font-family: Verdana, Helvetica, Arial, sans-serif;
   background-color: #e6d7af;
   line-height: 150%;
   padding: 0;
   margin: 0;
}

li   {
   font-size: x-small;
   list-style-type: none;
}

p   {
   font-family: Times, "Times New Roman", serif;
   font-size: small;
   padding-right: 15px;
   color: #4B3C18;
}
h4   {
   font-family: Times, "Times New Roman", serif;
   font-size: small;
   padding-right: 15px;
   font-weight: Bold;
   color: #4B3C18;
}

#tagline p {
   font-style: italic;
   font-family: Georgia, Times, serif;
   border-top: 3px solid #D8BF85;
   border-bottom: 3px solid #D8BF85;
   padding-top: .2em;
   padding-bottom: .2em;
   padding-left: .8em;
   margin: 0;
   background: #EEE3C9 url(photos/tagback.jpg) repeat-y right bottom;
}

h1, h2, h3   {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1   {
   color: white;
   background: #C8B991 url(photos/headerbkg1.jpg) no-repeat left bottom;
   font-size: x-large;
   padding-top: 2em;
   padding-bottom: .2em;
   padding-left: .4em;
   margin: 0;
   height: 35px;
   z-index: 2;
}

#backupheader {
   z-index: -1;
   position: absolute;
}

h2   {
   color: #4B3C18;
   font-size: 130%;
   font-weight: normal;
   padding-top: 15px;
}

H3   {
   color: #3C3013;
}

#navigation   {
   width: 180px;
   height: 400px;
   background-color: #B5913A;
}

#header   {
   border-top: 3px solid #D8BF85;
}

a   {
   font-weight: bold;
}

a:link   {
   color: black;
}

a:visited   {
   color: #4B3C18;
}

a:hover   {
   text-decoration: none;
   color: white;
   background-color: #4B3C18;
}

a:active   {
   color: #B5913A;
   background-color: #4B3C18;
}

.galleryphoto  p {
   font-size: 65%;
   font-weight: bold;
   margin-top: 0;
   width: 400px;
   line-height: 1em;
}

.galleryphoto   {
   padding-bottom: 20px;
   border-bottom:  2px solid #3C3013;
   margin-bottom: 10px;
}

.galleryphoto img   {
  border: 15px solid white;
}

form.contact fieldset   {
   border: 2px solid #4B3C18;
   padding: 15px;
}

form.contact legend   {
   font-weight: bold;
   font-size: small;
   color: #4b3c18;
   padding: 5px;
}

form.contact   {
   padding: 0;
   margin: 0;
   margin-top: -15px;
}

form.contact label   {
   font-weight: bold;
   font-size: small;
   color: #4B3C18;
   line-height: 130%;
}

form.contact label.fixedwidth {
   display: block;
   width: 190px;
   position: relative;
   float: left;
   padding: 0px;
   margin: 0px;
}


form.contact .buttonarea input   {
   background: #4B3C18;
   color: #e6d7af;
   font-weight: bold;
   font-size: medium;
   padding: 2px;
   border: 1.5px solid #D8BF85;
}

form.contact .buttonarea   {
   text-align: center;
   padding: 5px;
   background-color: #C8B991;
}

p.footer   {
   text-align: center;
   font-weight: bold;
   font-size: x-small;
   line-height: 105%;
}


/*
This section deals with the position of the items on the screen. It uses absolute positioning - fixed x and y coordinates measured from the top left corner of the browsers content display.  */

#rightnavigation, #navigation, #bodycontent, #header, #rightheadpic {
   position: absolute;
}

#rightnavigation, #navigation, #bodycontent   {
   top: 7.6em;
}

#bodycontent   {
   left: 200px;
}

#rightheadpic  {
  right: -1em;
  top: 3px;
  padding: 0;
  margin: 0;
  z-index: 0;
}

#rightnavigation {
  right: 0;
  width: 240px;
  padding-right: 20px;
  background-color: #B5913A;
}

#rightnavigation li {
  list-style-type: circle;
}


.footer   {
   margin: 0;
   padding: 0;
   width: 30em;
   position: relative;
   left: 15%;
}

#header   {
   width: 100%;
}

.feature
{
    float: right;
    margin: 10px;
    border-right: #663300 solid;
    border-top: #663300 solid;
    border-left: #663300 solid;
    border-bottom: #663300 solid;
}

#catlayout p {
   text-align: center;
}