@charset "utf-8";

/* Rules */
body {
	font-family: "Adobe Garamond Pro", "Garamond pro", Garamond, Times New Roman, Times, serif;
	font-size: 12px;
	text-align: left;
	color: #4C3327;
	margin: 18px auto;
	width: 945px;
	height: auto;
	background-color: #333;
	font-weight:500;
	background-image: url(../images/general/bg2.gif);
	background-repeat: repeat;
	text-decoration: none;
	-webkit-text-size-adjust: none;
}

	
/* Rules for headings */
h1,h2,h3,h4 {
	color:#4C3327;
}

h1 {
	text-align: left;
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
	padding: 0px;
	margin: 0px;
	line-height: 100%;
}
h2 { 
	font-weight: 500;
	font-size: 16px;
	font-style:italic;
	padding-top: 20px;
}
h3 { 
	padding:0px;
	margin:0px;
	font-size: 16px;
}
h4 {
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:normal;
	line-height: 120%;
}

p {
	font-size:14px;
	line-height:120%;
	text-align:left;
	margin:0;
}

p.dropcap:first-letter {
	float:left;
	width:40px;
	font-size:60px;
	line-height:50px;
}

p.small {
	font-size:12px;
}

p.belowHeading {
	margin-top:3px;
}

p.clear {
	clear:both;
}

p.reduceWidth {
	width:364px;
	float:left;
}

.important {
	font-weight:bold;
}

ol.letters {
	margin-left: 40px;
}

ol.letters li{
	list-style-type: lower-alpha;
}

ol.numbers li {
	list-style-type: decimal;
}

ol.numbers li {
	list-style-type: decimal;
}

ol.numbers {
	padding:0px 0px 0px 20px;
}

ol.numbers li {
	margin:0px 0px 10px 0px;
}

a {
	color:#999999;
	text-decoration:none;
}
a:active { 
	outline:none;
}

a:focus {
	-moz-outline-style: none;
}

a:hover {
	color:#ffffff;
	text-decoration:none;
}
.clearSpacer {
	clear:both;
	height:5px;
	font-size:1px;
	line-height:1px;
}
.left {
	display:block;
	float:left;
}

.right {
	display:block;
	float:right;
}

.hide {
	display:none;
	}

/* fix for 3px gap issue on images in IE */
img {
	vertical-align: bottom;
}
.image_float_left{
	float:left;
	margin: 5px 10px 5px 0px;
}

.image_float_right{
	float:right;
	margin: 5px 0px 5px 10px;
}

#line{
	height:1px;
	clear:left;
	margin: 5px 0px 5px 0px;
	border-bottom:1px solid #E3E3E3;
}

/* Styling per browser via CSS */
#mainWrapper {
	height: 534px;
	width: 945px;
	margin: 0;
	display: block;
	padding: 0;
	background-color:#FFF;
}

*html #mainWrapper {
	padding: 0;
}

*+html #mainWrapper {
	padding: 0;
}

.movie{
	margin-top: 0px; 
	margin-left: 0px; 
	line-height: 0px; /* stops firefox from adding 2 pixels below flash movie */
}





/* Main navigation */
#navLeft {
	font-style:italic;
	width: 177px;
	height:auto;
	float: left;
	background-color: #FFFFFF;
	text-align: center;
	padding: 18px 0 0 0;
}

#navLeftLogo {
	margin:0;
}
#navLeftLinksTop {
	font-size:16px;
}	

#navLeftLinksTop ul {
	list-style-type:none;
	line-height:150%;
	margin: 33px 0 0 0;
	text-decoration: none;
	display: block;
	padding: 0;
	border-bottom:none;
}
#navLeftLinksTop li {
	border-bottom:0px;
	margin-bottom:0px;
}
#navLeftLinksTop li a {
	display: block;
	text-decoration: none;
}

#navLeftLinksTop li a:hover {
	background-color: #D3C8A3;
}
#navLeftLinksBtm {
	font-size:16px;
}	

#navLeftLinksBtm ul {
	list-style-type:none;
	line-height:150%;
	margin: 45px 0 0 0;
	text-decoration: none;
	display: block;
	padding: 0;
}
#navLeftLinksBtm li {
	border-bottom:0px;
	margin-bottom:0px;
}

#navLeftLinksBtm li a {
	display: block;
	text-decoration: none;
}

#navLeftLinksBtm li a:hover {
	background-color: #FBFAD5;
}




/* Footer navigation */
#navFooter {
	clear: both;
	width: 945px;
	padding-top: 9px;
}

#navFooter ul
{
	line-height: 100%;
	font-style:normal;
	font-size:12px;	
	padding :0px;
	margin: 0px;
}

#navCopyrightInfo {
	font-size:10px;
	text-align: right;
	float: right;
	color: #666;
	width: 200px;
}

#navBottomLinks {
	float:left;
	text-align:center;
	list-style-type: none;
	padding: 0px 0px 0px 150px;
	width: 591px;
}	

#navBottomLinks li {
	display: inline;
	list-style-type: none;
	padding: 0px;
	text-decoration:none;
	border:none;
}	

#navBottomLinks span{
	padding-left: 8px;
	padding-right: 5px;
	color: #999;
}


#contentWrapper{
	background: #fff;
	float: left;
	width: 750px;
	height: 498px;
	margin: 18px 18px 18px 0px;
	display: inline; 	/* stop double margin float bug */
}

/* Pages with range show */
#rangeShow{
	background: #F8F8F8; 
	float: left;
	width: 750px;
	height: 498px;
}

/* Pages with flipbook */
#flipBook{
	background: #ffffff;
	width: 750px;
	height: 498px;
	overflow:hidden;
}
/* Pages with slideShow */
#slideShow{
	background: #F8F8F8; 
	float: left;
	width: 750px;
	height: 498px;
}

/* Pages with banner at the top */
#banner{
	background: #F8F8F8; 
	float: left;
	width: 750px;
	height: 100px;
	overflow: hidden;	//  hides extra slides in cycleshow
}

#contentArea{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color:transparent;
	padding: 18px;
	float: left;
	width: 712px;
	height: 362px;
	clear: none;
}

#contentTitle{
	background-color:transparent;
	float: block;
	height: 48px;
	clear: none;
}

#contentTitle h3 
{
	color:#B69C57;
	font-size: 14px;
	padding-top: 13px;
}

/* text containers */
#textContainer{
	float: block;
	height: 314px;
	width:auto;
	clear: none;
	overflow-y: auto;
}

#textContainer  p {
	margin:8px 0px 10px 0px;
	float: none;
	outline-color: #FFF;
}

#textContainer  h4 {
	font-weight: bold;
}

#textContainer a {
	color: #B69C57;
	text-decoration: none;
}
#textContainer a:hover {
	color: #4C3327;
	text-decoration: none;
}

.tc1Column {
	margin: 0px;
	padding: 0px 8px 8px 0px;
	float: left;
	clear: none;
	width: auto;
}
.tc2Columns {
	margin: 0px;
	padding: 0px 8px 8px 0px;
	float: left;
	clear: none;
	width: 337px;
}
.tc3Columns {
	margin: 0px;
	padding: 0px 8px 8px 0px;
	float: left;
	clear: none;
	width: 223px;
}
.tc4Columns {
	margin: 0px;
	padding: 0px 8px 8px 0px;
	float: left;
	clear: none;
	width: 168px;
}

/* -- flash required -- */
#flashRequired {
	padding-top: 10px;
}

#flashRequired h1 {
	text-align:center;
	font-size: 16px;
	font-style:normal;
	color:#4C3327;
}

#flashRequired h2 {
	text-align:center;
	font-size: 16x;
	font-style:normal;
	color:#4C3327;
}

#flashRequired a {
	color: #B69C57;
	text-decoration:underline;
}
#flashRequired a:active { 
	outline:none;
}

#flashRequired a:focus {
	-moz-outline-style: none;
}

#flashRequired a:hover {
	color:#4C3327;
	text-decoration:underline;
}

/* -- Flooring and Tiles -- */
#containerForImageWithTextBelowSingle {
	width:216px;
	float:left;
	margin: 5px 14px 10px 0px;
}

#containerForImageWithTextBelowSingle h1{
	text-align: left;
	font-weight: 400;
	font-style:normal;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	line-height: 120%;
	font-size: 12px;
}
#containerForImageWithTextBelowDouble {
	width:448px;
	float:left;
	margin: 5px 14px 10px 0px;
}
#containerForImageWithTextBelowDouble h1{
	text-align: left;
	font-weight: 400;
	font-style:normal;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	line-height: 120%;
	font-size: 12px;
}

/* Phone email links */
.emailPhoneLink {
	font-style:normal;
	font-size: 16px;
	color: #B69C57;
}