html {
font: small/1.4 Georgia, serif;
}
body {
text-align:left;
background-color: #fff;
padding: 0;
margin: 0;
background-image: url(art/KIND_TILE.gif);
background-repeat: repeat;
background-position: left top;
}
/* MAIN CONTAINGER FOR THE ENTIRE PAGE ************************** */
	
#frame {
width: 950px;
padding: 0;
margin: 0;
background-color: #e6f0fa;
border-bottom: 1px solid #C8C5BF;
}
/* COLORS
BRONW - 716554
GREEN - 7C9965
YELLO - EDD382
LTAN  - C8C5BF
RED   - 9B462E */
/* Container for the RIGHT SIDE OF THE PAGE************************** */
#CONTENT_MAIN {
width: 665px;
padding: 5px 15px 15px 10px;
float: right;
border-right: 1px solid #C8C5BF;
background-image: url(art/BACK_TILE_2.jpg);
background-repeat: repeat-y;
background-color: #FFF;
}
#CONTENT_CAPTIONS {
width: 665px;
padding: 5px 15px 15px 10px;
float: right;
border-right: 1px solid #C8C5BF;
background-image: url(art/BACK_TILE_2.jpg);
background-repeat: repeat-y;
background-color: #FFF;
}
#CONTENT_MAIN h1, #CONTENT_CAPTIONS h1, h1 {
font-family: Georgia, serif;
font-size: 25px;
font-weight: 500;
letter-spacing: -.03em;
line-height: 1.0em;
color: #9B462E;
margin: 10px 0 3px 0;
}
#CONTENT_MAIN h2, #CONTENT_CAPTIONS h2, h2 {
font-family: Georgia, serif;
font-size: 18px;
font-weight: 500;
letter-spacing: -.03em;
line-height: 1.2em;
color: #7C9965;
margin: 10px 0 3px 0;
}
#CONTENT_MAIN h2.sub {
font-family: Georgia, serif;
font-size: 17px;
font-weight: 500;
letter-spacing: -.05em;
line-height: 1.2em;
color: #eee;
background-color: #716554; 
margin: 16px 0 3px 0;
padding: 10px;
}
#CONTENT_MAIN h3, #CONTENT_CAPTIONS h3, h3 {
font-family: Georgia, serif;
font-size: 14px;
font-weight: 500;
line-height: 1.3em;
color: #5f5f5f;
margin: 10px 0 0 2px;
padding-left: 8px;
border-left: 1px solid #C8C5BF;
}
#CONTENT_MAIN p {
font-family: Georgia, serif;
font-size: 13px;
line-height: 1.3em;
color: #5f5f5f;
margin: 10px 10px 0 0;
padding: 5px;
border-left: 1px solid #C8C5BF;
}
#CONTENT_MAIN p.noline, #CONTENT_CAPTIONS p.noline, p.online {
font-family: Georgia, serif;
font-size: 14px;
line-height: 1.3em;
color: #716554;
margin: 10px 0 0 3px;
padding: 8px 0 0 8px;
border-left: none;
}
p.topspace {
font-family: Georgia, serif;
font-size: 14px;
line-height: 1.3em;
color: #716554;
margin: 10px 0 0 3px;
padding: 8px 0 0 8px;
border-left: none;
}
p.disclaimer {
font-family: Georgia, serif;
font-size: 15px;
line-height: 1.3em;
color: #716554;
margin: 0px;
padding: 0px;
border-left: none;
text-indent: 15px;
}
#CONTENT_MAIN img {
padding: 3px;
margin: 12px 15px 5px 0;
border: 1px solid #716554;
}
img.block {
display: block;
padding: 3px;
margin: 12px 0 10px 0;
border: 1px solid #716554;
}
.floatright {
float: right;
padding: 3px;
margin: 12px 0 10px 0;
border: 1px solid #716554;
}
.floatleft {
float: left;
padding: 3px;
margin: 12px 25px 10px 0;
border: 1px solid #716554;
}
span {
font-size: 85%;
}
span.gray {
font-size: 85%;
color: #686463;
}
#CONTENT_MAIN span.green, span.green {
color: #7C9965;
}
#CONTENT_MAIN span.space, span.space {
margin: 4px;
padding: 2px;
font-size: 130%;
color: #EEE;
background-color: #9B462E;
}
#CONTENT_MAIN a, a {
color: #9B462E;
text-decoration: none;
}
#CONTENT_MAIN a.space, a.space {
color: #9B462E;
text-decoration: none;
margin: 5px;
font-size: 130%;
}
#CONTENT_MAIN a:hover, a:hover {
color: #9B462E;
background-color: #EDD382;
border-bottom: 1px dotted #716554;
}
/* navigation for the top portion on the page************************** */
	
#navigation {
width: 225px;
float: left;
padding: 298px 0 0 29px;
background: url(art/LEFT_MAIN.jpg);
background-repeat: no-repeat;
}
#KIND {
  height: 514px;
  width: 106px;
  position: relative;
  background: url(art/NAV_MAIN.jpg);
  margin: 0 0 130px 0;    
  padding: 0;
}
#KIND li {
  list-style-type: none;
}
#KIND li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 38px;
  background: url(art/NAV_MAIN.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#KIND_HOME a {
  top: 0px;
  width: 106px;
  background-position: 0 0;
}
li#KIND_ABOUT a {
  top: 57px;
  width: 106px;
  background-position: 0 -57px;
}
li#KIND_DOORS a {
  top: 115px;
  width: 106px;
  background-position: 0 -115px;
}
li#KIND_GLASS a {
  top: 185px;
  width: 106px;
  background-position: 0 -185px;
}
li#KIND_MANTELS a {
  top: 247px;
  width: 106px;
  background-position: 0 -247px;
}
li#KIND_IRON a {
  top: 308px;
  width: 106px;
  background-position: 0 -308px;
}
li#KIND_COOL a {
  top: 362px;
  width: 106px;
  background-position: 0 -362px;
}
li#KIND_INSIDE a {
  top: 419px;
  width: 106px;
  background-position: 0 -419px;
}
li#KIND_MAP a {
  top: 476px;
  width: 106px;
  background-position: 0 -476px;
}
li#KIND_HOME a:hover {
  background-position: 0px -514px;
}
li#KIND_ABOUT a:hover {
  background-position: 0px -571px;
}
li#KIND_DOORS a:hover {
  background-position: 0px -629px;
}
li#KIND_GLASS a:hover {
  background-position: 0px -699px;
}
li#KIND_MANTELS a:hover {
  background-position: 0px -761px;
}
li#KIND_IRON a:hover {
  background-position: 0px -822px;
}
li#KIND_COOL a:hover {
  background-position: 0px -876px;
}
li#KIND_INSIDE a:hover {
  background-position: 0px -933px;
}
li#KIND_MAP a:hover {
  background-position: 0px -990px;
}
#body_HOME li#KIND_HOME a {
  background-position: 0px -514px;
}
#body_ABOUT li#KIND_ABOUT a {
  background-position: 0px -571px;
}
#body_DOORS li#KIND_DOORS a {
  background-position: 0px -629px;
}
#body_GLASS li#KIND_GLASS a {
  background-position: 0px -699px;
}
#body_MANTELS li#KIND_MANTELS a {
  background-position: 0px -761px;
}
#body_IRON li#KIND_IRON a {
  background-position: 0px -822px;
}
#body_COOL li#KIND_COOL a {
  background-position: 0px -876px;
}
#body_INSIDE li#KIND_INSIDE a {
  background-position: 0px -933px;
}
#body_MAP li#KIND_MAP a {
  background-position: 0px -990px;
}
/* Little script for POPUPS ************************** */
#CONTENT_POPUPS {
margin: 10px;
background-color: #FFF;
}
#CONTENT_POPUPS p {
font-family: Georgia, serif;
font-size: 14px;
line-height: 1.3em;
color: #5f5f5f;
margin: 10px 10px 0 0;
padding: 5px;
}
div.pop {
border: 1px solid #C8C5BF;
margin: 0;
padding: 8px;
background-color: #EEE;
text-indent: 8px;
}
div.pop img {
border: 1px solid #C8C5BF;
margin: 0;
}
div.pop p {
text-align: left;
font-style: italic;
font-size: smaller;
text-indent: 0;
line-height: 1.5em;
}
/* Little script for CAPTIONS ************************** */
#CONTENT_CAPTIONS p {
font-family: Georgia, serif;
font-size: 13px;
line-height: 1.3em;
color: #5f5f5f;
margin: 2px 0 0 0;
padding: 0;
}
div.figure {
float: left;
border: 1px solid #C8C5BF;
margin: 20px 20px 0 0;
padding: 8px;
}
div.figure p {
text-align: left;
font-style: italic;
font-size: smaller;
text-indent: 0;
line-height: 1.5em;
}
div.DOOR_figure {
float: left;
border: 1px solid #C8C5BF;
margin: 20px 10px 0 10px;
padding: 8px;
width: 180px;
height: auto;
}
#DOOR_figure_cont {
display: inline-table;
}
#CONTENT_CAPTIONS div.DOOR_figure p {
text-align: left;
font-style: italic;
font-size: 11px;
text-indent: 0;
line-height: 1.2em;
}

/* CONTACT CONTAINER **************** ************************** CONTACT CONTAINER */

#CONTENT_MAIN img.floatright-life {
float: right;
padding: 0px;
margin: 12px 10px 10px 0;
border: 0px;
}
#CONTENT_MAIN label {
font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #ffffff;
font-size: 1em;
line-height: 1.2em;
margin: 0 0 3px 1px;
}
#CONTENT_MAIN #forms span {
font-family: "Trebuchet MS", Trebuchet, Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #dbb7ab;
font-size: .9em;
line-height: 1.2em;
margin: 0 0 3px 1px;
}
#CONTENT_MAIN input.enter {
width: 200px;
margin: 0 0 5px 0;
}
/* CONTACT CONTAINER **************** ************************** CONTACT CONTAINER */
#CONTENT_MAIN #forms {
background: url(art/FORM-BG.gif) top left repeat;
width: 300px;
margin: 0 0 0 0;
padding: 0px;
}
#CONTENT_MAIN #forms div {
width: 270px;
margin: 0 0 0 15px;
padding: 10px 0 10px 0;
}

#CONTENT_MAIN #forms div p {
font-family: Georgia, serif;
font-size: 14px;
line-height: 1.3em;
color: #ffffff;
margin: 10px 0 10px 3px;
padding: 0px;
border-left: none;
}

#CONTENT_MAIN #forms div h2 {
color: #ffffff;
}

#CONTENT_MAIN .celebrationmap {
float: right;
width: 325;
height: 600;
margin: 5px 15px 0 0;
padding: 0px;
border: 1px solid #000;
}