/* ---------------------------------------------------
TEMPLATE.CSS contains the default styles for websites
built in the anytime system.
--------------------------------------------------- */



/* MAIN ELEMENTS
Main page elements, page layout, links and other common
styles. */
html, body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#1a2304;
background-color:#494944;
clear:both;
margin:0 auto;
}


/* DEFAULT LINKS */
a         {color:#6f4593;}
a:visited {}
a:hover   {text-decoration:none;color:#372448;}
a img     {border:none;}


/* DEFAULT HEADERS */
h1, h2, h3, h4, h5, h6 {
margin:0px 0px 0px 0px;
}

h1 {font-size:16px;color:#ad790a;line-height:20px;padding:4px 0 4px 0;}
	h1 span {color:#e7ad30;}
h2 {font-size:22px;color:#333333;line-height:24px;padding:4px 0 4px 0;}
h3 {font-size:18px;color:#333333;line-height:20px;padding:4px 0 4px 0;}
h4 {font-size:14px;color:#333333;line-height:16px;padding:4px 0 4px 0;}
h5 {font-size:13px;color:#333333;line-height:15px;padding:4px 0 12px 0;}
h6 {font-size:12px;color:#333333;line-height:14px;padding:4px 0 4px 0;}



p {
margin-top:0;
padding-top:0;
}



/* OTHER DEFAULT ELEMENTS */
acronym {border:none;}

.clearer {
clear:both;
font-size:0;
line-height:0;
height:0;
padding:0 0 0 0;
margin:0 auto;
}

.divider {
clear:both;
font-size:0;
line-height:0;
height:5px;
padding:0 0 0 0;
margin:0 auto;
margin-top:5px;
border-top:solid #EFEFEF 1px;
}

/* GAPS
Gaps to space elements */
.gap1 {float:left;width:10px;}
.gap2 {float:left;width:20px;}


.img-left {float:left;margin-right:15px;margin-top:4px;}
.img-right {float:right;margin-left:15px;margin-top:4px;}


/* LIST ELEMENTS
list elements */
ul {
margin-top:4px;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
margin-left:0;
padding-left:0;
}
	li {
	line-height:18px;
	list-style:none;
	margin-top:0;
	padding-top:0;
	padding-bottom:3px;
	margin-left:0;
	padding-left:19px;
	background-image:url(../images/point.gif);
	background-position:3px 6px;
	background-repeat:no-repeat;
	}




/* STANDARD PAGE ELEMENTS
Standard page elements for laying out the main content of a website. */
#container {
width:886px;
text-align:center;
background-image:url(../images/main_bg.gif);
background-position:top;
background-repeat:repeat-y;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}

#logo-side {
float:left;
width:33px;
height:85px;
background-image:url(../images/logo_side.gif);
background-position:left top;
background-repeat:no-repeat;
}

#container-inner {
float:left;
width:820px;
text-align:left;
background-color:#ffffff;
background-image:url(../images/rightside_bg.gif);
background-position:right;
background-repeat:repeat-y;
margin:0 auto;
margin-left:auto;
margin-right:auto;
padding:0 0 0 0;
border:none;
}


	#side {float:right;width:28px;}


	/* MAIN HEADER */
	#header {
	float:right;
	width:792px;
	height:138px;
	background-image:url(../images/logo_main.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

		#header a {color:#003399;}
		#header a:hover {color:#0099CC;}


		#header #top-phone {
		display:block;
		height:110px;
		text-align:right;
		}

		#header #navigation {
		display:block;
		height:28px;
		text-align:right;
		color:#967121;
		line-height:24px;
		padding-right:16px;
		background-image:url(../images/nav_bg.gif);
		background-position:right bottom;
		background-repeat:no-repeat;
		}
			#header #navigation a {color:#967121;}
			#header #navigation a:hover {color:#e7ad30;}


			#header #navigation #navleft {
			float:left;
			width:500px;
			height:28px;
			padding-left:16px;
			}

			#header #navigation #navleft a {
			float:left;
			height:28px;
			line-height:28px;
			color:#2b2a26;
			display:inline-block;
			padding-left:20px;
			margin-right:1px;
			text-transform:uppercase;
			font-style:italic;
			text-decoration:none;
			background-image:url(../images/nav_link.gif);
			background-position:left 0px;
			background-repeat:no-repeat;
			}
				#header #navigation #navleft a strong,
				#header #navigation #navleft a b {
				display:block;
				height:28px;
				line-height:28px;
				padding-right:20px;
				cursor:pointer;
				background-image:url(../images/nav_link.gif);
				background-position:right 0px;
				background-repeat:no-repeat;
				}


					#header #navigation #navleft a:hover {
					color:#2b2a26;
					background-image:url(../images/nav_link.gif);
					background-position:left -28px;
					}
						#header #navigation #navleft a:hover strong,
						#header #navigation #navleft a:hover b {
						background-image:url(../images/nav_link.gif);
						background-position:right -28px;
						}

					#header #navigation #navleft .on,
					#header #navigation #navleft .on:hover {
					color:#e2bd64;
					background-image:url(../images/nav_link.gif);
					background-position:left -56px;
					}
						#header #navigation #navleft .on strong,
						#header #navigation #navleft .on b,
						#header #navigation #navleft .on:hover strong,
						#header #navigation #navleft .on:hover b {
						background-image:url(../images/nav_link.gif);
						background-position:right -56px;
						}




	/* MAIN CONTENT */
	#main {
	float:right;
	width:776px;
	line-height:18px;
	}

		.home-timber {
		background-image:url(../images/home_base.jpg);
		background-position:right bottom;
		background-repeat:no-repeat;
		}

		/* MAIN FLASH/BANNER */
		#flash {
		margin-top:4px;
		height:52px;
		background-color:#ffcc00;
		text-align:left;
		}
			#flash-home {
			margin-top:4px;
			height:152px;
			background-color:#ffcc00;
			}
				#flash-home .special-right {
				float:right;
				height:152px;
				width:380px;
				background-color:#212121;
				border-left:solid #e7ad30 10px;
				position:relative;
				overflow:hidden;
				}

					#product-table {
					position:absolute;
					top:0px;
					left:0px;
					}
						#product-table td {
						padding:0 25px;
						height:152px;
						color:#ffffff;
						}
							#product-table td h1 a {
							color:#ffffff;
							}

							#product-table td strong,
							#product-table td b {
							font-size:20px;
							vertical-align:middle;
							}


				#flash-home .special-left {
				float:left;
				width:300px;
				padding:20px 0 0 25px;
				}
					#flash-home .special-left h1 {
					color:#58416d;
					font-size:24px;
					font-style:italic;
					}





			#main .main-left {
			float:left;
			width:170px;
			padding:25px;
			color:#242223;
			background-image:url(../images/left_col.gif);
			background-position:left top;
			background-repeat:no-repeat;
			}

				#main .main-left a {color:#6b3e08;}




			#right-holder {
			float:right;
			width:525px;
			}



			.main-right {
			clear:right;
			float:right;
			width:500px;
			color:#242223;
			padding:25px 25px 25px 0;
			}

			.main-right-col1 {
			float:right;
			width:290px;
			color:#242223;
			padding:25px 25px 0 0;
			}

			.main-right-col2 {
			float:right;
			width:160px;
			color:#242223;
			background-color:#f5f0e1;
			padding:25px 25px 25px 25px;
			}


			#main-inner .main-heigher {
			float:right;
			width:1px;
			}


		#main-inner {
		display:block;
		background-image:url(../images/inner_bg.gif);
		background-position:left top;
		background-repeat:repeat-y;
		}


				#main-inner .main-right .light,
				#main-inner-home .main-right .light {
				color:#5F3812;
				}


				.main-right .message-box {
				display:block;
				border:solid #e8e4d0 1px;
				background-color:#ffffff;
				padding:5px;
				margin-bottom:10px;
				}



	/* MAIN FOOTER */
	#base-holder {
	width:820px;
	text-align:center;
	background-image:url(../images/footer_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 auto;
	margin-left:auto;
	margin-right:auto;
	padding:0 33px 0 33px;
	border:none;
	}


	#base {
	background-color:#212121;
	background-image:url(../images/rightside_footer.gif);
	background-position:right;
	background-repeat:repeat-y;
	}

		#base a {color:#ffcc00;}
		#base a:hover {color:#ffffff;}

		#base .base-left {
		float:left;
		width:500px;
		text-align:left;
		background-color:#212121;
		padding:15px 0 15px 20px;
		color:#f0cf88;
		line-height:18px;
		}
			#base .base-left strong, #base .base-left b {color:#ffffff;}
			#base .base-left span {color:#857297;}

		#base .base-right {
		float:right;
		text-align:right;
		width:150px;
		padding:34px 47px 0 0;
		}



	#footer {
	display:block;
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
	color:#817f75;
	}
		#footer a {color:#b99037;}
		#footer a:hover {color:#ffcc00;}






/* COMMON PAGE STYLES
Common page (ie. contact page) styles. */

/* PRODUCT PAGES */
.product-holder {display:block;margin-top:20px;}
	.product-holder .product-item {
	float:left;
	width:131px;
	line-height:15px;
	padding:6px 0 0 6px;
	background-image:url(../images/image_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin-right:18px;
	text-align:center;
	}
		.product-holder .product-item h4 {padding-bottom:0px;}

		.product-holder .product-item .image {
		margin-bottom:10px;
		padding-right:13px;
		}

.product-holder2 {display:block;margin-top:20px;}
	.product-holder2 .product-item {
	text-align:left;
	padding:4px 0 4px 0;
	border-bottom:dotted #eae0c3 1px;
	}
		.product-holder2 .product-item .prod-left {
		font-size:14px;
		}
			.product-holder2 .product-item .prod-left a {color:#6b3e08;text-decoration:none;}
			.product-holder2 .product-item .prod-left a:hover {text-decoration:underline;}
			.product-holder2 .small {font-size:11px;}


		.product-holder2 .product-item .image {
		float:left;
		width:84px;
		height:78px;
		padding:6px 0 0 6px;
		margin-right:13px;
		background-image:url(../images/imagesmall_bg.gif);
		background-position:top;
		background-repeat:no-repeat;
		}

.product-holder3 {display:block;margin-top:3px;}
	.product-holder3 .product-item {
	text-align:left;
	}
		.product-holder3 .product-item .image {
		float:left;
		width:84px;
		height:78px;
		padding:6px 0 0 6px;
		background-image:url(../images/imagesmall_bg2.gif);
		background-position:top;
		background-repeat:no-repeat;
		}

		.product-holder3 .product-item .text2 {
		float:right;
		width:233px;
		}

		.product-holder3 .product-item .front-link {
		margin-top:10px;
		margin-bottom:10px;
		background-image:url(../images/link_bg.gif);
		background-position:0 2px;
		background-repeat:no-repeat;
		}
			.product-holder3 .product-item .front-link a {
			padding-left:20px;
			color:#ac9c6d;
			font-size:11px;
			font-weight:bold;
			}
				.product-holder3 .product-item .front-link a:hover {
				color:#b4350d;
				}



.product-details {}
	.product-details .product-left {
	float:left;
	width:180px;
	}

	.product-details .product-right {
	float:right;
	width:275px;
	}



/* NEWS PAGES */
.news-holder {display:block;}
	.news-holder .news-item {display:block;margin-bottom:10px;}
		.news-holder .news-item .image {
		float:left;
		margin-right:10px;
		overflow:hidden;
		}
	.news-holder .news-detail {display:block;}
		.news-holder .news-detail .image {
		float:right;
		margin-left:10px;
		margin-bottom:10px;
		}
	.news-holder .date {font-size:11px;color:#666666;}
	.news-holder .base {font-size:11px;}




/* PHOTO GALLERY PAGES */
.gallery-holder {display:block;}
	.gallery-holder .gh-item {
	float:left;
	width:100px;
	background-color:#CCCCCC;
	padding:3px;
	}
		.gallery-holder .gh-item .image {
		width:100px;
		height:100px;
		margin-bottom:10px;
		overflow:hidden;
		}



/* STAFF PAGES */
.staff-holder {display:block;}
	.staff-holder .sh-item {margin-top:18px;}
		.staff-holder .sh-item .image {
		width:100px;
		height:100px;
		margin-bottom:10px;
		overflow:hidden;
		}
		.staff-holder .sh-item .sh-member {
		float:left;
		width:100px;
		margin-top:10px;
		background-color:#EFEFEF;
		text-align:center;
		}
		.staff-holder .sh-item .sh-member .shm-image {
		width:96px;
		height:96px;
		background-color:#CCCCCC;
		overflow:hidden;
		}




/* TESTIMONIALS PAGES */
.testimonial-holder {display:block;}
	.testimonial-item {display:block;margin-top:18px;}
	.testimonial-holder .th-person {font-weight:bold;}




/* FAQS PAGES */
.faq-holder {display:block;margin-top:18px;}
	.faq-item {display:block;margin-top:8px;margin-bottom:10px;padding:0 25px 0 25px;}




/* LINKS PAGES */
.links-holder {display:block;margin-top:18px;}





/* NEXT PREVIOUS PAGES */
.nextprev {float:right;}
	.nextprev .num {
	color:#333333;
	background-color:#E0E0E0;
	padding:0 4px 0 4px;
	margin-left:3px;
	}
	.nextprev .cur {
	font-weight:bold;
	background-color:#B5B5B5;
	}
	.nextprev .np {
	color:#ffffff;
	background-color:#000000;
	padding:0 4px 0 4px;
	margin-left:3px;
	}
	.nextprev .se {
	color:#A0A0A0;
	background-color:#F3F3F3;
	}
	.nextprev a:hover {
	text-decoration:none;
	color:#CCCCCC;
	background-color:#000000;
	}








/* MAIN FORM */
form {
margin:0 auto;
padding:0 0 0 0;
}

	.req {
	color:#802904;
	font-weight:bold;
	font-size:12px;
	}

	form .label {
	clear:both;
	display:block;
	height:18px;
	font-size:11px;
	font-weight:bold;
	color:#353535;
	line-height:18px;
	text-align:left;
	margin-bottom:0px;
	}

	form .input {
	display:block;
	height:25px;
	}
		form .input input {
		font-size:12px;
		width:70%;
		}

	form .select {
	display:block;
	height:25px;
	}
		form .select select {
		font-size:12px;
		width:70%;
		}

	form .textarea {
	display:block;
	font-size:11px;
	height:73px;
	}
		form .textarea textarea {
		font-size:12px;
		width:70%;
		height:60px;
		}
		form .textarea img {
		padding-top:3px;
		}

	form .button {
	margin-top:5px;
	padding-bottom:5px;
	}


.form-under {font-size:11px;color:#666666;}


#login {}
	#login .login-form {}

		#login .login-form li {
		padding-left:0px;
		background:none;
		}

			#login .login-form li label {
			display:inline-block;
			width:200px;
			}