﻿body
{
    margin-top:20px; /*background:#311804;*/ /* background: #a59584;*/ /* background: #5c4d2e url(assets/images/site_bg.gif) repeat-x left top;*/
    font-family: Georgia;
    font-size: small;
    color: #666;
    background: #311804;
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:solid #ccc;
border-width:0 1px 1px 1px;
font:normal .9em Georgia;
z-index: 100;
background-color: #fff;
margin-left:42px;

}

.anylinkcss a{

display: block;
color:#763131;
padding: 8px;
text-decoration: none;
font-weight: normal;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: #311804;
color:#fff;

}



a
{
    color: #763131;
    text-decoration: none;
    font-weight: bold;
}

a:hover
{
    color: #006;
}
#container
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background:#fff url(assets/images/banner_bg2.jpg) no-repeat left top;
    border: solid #fff;
    border-width: 0 4px 4px 4px;
       clear:both;
}
#container div#logo
{
    float: left;
    width: 195px; /* height: 119px;*/
    font-size: 170%;
}
div#contact
{
    padding-left: 540px;
    text-align: center;
    float: right;
    width: 215px; /*height: 79px;*/
    padding-top: 35px;
    font-size: 160%;
}

div#contact a
{
    font-size: 70%;
}
table#nav
{
    clear: both;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table#nav td a
{
    display: block;
    text-align: center;
    padding: 6px 16px;
    color: #391e0b;
    font-size: 100%;
    text-decoration: none;
    border-bottom: 0;
    font-weight: normal;
    font-family: georgia;
}
table#nav td a:hover
{
    /*background: #bf3e2b;*/
    color: #f00;
    border-left: 0;
}
#homecontent
{
    width: 950px;
    clear: left;
  
    clear:both;
}
#homecontent #image
{
    /*float: left;*/
    width: 521px;
    padding:40px 10px;
    background: #fff;
   height: 435px;
  
    border-right: 1px solid #ccc;
    font-size: 170%;
}




#homecontent div#copy
{
    float: right;
    width: 405px;
    height: 419px;
    /*background: #61532f;*/
    color: #fcf8ef;
   
}

#homecontent #copy #intro {
font-size:1.3em;
background: #61532f;
}

#homecontent div#copy #events
{
   background: url(assets/images/divider.gif) no-repeat 10px 0;
    font-size: 100%;
    padding-top:5px;
    background: #61532f;
}

#homecontent div#copy #events h2
{
    width: 95%;
    color: #fff7e7;
    padding: 5px 0 5px 7px;
    /*38px;*/
    font: normal 110% "Trebuchet MS";
    line-height:1.2em;
    /*text-transform: uppercase;*/
    text-align:center;
    margin: 0 0 4px 0;
    background: #2e0900;
   /* background: #2e0900 url(assets/images/calendar_icon.gif) no-repeat 4px center;*/
}

#homecontent div#copy #events #news{
padding: 0; 
font-size:120%;
clear: both; 
color: #ccc;
}

#homecontent div#copy #events #news a{
color:#ffc;
text-decoration:underline;
}

#homecontent div#copy #events #news a:hover{
color:#ffc;
text-decoration:none;
}

#homecontent div#copy div#promos
{
    clear: both;
    font-size: 100%;
    padding: 0;
    margin-top: 25px;
}


div#promos div
{
    float: right;
    margin-right: 10px;
    padding-left: 15px;
    margin-top: -8px;
}

#homecontent div#copy div
{
    padding: 10px;
    font-size: 180%;
}

#homecontent div#copy div a
{
    color: #ccc;
    font-size: 90%;
    font-style: italic;
    font-weight: bold;
}

#homecontent div#copy div a:hover
{
    color: #fff;
}

#content
{
    width: 950px;
    background: #fff url(assets/images/page_bg.gif) repeat-x left top;
    min-height: 450px;
}

#content div
{
    padding: 20px 20px 40px 20px;
    font-size: 110%;
    line-height: 1.4em;
}

#content div h1
{
    font-size: 180%;
    margin-top: 0;
    color: #763131;
}

#content div h2
{
    font-size: 150%;
    margin-top: 0;
    color: #763131;
}

#content div h3
{
    font-size: 120%;
    margin-bottom: 4px;
    color: #763131;
}

#content div h4
{
    font-size: 110%;
    margin-bottom: 3px;
    color: #763131;
}

div#accent
{
    padding: 0;
    float: right;
    margin-left: 15px;
    width: 258px;
    height: auto;
    background: #f2aa65 url(assets/images/about_bg.jpg) no-repeat top;
    border: 4px solid #666;
}

div#accentcopy
{
    background: url(assets/images/big_quotes.png) no-repeat 10px 7px;
    margin-top: 270px;
    font: normal 90%/1.4em arial;
    color: #000;
    padding: 0 6px;
}

div#accentcopy a
{
    color: #030;
    text-decoration: underline;
}

div#accentcopy a:hover
{
    color: #060;
}

div#email {
float:right;
margin-left:8px;
font:1em arial;
width:150px;
padding:6px;
border-left:4px solid #666;
color:#2e0900;
background:#d1d1d1 url(assets/images/email_bg.jpg) repeat-y top left;
}

div#email a {
color:#030;
text-decoration:underline;
}

div#email a:hover {
color:#060;
}

div#contact img
{
    margin-right: 30px;
}

table#gallery tr#indicator td
{
    vertical-align: middle;
    text-align: center;
}

table.cabinetry
{
    width: 100%;
    background: #000;
}


table.cabinetry tr.datarow td
{
    text-align: center;
    vertical-align: top;
    padding: 8px 4px;
    color: #fff;
    font: normal 70%/1.7em arial;
    height:150px;
}

table.cabinetry td a
{
    color: #fff;
}

table.cabinetry td a:hover
{
    color: #ccc;
}

table.cabinetry tr.headerrow td
{
    background: #3f3116 url(assets/images/container_top.jpg) repeat-x left top;
    text-align: left;
    vertical-align: middle;
    padding: 8px;
    font: italic 110% georgia;
    color: #fff;
}

table.cabinetry tr.linerow td
{
    vertical-align: top;
    text-align: justify;
    font: normal 70%/1.3em arial;
    color: #ccc;
    padding: 0 8px;
}

div#largeview a
{
    color: #fff;
}

div#largeview a:hover
{
    color: #ccc;
}

table#portfolio
{
    width: 900px;
    background: #000;
}

table#porfolio td#mainimage
{
    background: #000;
}

td#designer
{
    background: #000; /*width:255px; */
    padding: 15px;
    color: #fff;
    vertical-align: top;
    font-size: 90%;
    line-height: 1.2em;
}

.header
{
    color: #763131;
    font-weight: bold;
    font-style: italic;
}

table.formtable
{
    font: normal 70% arial;
    color: #333;
}

table.formtable td
{
    padding: 6px;
    vertical-align: top;
}

table.formtable input
{
    width: 130px;
    height: 14px;
}
table.consultation{
width:80%;
}

table.consultation td
{
    font-weight:normal;
    font-family:Arial;
    font-size:.6em;
    color: #333;
    padding: 4px;
    vertical-align: top;
}

table.consultation input
{
    width: 150px;
    height: 14px;
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
}

table.consultation input#zip {
width:40px;
height:14px;
}

table.consultation input.phone {
width:30px;
height:14px;
}
/* explicit font styles 
        ========================= */
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}

.dcap
{
    color: #999;
    display: inline;
    float: left;
    font-size: 3.6em;
    line-height: 0.8em;
    text-transform: uppercase;
    margin: 0.07em 0.14em 0pt 0pt;
}

.allcaps
{
    letter-spacing: 1px;
    font-size: 80%;
    text-transform: uppercase;
}

.bioname {
color: #c00; 
font-size:160%;
}

.biotitle {
font-size:120%; 
color:#666; 
font-weight:bold;
font-style:italic;
}

.biotext {
color:#999; 
font:normal 130%/1.2em Arial;
}

.biosmall {
color:#999; 
font:normal 100%/1.4em Arial;
}

#footer
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    color: #e6e6e3;
    padding-top: 10px;
    text-align: center;
    font-family: Arial;
    font-size: 90%;
}
#footer a
{
    color: #e6e6e3; /*color: #e6e6e3;*/
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: normal;
}
#footer a:hover
{
    color: #666;
}

div#designedby
{
    color: #666;
}

div#designedby a, div#designedby a:hover
{
    text-decoration: underline;
    padding: 0;
    color: #666;
}

/* POPUP STYLE */
span.popup
{
    border-bottom: 1px solid;
    cursor: help;
    display: inline;
    color: #00c;
}
span.popup:hover p
{
    display: inline;
}
span.popup p
{
    display: none;
    position: absolute;
    max-width: 260px;
    background-color: #eef3fa;
    color: #000;
    border: 1px solid #dfdfdf;
    padding: .75em;
    font-weight: normal;
}
span.popup p strong
{
    margin: 0 0 .2em 0;
    display: block;
}

div#showroom {
padding: 6px; 
background: #6d5e3f; 
float: right; 
margin-top: 6px; 
width: 220px;
height:327px;
border-left: 7px solid #ccc; 
font-size: 80%; 
color: #fff;
}

div#showroom a {color:#f6d797;text-decoration:underline;}
div#showroom a:hover {color:#c00;}

.clear{
clear:both;
}

.formButton input{
	background: url(assets/images/btnRequest.jpg) no-repeat;
	height: 40px;
	display: block;
	border-width: 0px;
	border-style: none;
	cursor: pointer;
	width: 259px;
	margin-left: 0px;
}
