* { padding: 0; margin: 0; }

html { min-height: 100%; margin-bottom: 1px; }

body 
{
  margin: 0 auto; font-family: Arial, Helvetica, sans-serif; 
  background: /*#c0c0c0;*/#fff;
}


#maincontainer
{
  margin: 0 auto; /* TEMP HEIGHT B4 ADDING FOOTER WITH CLEAR: BOTH */ width: 899px;
}


#header
{
  margin: 0 auto; height: 107px; width: 899px;
  background: #fff url(headergradient.jpg) repeat-y; background-position: right;
}
.headerleft
{
  float: left; height: 107px; width: 64px; background: url(flame.jpg) no-repeat; 
  background-position: bottom center;
}
.headertopleft
{
  float: left; height: 74px; width: 317px;
  background: url(logo.jpg) no-repeat; background-position: bottom left;
}
.headertopright
{
  float: left; height: 74px; width: 518px;
  background: #fff url(headergradient.jpg) no-repeat; background-position: right;
}

.headertopright h1
{
  font-family: arial, sans-serif, verdana; font-size: 12px; color: #fff; 
  float: right; padding: 30px 10px 0px 0px; font-weight: normal; letter-spacing: 1px; line-height: 20px;
}


.headerflashtext
{
  float: left; height: 32px; width: 835px;
  background: #000; border-top: silver 1px solid;
}

.headerflashtext h1
{
  font-family: franklin gothic book; font-size: 13px; letter-spacing: 7px;
  color: #ddd; margin-left: 2px; margin-top: 9px;
}

#menu
{
  float: left; width: 899px; margin-top: 1px;
  background: #000;
}

#menu ul
{ float: left; 
  padding-left: 2px;
  list-style: none; 
  text-align: left;
} 

#menu li
{ margin: 0px;
  padding: 0px; 
  list-style: none; 
  float: left; 
} 
#menu li a 
{ display: block;
  float: left; 
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 0px solid;
  height: 32px;
  font-size: 13px; 
  width: 101px; 
  text-decoration: none; 
  padding: 8px 0px 0px 10px;
  font-weight: bold; 
  text-transform: lowercase;
  background: #EBE7E6 url(btn_1.jpg); /* un-selected main menu link background color */
  color: #3C3C3C;
  border-color: #5F4F53;
} 

#menu li a:hover, #menu li a#selected
{ 
  background: #EBE7E6 url(btn_1_invert.jpg); /* selected main menu link background color */
  color: #000;
  border-color: #5F4F53;
} 
.menubottom
{
  margin: 0 auto; height: 1px; width: 899px; font-size: 1px;
  background: #000;
}

.menubottom2
{
  margin: 0 auto; height: 1px; width: 899px; font-size: 1px; padding-bottom: 0px;
  background: #fff; border-bottom: solid 1px #fff;
}

#fireshow
{
  float: left; margin-left: -270px;
}

#main 
{ 
  margin: 0 auto; /* TEMP HEIGHT B4 ADDING FOOTER WITH CLEAR: BOTH */ width: 897px;
  background: url(main.jpg) repeat-y;  border-left: 1px solid #000; border-right: solid 1px #000;
}

#leftcolumn
{
  float: left; width: 224px;
}

#leftcolumn h1
{
  font-size: 20px; color: #fff; padding: 15px; border-top: solid 1px #000;
}

#leftcolumn p
{
  font-size: 14px; color: #fff; padding: 10px 15px 10px 15px; letter-spacing: 1px;
}


#rightcolumn
{
  float: left; width: 672px; background: url(newgradient.jpg) repeat-y; padding-bottom: 12px; 
  border-top: solid 1px #000; border-left: solid 1px #000; border-bottom: solid 1px #000;
}

.topper
{
  float: left; width: 672px; height: 70px; 
}
.topper h1
{
  font-size: 20px; padding: 17px; color: #000;
}
.topper p
{
  font-size: 14px; padding: 10px 10px 5px 10px; letter-spacing: 1px;
}
.topper ul
{
  float: left; margin-left: 200px; margin-top: -39px;
}
.topper li
{
  display: inline; list-style: none; margin-left: 20px;
}
.topper li a
{
  color: #960000; font-size: 16px; text-decoration: none; font-weight: bold;
}
.topper li a:hover, a#selected2
{
  text-decoration: underline;
}


.topper2
{
  float: left; width: 672px; padding-bottom: 25px; 
}
.topper2 h1
{
  font-size: 17px; padding: 17px; color: #000;
}
.topper2 p
{
  font-size: 14px; padding: 10px 10px 5px 10px; letter-spacing: 1px; color: #333;
}
.topper2 ul
{
  float: left; margin-top: 14px;
}
.topper2 li
{
  display: block; list-style: none; margin-left: 20px;
}
.topper2 li a
{
  color: #960000; font-size: 16px; text-decoration: none;
}
.topper2 li a:hover, a#selected2
{
  text-decoration: underline;
}


.topleft
{
  float: left; width: 326px;  /*TEMP HEIGHT*/ height: 220px; margin-left: 10px;
  background: #fff url(menupics/fireplaces.jpg) no-repeat; background-position: bottom left;
  margin-bottom: 12px;
}
.topleft h1
{
  font-size: 17px; margin-left: 18px; margin-top: 3px;
}

.topleft2
{
  float: left; width: 332px;  /*TEMP HEIGHT*/ height: 270px; margin-left: 10px;
  margin-bottom: 2px;
}
.topleft2 h1
{
  font-size: 17px; margin-left: 0px; 
}
.topleft2 p
{
  font-size: 13px; padding-top: 5px; padding-right: 10px; 
}
.topleft2 a
{
  color: #960000;
}
.topleft2 a:hover
{
  color: #000;
}

.photoholder
{
  float: left; width: 173px;  /*TEMP HEIGHT*/ height: 200px
}

.textholder
{
  float: left; width: 153px; /*TEMP HEIGHT*/ height: 200px
}
.textholder p
{
  font-size: 11px; padding: 0px 12px 7px 15px;
}
.textholder a
{
  font-size: 11px; color: #960000;
}
.textholder a:hover
{
  font-size: 11px; color: #000;
}

.topright
{
  float: left; width: 326px;  /*TEMP HEIGHT*/ height: 220px; margin-bottom: 12px;
  background: #fff url(menupics/stoves.jpg) no-repeat; background-position: bottom left;
}
.topright h1
{
  font-size: 17px; margin-left: 18px; margin-top: 3px;
}

.topright2
{
  float: left; width: 320px;  /*TEMP HEIGHT*/ height: 200px; margin-bottom: 12px;
}
.topright2 img
{
  border: 0px;
}

.spacer { float: left; width: 646px; height: 1px; font-size: 1px; }


.bottomleft
{
  float: left; width: 326px;  /*TEMP HEIGHT*/ height: 230px; margin-left: 10px; margin-bottom: 10px;
  background: #fff url(menupics/inserts.jpg) no-repeat; background-position: bottom left; 
}
.bottomleft h1
{
  font-size: 17px; margin-left: 18px; margin-top: 3px;
}


.bottomright
{
  float: left; width: 326px;  /*TEMP HEIGHT*/ height: 230px; margin-bottom: 10px;
  background: #fff url(menupics/veneer.jpg) no-repeat; background-position: bottom left;
}
.bottomright h1
{
  font-size: 17px; margin-left: 18px; margin-top: 3px;
}

#footer
{
  clear: both; margin: 0 auto; height: 50px; width: 897px; border-bottom: solid 1px #000;
  background: #dab281 url(leftcolumn.jpg) repeat-y; background-position: left;
}

#footer ul
{
  margin: 0 auto; width: 897px; padding-top: 16px;
}
#footer li
{
  display: inline; margin-left: 37px; font-size: 14px;
}
#footer a
{
  color: #960000; text-decoration: none;
}
#footer a:hover
{
  color: #fff;
}


img.insert { margin-left: 20px; }

#aboutleft
{
  float: left; width: 402px; padding-bottom: 30px; padding-left: 3px;
}
#aboutleft p
{
  padding: 10px; font-size: 14px; letter-spacing: 1px;
}
#aboutright
{
  float: left; width: 260px; padding-bottom: 30px; padding-left: 3px;
  /*TEMP HEIGHT*/ height: 436px;
}
#aboutright h1
{
  padding: 10px; font-size: 18px; letter-spacing: 1px;
}
#aboutright p
{
  padding: 10px; font-size: 14px; letter-spacing: 1px;
}

img.map { border: solid 1px #ca9050; margin-top: 7px; }

.contact
{
  margin-left: 2px;
}
.contact p
{
  font-size: 15px; padding: 10px; letter-spacing: 1px;
}
.contact a
{
  color: #960000;
}
.contact a:hover
{
  color: #000;
}
.formholder
{
  margin-left: 8px; margin-bottom: 20px; font-size: 14px;
}
#stone
{
  float: left; width: 672px; padding-top: 12px; padding-bottom: 30px;
}
#stone h1
{
  text-align: center; font-size: 22px; margin-bottom: 10px;
}
#stone h2
{
  text-align: center; font-size: 17px; font-family: monotype corsiva;
  padding-left: 50px; padding-right: 50px; margin-bottom: 15px;
}
#stone h3
{
  text-align: center; margin-bottom: 10px; font-size: 14px; font-weight: normal;
  padding-left: 30px; padding-right: 30px;
}
#stone p
{
  margin-bottom: 5px; font-size: 14px; font-weight: normal;
  padding-left: 40px; padding-right: 40px;
}
.sphoto { float: left; width: 630px; padding-left: 40px; padding-right: 0px; }
.sphoto img { margin-right: 22px; }
.stext { float: left; text-align: center; width: 128px; height: 14px; margin-right: 26px; 
         font-size: 10px; }
.spacer3 { float: left; width: 600px; height: 30px; }
.spacer4 { float: left; width: 600px; height: 5px; }
.spacer5 { float: left; width: 600px; height: 15px; }
.spacer7 { float: left; width: 600px; height: 370px; }
