body {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: normal; color: #ffffff; 	margin: 0;
	padding: 0; scrollbar-face-color:#8C6238; scrollbar-track-color:#333333; scrollbar-arrow-color:#FFFFFF; scrollbar-shadow-color:#333333; scrollbar-dark-shadow-color:#1B1B1B; scrollbar-3dlight-color:#999999; scrollbar-highlight-color:#666666;
}
 div
 
 {scrollbar-face-color:#8C6238; scrollbar-track-color:#333333; scrollbar-arrow-color:#FFFFFF; scrollbar-shadow-color:#333333; scrollbar-dark-shadow-color:#1B1B1B; scrollbar-3dlight-color:#999999; scrollbar-highlight-color:#666666;

}

/* ----------------------------------text styles - Dark-------------------------------------------------*/

.h1 {
	font-family: "Times New Roman", Times, serif; font-size: 22pt; font-weight: normal; color: #8C6238; text-transform: capitalize;
}
.h2 {
	font-family: "Times New Roman", Times, serif; font-size: 19pt; font-weight: normal; color: #8C6238; text-transform: capitalize;
}
.h3 {
	font-family: "Times New Roman", Times, serif;  font-size: 16pt; font-weight: normal; color: #8C6238; text-decoration: none; text-transform: capitalize;
}
.body {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: normal; color: #C3AF9A;
}

.body-small {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #896F54;
}

.body-bold {
	font-family: "Trebuchet MS", Arial, sans-serif;  font-size: 12pt; font-style: normal; font-weight: bold; color: #8C6238;
}

.body-italic {
	font-family: "Trebuchet MS", Arial, sans-serif;  font-size: 12pt; font-style: italic; font-weight: normal; color: #8C6238;
}


/* ----------------------------------Light Text Styles -------------------------------------------------*/

.light-h1 {
	font-family: "Times New Roman", Times, serif; font-size: 22pt; font-weight: normal; color: #ffffff; text-transform: capitalize;
}
.light-h2 {
	font-family: "Times New Roman", Times, serif; font-size: 19pt; font-weight: normal; color: #ffffff; text-transform: capitalize;
}
.light-h3 {
	font-family: "Times New Roman", Times, serif;  font-size: 16pt; font-weight: normal; color: #ffffff; text-decoration: none; text-transform: capitalize;
}
.light-body {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: normal; color: #ffffff;
}

.light-body-small {
	font-family: "Trebuchet MS", Arial, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; color: #8C6238;
}

.light-body-bold {
	font-family: "Trebuchet MS", Arial, sans-serif;  font-size: 12pt; font-style: normal; font-weight: bold; color: #ffffff;
}

.light-body-italic {
	font-family: "Trebuchet MS", Arial, sans-serif;  font-size: 12pt; font-style: italic; font-weight: normal; color: #ffffff;
}

/* ----------------------------------basic links -------------------------------------------------*/

a:link{
	font-family: Arial, Helvetica, sans-serif; font-size: 14px;color: #896F54;text-decoration: underline; font-weight: bold;
}	
a:visited{
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #896F54;text-decoration: underline; font-weight: bold;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #DAE5EC; text-decoration: none; font-weight: bold;
}
a:active{
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #896F54 ;text-decoration: none; font-weight: bold;
}


/* ----------------------------------light link -------------------------------------------------*/



a.light-nav:link{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D5C5; text-decoration: none; letter-spacing:1px;
}	
a.light-nav:visited{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D5C5; text-decoration: none; letter-spacing:1px;
}
a.light-nav:hover{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D5C5; text-decoration: underline overline; letter-spacing:1px; 
}
a.light-nav:active{
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E0D5C5; text-decoration: none; letter-spacing:1px;
}

/* ----------------------------------2010 Updates -------------------------------------------------*/


.page-heading
{
	background-image: url(../images/layout/header.jpg);
	background-repeat: no-repeat;
}

.light-h1-heading {
	font-family: "Times New Roman", Times, serif; 
	font-size: 22pt; 
	font-weight: normal; 
	color: #ffffff; 
	text-transform: capitalize;
	padding: 27px 0px 0px 62px;
}

a div#home
{
	background-color: transparent;
	background-image: url(../images/btn-01-home.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 47px;	
	float: left;
	clear: none;
	margin-left: 47px;
	margin-right: 47px;
}

a:hover div#home 
{
	background-color: transparent;
	background-image: url(../images/btn-01-home.jpg);
	background-position: 0px -24px;
	background-repeat: no-repeat;
	height: 24px;
	width: 47px;	
}

a div#gallery
{
	background-color: transparent;
	background-image: url(../images/btn-02-gallery.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 57px;
	float: left;
	clear: none;
	margin-left: 47px;
	margin-right: 47px;
}

a:hover div#gallery
{
	background-color: transparent;
	background-image: url(../images/btn-02-gallery.jpg);
	background-position: 0px -24px;
	background-repeat: no-repeat;
	height: 24px;
	width: 57px;	
}

a div#services
{
	background-color: transparent;
	background-image: url(../images/btn-03-services.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 61px;	
	float: left;
	clear: none;
	margin-left: 47px;
	margin-right: 47px;
}

a:hover div#services
{
	background-color: transparent;
	background-image: url(../images/btn-03-services.jpg);
	background-position: 0px -24px;
	background-repeat: no-repeat;
	height: 24px;
	width: 61px;	
}

a div#cabinetry
{
	background-color: transparent;
	background-image: url(../images/btn-04-cabinetry.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 71px;	
	float: left;
	clear: none;
	margin-left: 47px;
	margin-right: 47px;
}

a:hover div#cabinetry 
{
	background-color: transparent;
	background-image: url(../images/btn-04-cabinetry.jpg);
	background-position: 0px -24px;
	background-repeat: no-repeat;
	height: 24px;
	width: 71px;	
}

a div#history
{
	background-color: transparent;
	background-image: url(../images/btn-05-history.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 59px;	
	float: left;
	clear: none;
	margin-left: 47px;
	margin-right: 47px;
}

a:hover div#history 
{
	background-color: transparent;
	background-image: url(../images/btn-05-history.jpg);
	background-position: 0px -24px;
	background-repeat: no-repeat;
	height: 24px;
	width: 59px;	
}

a div#contact
{
	background-color: transparent;
	background-image: url(../images/btn-06-contact.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 60px;	
	float: left;
	clear: none;
	margin-left: 47px;
	margin-right: 47px;
}

a:hover div#contact
{
	background-color: transparent;
	background-image: url(../images/btn-06-contact.jpg);
	background-position: 0px -24px;
	background-repeat: no-repeat;
	height: 24px;
	width: 60px;	
}

.clearing-div
{
	clear: both;
	line-height: 15px;
}

#nav
{
	padding-top: 13px;
	list-style:none;
}

#nav li
{
    float:left;
    text-indent:-10000px;
}

#nav li a.home
{
    height:24px;
    width:47px;
    background: url(../images/btn-01-home.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.home:hover
{
    height:24px;
    width:47px;
    background: url(../images/btn-01-home.jpg) no-repeat;
	background-position: 0px -24px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.gallery
{
    height:24px;
    width:57px;
    background: url(../images/btn-02-gallery.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.gallery:hover
{
    height:24px;
    width:57px;
    background: url(../images/btn-02-gallery.jpg) no-repeat;
	background-position: 0px -24px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.services
{
    height:24px;
    width:61px;
    background: url(../images/btn-03-services.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.services:hover
{
    height:24px;
    width:61px;
    background: url(../images/btn-03-services.jpg) no-repeat;
	background-position: 0px -24px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.cabinetry
{
    height:24px;
    width:71px;
    background: url(../images/btn-04-cabinetry.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.cabinetry:hover
{
    height:24px;
    width:71px;
    background: url(../images/btn-04-cabinetry.jpg) no-repeat;
	background-position: 0px -24px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.history
{
    height:24px;
    width:59px;
    background: url(../images/btn-05-history.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.history:hover
{
    height:24px;
    width:59px;
    background: url(../images/btn-05-history.jpg) no-repeat;
	background-position: 0px -24px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.contact
{
    height:24px;
    width:60px;
    background: url(../images/btn-06-contact.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.contact:hover
{
    height:24px;
    width:60px;
    background: url(../images/btn-06-contact.jpg) no-repeat;
	background-position: 0px -24px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.testimonials
{
    height:24px;
    width:94px;
    background: url(../images/btn-07-testimonials.jpg) no-repeat;
	background-position: 0px 0px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}

#nav li a.testimonials:hover
{
    height:24px;
    width:94px;
    background: url(../images/btn-07-testimonials.jpg) no-repeat;
	background-position: 0px -24px;
	display: block;
	margin-left: 34px;
	margin-right: 34px;
}


#right {
	text-align: right;
}