/*

Theme Name: Green Family Products
Version: Aug, 2010
Author: Sodium Halogen // William Donnell

                      _                                      
 _| _ _. _  _  __ |_.(_. _   _ _  _ . _  _ _ _. _  _   |_    
(_|(-_)|(_)| )    |_|| |(_  (-| )(_)|| )(-(-| || )(_)  |_)\/ 
        _/                       _/               _/      /  
 ____            _ _                 _   _       _                        
/ ___|  ___   __| (_)_   _ _ __ ___ | | | | __ _| | ___   __ _  ___ _ __  
\___ \ / _ \ / _` | | | | | '_ ` _ \| |_| |/ _` | |/ _ \ / _` |/ _ \ '_ \ 
 ___) | (_) | (_| | | |_| | | | | | |  _  | (_| | | (_) | (_| |  __/ | | |
|____/ \___/ \__,_|_|\__,_|_| |_| |_|_| |_|\__,_|_|\___/ \__, |\___|_| |_|.com
                                                         |___/           

*/	


/* Global Layout */


body {
	font-size: .75em;
	margin: 0px;
	text-align: center;
	background: #5f523c url(../_images/bg2.jpg) top center;
	color: #bfbfbf;
	font-family: Helvetica, Arial, sans-serif;
}

li strong {
	font-weight: bold;
}

.cleared { clear: both; }

.leader { font-family: 'DeliciousBold', Helvetica, Arial; text-transform: uppercase; font-size: 1.25em; }


	#contact{
		position: relative;
		width: 940px;
		background: #000;
		background: rgba(0,0,0,.3);
		margin: auto;
		overflow: hidden;
		text-align: left;
		display: none;
	}
	
	.contact-info #contact {
		display: block;
		}
	
		#contact a:link,
		#contact a:visited {
			color: #e2e2bd;
			font-family: CenturyOldStyle;
			text-transform: uppercase;
		}
		
		#contact a:hover,
		#contact a:active {
			color: #7e7e3c;
			text-decoration: none;
		}
		
		.col{
			float: left;
			padding: 12px 0 12px 20px;
			width: 280px;
			padding-right: 10px;		
		}
		
			.col p{
				position: relative;
				overflow: hidden;
				padding-bottom: 14px;
			}
			
			.col label{
				display: block;
				color: #ADA257;
				text-transform: uppercase;
				font-family: Georgia;
				height: 17px;
			}
			
			.col .text{
				position: relative;
				height: 19px;
				line-height: 19px;
				background: #F3EFE7;
				width: 270px;
				padding: 0 2px 0 8px;	
				font-size: 11px;
				color: #494949;
				border: 0;
			}
			
			.col span{
				float: left;
			}
			
			.col p span:last-child{
				float: right;
			}
			
			.col span .text{
				width: 121px;
			}
			
			.col em {
				color: #df4c4c;
				padding-left: 10px;
				font-size: 11px;
				font-family: DeliciousBold;
				font-style: normal;
				font-weight: normal;
			}
			
			.col textarea{
				position: relative;
				height: 19px;
				line-height: 19px;
				background: #F3EFE7;
				width: 270px;
				padding: 5px;
				height: 75px;	
				font-size: 11px;
				color: #494949;
				border: 0;
				outline: 0;
				margin:0;
			}
			
			.col .submit{
				float: left;
				border: 0;
				height: 21px;
				width: 173px;
				text-indent: -9999em;
				background: url(../_images/send-btn.gif) top left no-repeat;	
			}
			
			.col .submit:hover{				
				background: url(../_images/send-btn.gif) bottom left no-repeat;	
			}

			.error-notice,
			.sent-notice {
				position: absolute;
				width: 960px;
				height: 40px;
				padding: 0 10px;
				top: 0;
				left: 50%;
				margin-left: -490px;
				background: #ca4b4b;
				color: #fff;
				line-height: 40px;
				font-size: 14px;
				font-family: DeliciousBold;
				text-transform: uppercase;
				text-align: center;
				z-index: 500;
			}
			.sent-notice {
				background: #9b9b44;
			}
			
			.col label.error {
				color: #ca4b4b;
			}
			
			.sample-error-notice,
			.sample-sent-notice {
				position: absolute;
				width: 460px;
				height: 60px;
				padding: 10px 10px;
				top: 0;
				right: 0;
				background: #ca4b4b;
				color: #fff;
				font-size: 14px;
				text-align: center;
				z-index: 500;
			}
			.sample-sent-notice {
				background: #9b9b44;
			}
			
			.sample-error-notice h2,
			.sample-sent-notice h2 {
				color: #fff !important;
			}
	

	
	#wrap{
		position: relative;
		width: 940px;
		margin: 50px auto;
		padding: 0 20px 0 20px;		
		background: #fff url(../_images/pbg.gif) bottom left no-repeat;
		
		-moz-box-shadow: 0px 4px 10px #221807; 
		-webkit-box-shadow: 0px 4px 10px #221807; 
		box-shadow: 0px 4px 10px #221807; 

	}
	
		#header{
			position: relative;
			padding-bottom: 24px;
			z-index: 4;
		}
		
			
			#logo{
				position: absolute;
				top: -50px;
				left: -2px;
				height: 198px;
				width: 224px;
				text-indent: -9999em;
				background: url(../_images/logo.png) top left no-repeat;
			}
			
			.phone{
				position: absolute;
				right: 160px;
				top: 14px;
				
					font-size: 18px;
					font-family: CenturyOldStyleBold;
					color: #5f5f23;
					text-decoration: none;
					text-transform: uppercase;
					letter-spacing: 1px;
			}
			
			#header .contact-us,
			#header .contact-link{
				top: -50px;
				right: 0;
				height: 80px;
				width: 140px;
				position: absolute;
				text-indent: -9999em;
				z-index: 100;
				border-top: 40px solid rgba(0,0,0,.3);
				background: url(../_images/contact-link.gif) top left no-repeat;	
			}
			
				#header .contact-us:hover,
				#header .contact-link:hover {
					background-position: left bottom;
					}
			
			#nav{
				position: relative;
				padding: 90px 0 0 0;
				margin-left: 240px;
				height: 39px;
				background: url(../_images/nbg.gif) bottom left repeat-x;
			}
			
				#nav li{
					float: left;
					height: 30px;
					position: relative;
				}
				
				#nav li a{
					float: left;
					height: 30px;
					font-size: 13px;
					line-height: 30px;
					text-transform: uppercase;
					padding: 0 8px 0 8px;
					color: #766341;
					text-decoration: none;
					font-family: "CenturyOldStyleRegular";
				}
				
				#nav li a:hover, #nav>li:hover>a{	
					color: #837B47;				
					background: #F3EFE7;
				}
				
				#nav .specials {
					font-family: "CenturyOldStyleItalic";
					color: #971503;
				}
				
				#nav ul{
					position: absolute;
					top: 30px;
					left: -5px;
					width: 220px;
					padding: 10px 15px 10px 15px;
					background: #f3efe7;
					text-align: left;
					display: none;
				}
				
					 #nav ul.nav_barn {
						width: 200px;
						}
						
					 #nav ul.nav_brick {
						}
				
				#nav li:hover ul{
					display: block;
					z-index: 200;
				}
				
				#nav ul li{
					float: none;
					border-bottom: 1px solid #e7dcc6;
				}
				
				#nav ul li a{
					float: none;
					display: block;
					color: #aea257;
					font-size: 12px;						
				}
				
				#nav ul li a:hover{
					color: #2f2f2f;
					text-decoration: none;
					background: none;
				}
				



		
		#slider{
			position: relative;
			padding: 5px;
			height: 306px;
			background: url(../_images/slide-bg.gif) top left no-repeat;	
		}
		
			#slider h1{
				position: absolute;
				top:0;
				left:0;
				text-indent: -9999em;
			}
		
			#slider ul{
				position: relative;
				overflow: hidden;				
				height: 290px;
				width: 930px;
			}
		
			#slider li{
				position: relative;
				height: 290px;
				width: 930px;
			}
			
				#slider li p.caption {	
					position: absolute;
					right: 0;
					bottom: 20px;
				/*	background: #53542A;  or */
					background: #000;
					padding: 10px;
					color: #fff;
					/* for IE */
					filter:alpha(opacity=70);
					/* CSS3 standard */
					opacity:0.7;
					font-family: CenturyOldStyleItalic;
					letter-spacing: 1px;
					}
					
					#slider li p.caption strong {
						font-family: CenturyOldStyleBold;
						text-transform: uppercase;
					}
					
		
		
		
		
		#welcome{
			position: relative;
			margin: 20px 0 60px -20px;
			padding: 20px 20px 0;
			text-align: left;
			height: 214px;
			color: #4A4A4A;	
			font-size: 14px;
		}
		
			#welcome img {
				float: left;
				width: 370px;
				height: 200px;
				padding: 5px 5px 25px;
				margin-top: -5px;
				background: url(../_images/splash-bg.png) left top no-repeat;
				margin-right: 20px;
			}
		
			#welcome p{
				line-height: 1.4em;
				padding-top: .8em;
			}
			
			#welcome h2{
				position: relative;
				color: #535310;	
				font-size: 24px;	
				font-family: CenturyOldStyleItalic;
				text-transform: lowercase;
				letter-spacing: .1em;
			}
			
				#welcome h2 strong{
					font-style: normal;
					text-transform: uppercase;
					font-family: Delicious;
					letter-spacing: .1em;
				}
			
			.welcome-links{
				/*
				position: absolute;
				bottom: 20px;
				right: 0;
				*/
				position: relative;
				clear: right;
				float: right;
				width: 540px;
				padding-bottom: 3px;
				background: url(../_images/welcome-link-bg.gif) bottom left repeat-x;
			}
			
				#welcome .welcome-links a,
				#content_main .welcome-links a{
					float: right;
					padding: 4px 14px 6px 14px;
					border-right: 1px solid #eee;
					font-size: 15px;
					font-family: CenturyOldStyleBold;
					color: #77770E;
					text-decoration: none;
					text-transform: uppercase;
				}
				
				#welcome .welcome-links a:last-child,
				#content_main .welcome-links a:last-child{
					border-left: 1px solid #eee;
				}
				
				#welcome .welcome-links a:hover,
				#content_main .welcome-links a:hover{
					color: #2F2F2F;
				}
				
/* wm ad */
					#intro .welcome-links {
						background: none;
						margin-top: 15px;
						width: 350px;
						float: right;
						text-align: right;
						}		

						#intro .welcome-links a {
							float: none;
							}
							
					#feature .welcome-links a {
						border-bottom: solid #eee 1px;
					}
					#feature .welcome-links a:hover {
						border-bottom: solid #ddd 1px;
					}
					
					.about .welcome-links {
						background: none;
						width: 300px;
						}
					
					
				.welcome-links li {
					float: right;
				}
				
					.welcome-links ul {
						position: absolute;
						display: none;
						-moz-box-shadow: 0px 2px 4px #ccc;
						-webkit-box-shadow: 0px 2px 4px #ccc;
						box-shadow: 0px 2px 4px #ccc;
					}
					
					.welcome-links li:hover ul {
						display: block;
						z-index: 500;
						width: 260px;
						right: 0;
						bottom: 30px;
						padding: 20px;
						background: #ece6db;
						border-bottom: solid #d5ccba 1px;
						border-right: solid #dfd8ca 1px;
						border-left: solid #dfd8ca 1px;
					}
					
					.welcome-links li li {
						float: none;
					}
					
						.welcome-links li li a {
							display: block;
							width: 230px;
							font-size: 13px !important;
							text-align: right;
							border-bottom: solid #d8d0bf 1px;
						}


		
		#section-title{
			position: relative;
			height: 81px;
			line-height: 81px;
			padding-left: 20px;
			font-size: 26px;
			font-family: CenturyOldStyleItalic;
			text-align: left;
			color: #fff;
			text-transform: lowercase;
			background: url(../_images/section-head.gif) top left no-repeat;	
		}
		
			#section-title strong{
				text-transform: uppercase;
				font-style: normal;
				padding-left: 6px;
				font-family: Delicious;
				letter-spacing: .1em;
			}
		
		#gallery-title, #product-title{
			position: relative;
			height: 81px;
			line-height: 81px;
			padding-left: 20px;
			font-size: 23px;
			font-family: Georgia;
			font-style: italic;
			text-align: left;
			color: #535009;
			text-transform: lowercase;		
		}
		
			#gallery-title strong, #product-title strong{
				text-transform: uppercase;
				font-style: normal;
				font-size: 1.25em;
				padding-left: 6px;
				font-family: Delicious, Helvetica, Arial, sans-serif;
			}
		
				#gallery #caption {	
					position: absolute;
					width: 300px;
					right: 185px;
					top: 33px;
					margin-left: -315px;
					text-align: center;
					z-index: 500;
					}
					
					#gallery #caption p {
						position: relative;
						padding: 10px;
						width: auto;
						background: #000;
						color: #fff;
						/* for IE */
						filter:alpha(opacity=80);
						/* CSS3 standard */
						opacity:0.8;
						font-family: CenturyOldStyleItalic;
						letter-spacing: 1px;
					}
					
					#gallery #caption strong {
						font-family: CenturyOldStyleBold;
						text-transform: uppercase;
					}
		
		
		
		#page{
			position: relative;
		}
		
		
		
		
			#thumbs{
				position: relative;
				height: 480px;
			}
			
				.thumbs{
					position: relative;
					overflow: hidden;	
					margin-left: -20px;
				}
				
				.ie6 .thumbs, .ie7 .thumbs{
					padding-bottom: 20px;
				}
				
					.thumbs li{
						float: left;
						width: 100px;
						display: inline;
						margin: 0 0 20px 20px;
					}
					
					.thumbs li a{
						float: left;
						border: 5px solid #C6B59D;	
					}
					
					.thumbs li a img{
						float: left;
						height: 90px;
						width: 90px;
					}
					
					.thumbs li a:hover {
						border-color: #070401;
					}
					
					
				.paginate{
					position: absolute;
					overflow: hidden;
					bottom: -20px;
					width: 220px;
				}
				.pagination {
					position: absolute;
					bottom: -20px;
					left: 20px;
					width: 180px;
					text-align: center;
					font-weight: bold;
				}
				
					.paginate ul{
						font-weight: bold;
						text-align: center;
						height: 20px;
						line-height: 20px;
					}
					
					.paginate li{
					}
					
					.paginate a,
					.pagination a{
						display: inline;
						padding: 0 4px 0 4px;
						color: #C0B097;	
					}
					
					.paginate a:hover,
					.pagination a:hover{
						color: #261C11;
						text-decoration: none;
					}
					
					.page-left{
						float: left;
						height: 20px;
						width: 20px;
						background: url(../_images/page-left.gif) top left no-repeat;	
					}
					
						.page-left:hover{
							background-position: bottom left;
						}
					
					.page-right{
						float: right;
						height: 20px;
						width: 20px;
						background: url(../_images/page-right.gif) right top no-repeat;	
					}
					
						.page-right:hover{
							background-position: right bottom;
						}
			
			#gallery{
				display: ;
				float: right;
				width: 670px;
				position: relative;
/*				position: absolute;
				top: -13px;
				right: 0;
*/			}
			
				#active-image{
					position: relative;
					height: 640px;
					/*background: url(../_images/wood.jpg) top left no-repeat;*/
					margin-bottom: 40px;
					z-index: 3;
				}
				
				#active-image img {
					padding: 20px;
					background: url(../_images/wood.jpg);
					z-index: 20;
				}
				
					#active-image h3{
						position: absolute;
						bottom: -40px;
						left: 20px;
						color: #6C5D43;
						font-weight: bold;	
						font-size: 13px;
					}
					
					.ss-controls {
						display: block;
						width: 100px;
						position: absolute;
						top: -56px;
						right: 31px;
						margin-left: -50px;
						z-index: 30;
					}
						
						.ss-controls a:link,
						.ss-controls a:visited{
							color: #fff;
							display: block;
							width: 100px;
							padding: 8px 15px;
							background: #C0B097;
						}
						
						.ss-controls a:hover,
						.ss-controls a:active{
							color: #fff;
							background: #261c11;
							text-decoration: none;
						}
						
					.nav-controls {
						z-index: 50;
					}
					
					.nav-controls a.prev{
						position: absolute;
						left: -10px;
						top: 188px;
						width: 30px;
						height: 84px;
						background: url(../_images/go-left.gif) top left no-repeat;
						text-indent: -9999px;
					}
					
					.nav-controls a.next{
						position: absolute;
						right: -10px;
						top: 188px;
						width: 30px;
						height: 84px;
						background: url(../_images/go-right.gif) top left no-repeat;
						text-indent: -9999px;
					}
					.nav-controls a:hover{
						background-position: left bottom;
					}
					
					
						.active-left:hover,
						.active-right:hover {
							background-position: left bottom;
							}
							
					.pg_brick #gallery #active-image {
						margin-top: -15px;
					}
		
		#loading {
			display: none;
			}
			
		

		
		#quad{
			clear: both;
			position: relative;
			margin-left: -17px;
			overflow: hidden;
		}
		
			#quad li{
				float: left;
				display: inline;
				margin-left: 17px;
				width: 210px;
				padding: 5px 6px 0 6px;
				background: url(../_images/quad-bg.gif) top left no-repeat;	
			}
			
			#quad li img{
				display: block;
				margin-bottom: 10px;	
			}
			
			#quad li h3{
				padding: 10px 0 0 6px;
			}
			
			#quad a{
				color: #A6A683;	
				text-decoration: none;
			}
			
			#quad a:hover{
				color: #333;	
			}
			
			#quad h3{
				text-align: left;
				font-style: italic;
				font-family: CenturyOldStyleItalic;
				text-transform: lowercase;
				font-size: 16px;
			}
			
			#quad h3 strong{
				font-size: 16px;
				font-family: DeliciousBold;
				font-style: normal;
				letter-spacing: .1em;
				display: block;
				padding-top: 4px;
				text-transform: uppercase;
			}
		


/* -- Misc -- */
	em { font-style: italic; }
	
	.img_left,
	.img_right {
		width: 300px;
		height: 199px;
		background: url(../_images/img-bg_sm.jpg) left top no-repeat;
		padding: 5px 5px 0;
	}
	
	.img_left {
		clear: left;
		float: left;
		margin: 0 20px 1em 0;
		border-bottom: 0px !important;
		}
	.img_right {
		clear: right;
		float: right;
		margin: 0 0 1em 20px;
		border-bottom: 0px !important;
		}
		
	.deco {
		float: right;
		margin-top: 100px;
		margin-right: 40px;
	}
		

/* -- Content pages -- */


	#content_main {
		color: #535009;
		position: relative;
		margin: 30px 0 0;
		width: 940px;
		text-align: left;
		}
	
	#content_main a:link,
	#content_main a:visited,
	#sidebar a:link,
	#sidebar a:visited {
		color: #837B47;
		text-decoration: none;
		border-bottom: 1px solid #c5bf96;
		}
	
		#content_main a:hover,
		#content_main a:active,
		#sidebar a:hover,
		#sidebar a:active {
			color: #000;
			text-decoration: none;
			border-bottom: 1px solid #000;
			}
		
	#content_main h1 {
		font: normal 30px/1.2em georgia, serif;
		color: #535009;
		margin-top: 10px;
		}
		
	#content_main h2 {
		font: normal 20px/1.2em helvetica, arial, sans-serif;
		color: #535009;
		}
	
	#content_main h3 {
		font: bold 15px/1.2em helvetica, arial, sans-serif;
		}
	
	#content_main h4 {
		font: normal 18px/1.2em georgia, serif;
		}
	
		

#content_main h1,
#content_main h2,
#content_main h3 {
	font-family: CenturyOldStyleItalic;
	font-weight: normal;
	letter-spacing: none;
	text-transform: lowercase;
}

#content_main h2 {
	/*font-family: DeliciousBold;*/
	}

#content_main h1 strong,
#content_main h2 strong,
#content_main h3 strong,
#content_main h4 {
	font-family: Delicious;
	text-transform: uppercase;
	letter-spacing: .1px;
	font-size: 1.25em;
}
#content_main h4 { font-family: DeliciousBold; }

		
		
	#content_main p {
		font-size: 1em;
		line-height: 1.5em;
		padding: 0 320px 1.2em 20px;
		}
			#content_main p strong {
				font-weight: bold;
			}
		
	#content_main blockquote {
		width: 440px;
		height: auto;
		float: right;
		margin: 20px 0 20px 20px;
		}
		
		#content_main blockquote p {
			font: normal normal normal 2.5em/1.2em CenturyOldStyleItalic, serif;
			color: #AEA257;
			padding-right: 0;
			padding-bottom: 0;
			padding-left: 0;
			}
			
		
	#content_main ul {
		list-style-type: disc;
		font-size: 1em;
		margin: 0 0 1em 10px;
		}
		
		#content_main ul.ul1, #content_main ul.ul2 {
			width: 36%;
			margin: 10px 20px 10px 0;
			float: left;
			}
		
		#content_main ul.ul2 {
			margin-right: 0;
			}
		
	#content_main li {
		font: normal 1em/1.5em helvetica, arial, sans-serif;
		list-style-position: outside;
		margin-left: 15px;		
		}		
	
		
	#content_main ol {
		list-style-type: decimal;
		margin: 0 0 1em 15px;
		}
	
	#content_main dt {
		font-weight: bold;
		}
	
		#content_main dd {
			margin: 0 0 5px 10px;
			width: 670px;
			}
	
	#content_main .hr {
		border: 0;
		margin: 0;
		padding: 0;
		height: 30px;
		clear: both;
		background: url(../_images/hr.gif) 46px -18px no-repeat;
		}

	#content_main .deal,
	#content_main .entry {
		clear: both;
		margin-bottom: 40px;
	}
	
		#content_main .deal {
			width: 980px;
			}

		
		.entry h2,
		.entry h3,
		.entry p {
			width: 600px;
		}
	
		#content_main .deal .deal-info {
			width: 920px;
			padding-left: 20px;
		}
		
	#content_main .deal-info p a {
		color: 5e5d2f;
		border-bottom: none;
	}
	
		#content_main .deal-info p a:hover {
			text-decoration: none;
			border-bottom: none;
			color: #fff;
		}
		
	.contact_deal {
		background-color: #E2E2C0;
		padding: 6px;
		margin-left: -3px;
		margin-bottom: 20px;
	}
	
		.contact_deal:hover {
			background-color: #5D4120;
			color: #fff;
			}
	
		#content_main .deal h2,
		#content_main .deal h3,
		#content_main .entry h2,
		#content_main .entry h3 {
			margin-bottom: .5em;
			padding: 0;
		}
		
		#content_main .deal p,
		#content_main .entry p {
			padding: 0px;
			margin-bottom: 1em;
			margin-left: 20px;
		}

			#content_main .deal p{
				margin-left: 0;
				}

			#content_main .deal p.space {
				display: block;
				height: 50px;
				padding-top: 10px;
				}
				
			#content_main .deal img.alignright {
				margin-left: 20px;
				}
		
		
			#content_main .deal-info a {
				padding: 10px 20px;
				margin: 20px 0;
				border: 0px;
			}
			
				#content_main .deal-info p img {
					border: 0px;
					background: url(../_images/bg_wood.jpg) top left repeat;
					padding: 5px;
				}
				
				#content_main .deal-info a.odd {
					margin-right: 0;
				}


/* === Product display pages === */
		#feature {
			position: relative;
			width: 100%;
		}
			
			#feat_img {
				float: left;
				width: 460px;
				height: 295px;
				background: url(../_images/featured-img-bg.png) no-repeat;
			}
				
				#feat_img img {
					width: 450px;
					height: 270px;
					margin: 5px 0 0 5px;
				}
			
			#intro {
				
			}
			
				#intro h2,
				#intro h3 {
					position: relative;
					width: 460px;
					float: right;
					color: #535310;	
					font-size: 20px;
				}
				
				#intro h3 {
					font-size: 12px;
				}
				
				#intro h3 strong {
					font-family: CenturyOldStyleBold;
					font-size: 1em;
				}
				
				#intro p {
					width: 460px;
					float: right;
					padding-top: .8em;
					padding-right: 0;
				}
				
			#feature hr {
				clear: both;
				padding-top: 20px;
				margin-bottom: 20px;
				border: 0;
				border-bottom: solid #e5dfdb 1px;
				
			}
	
		/*
		.catalog {
			width: 420px;
			float: left;
			background: #f3efe7;
			padding: 20px 19px 0;
			margin-right: 20px;
			border: solid #e5dfdb 1px;
		}
		
		.catalog+.catalog {
			margin-right: 0;
		}
		*/
		
		.catalog {
			width: 940px;
			float: left;
			padding: 20px 0 0;
		}
			
			.catalog h2 {
				margin-bottom: .5em;
			}
			
			
			.product {
				position: relative;
				width: 210px;
				float: left;
				margin: 0 17px 20px 0;
				padding: 5px 6px 0 6px;
				background: url(../_images/quad-bg.gif) left top no-repeat;
			}
			
			.product.last {
				margin-right: 0; 
			}
				
				.product img {
					width: 210px;
					height: 130px;
					margin-top: 0;
					margin-bottom: 10px;
				}
				
				.product h4 {
					position: absolute;
					bottom: 13px;
					left: 6px;
					padding: 5px 10px;
					color: #fff;
					background: rgb(0,0,0);
					background: rgba(0,0,0,.5);
				}
			
			#content_main .product a {
				border-bottom: 0 !important;
			}


/* ===== Form Styles ===== */
.form {
	float: left;
	width: 430px;
}

.form { padding-bottom: 60px;}

.form h2 {
	margin-bottom: .5em;
}
.form .note {
	float: left;
	padding: 0 !important;
	margin-bottom: 20px;
	font-style: italic;
	font-size: .83em;
}

#content_main .form p {
	padding: 0 0 1.5em 0;
}

.form form {
	clear: both;
	
}

.form div,
fieldset { clear: both;}
.form label {
	line-height: 35px;
}
.form input.text,
.form textarea {
	background: #eee;
	width: 300px;
	float: right;
	padding: 4px;
	margin-bottom: 20px;
	border-bottom: solid #dadada 1px;
	border-left: solid #ccc 1px;
	border-right: solid #ccc 1px;
	border-top: solid #888 1px;
}

.form textarea {
	width: 300px;
	height: 160px;
}

.form .full {
	display: block;
	position: relative;
	width: 310px;
	float: right;
}

.form .left {
	display: block;
	width: 140px;
	float: left;
	margin-left: 120px;
}
	.form .left input.text,
	.form .right input.text {
		width: 130px;
	}

.form .right{
	display: block;
	width: 140px;
	float: right;
}

.form .full input,
.form .right input,
.form .left input {
	float: left;
	margin-bottom: 0;
}

.full label,
.right label,
.left label {
	float: left;
	line-height: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: normal;
	color: #777;
}

input#submit {
	float: right;
	width: 146px;
	height: 40px;
	padding: 0;
	background: #261c11;
	color: #fff;
	font-family: Delicious, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.25em;
	border-radius: 0;
	border: none;
	cursor: pointer;
	outline: 0;
	overflow: visible;
}

input#submit:hover {
	background: #5d4120;
}


label,
legend{
	font-weight: bold;
}

#sample-form,
#sample-form div,
#sample-form fieldset {
	position: relative;
}

#sample-form label.error {
	position: absolute;
	height: 20px;
	line-height: 20px;
	background: #ca4b4b;
	color: #fff;
	margin: 0;
	padding: 0 5px;
	right: 0;
	top: -17px;
}

.note span,
label span {
	color: rgb(200, 50, 50);
}

fieldset span {
	position: relative;
	display: block;
}

	fieldset label span {
		display: inline;
	}

fieldset.choice {
	margin-left: 120px;
	margin-bottom: 20px;
}

	fieldset.choice span {
		position: relative;
		display: block;
		height: 20px;
	}
	
		fieldset.choice span label {
			font-weight: normal;
		}





#mapbox {
	position: relative;
	float: left;
	width: 460px;
	height: 330px;
	background: url(../_images/featured-img-bg.png) left 35px no-repeat;
}
	#mapbox #map {
		position: absolute;
		width: 450px;
		height: 270px;
		top: 40px;
		left: 5px;
	}
	
	#mapbox a{
		border: 0px;
	}


#address {
	clear: right;
	float: right;
	width: 460px;
	height: 250px;
	margin: 20px 0 0 0;
}
	#address h3 { color: #fff; text-align: left; padding-bottom: .5em; border-bottom: dotted #555 1px; margin-bottom: .5em; text-shadow: #555 0 -1px 1px; }
	
	.vcard {
		text-align: left;
		color: #333;
		margin-top: 10px;
	}
	
	.adr { 
		width: 178px;
		float: left;
		margin-bottom: 20px;
		padding: 20px;
		font-family: CenturyOldStyleRegular;
		line-height: 1.5em;
		text-align: center;
		background: #eee;
		border: solid #dadada 1px;
		border-bottom: solid #d0d0d0 1px;
		}
		
		.adr.office {
			margin-right: 20px;
		}
		
		#content_main .adr h4 {
			font: normal normal 11px/1.5em CenturyOldStyleItalic;
			color: #5D4120;
			text-transform: none;
			letter-spacing: 1px;
			border-bottom: solid #dadada 1px;
			padding-bottom: .5em;
			margin-bottom: .5em;
		}
		
	.org,
	.type { font-family: CenturyOldStyleBold;
		text-transform: uppercase;
	 }
		
	.tel {
		color: #5d4120;
		font-size: 1.5em;
		text-align: center;
		font-family: CenturyOldStyleRegular;
	}
	
	.type {
		display: inline;
		font-size: .75em; 
		text-transform: uppercase; 
	}




	
/* === Footer styles === */	
		#foot-links{
			position: relative;
			padding-top: 130px;
			margin-top: 55px;
				color: #766341;	
			background: url(../_images/stamp.png) top center no-repeat;
			font-family: CenturyOldStyleRegular;
		}
		
			#foot-links li{
				display: inline;	
			}
			
			#foot-links li:after{
				content: " | ";
			}
			
			#foot-links li.last:after {
				content: " ";
				}
			
			
			#foot-links a{
				margin: 0 5px 0 5px;
				text-transform: uppercase;
				font-size: 12px;
				color: #766341;	
			}
			
			#foot-links a:hover{
				color: #2F2F2F;
				text-decoration: none;
			}


		
		
		#bottom{
			position: relative;
			color: #90887A;
			text-transform: uppercase;
			font-size: 11px;
			font-family: CenturyOldStyleRegular;
			padding: 20px 0 80px 0;
		}
		
			#bottom a{
				color: #766341;
			}
			
			
			#bottom a:hover{
				color: #2F2F2F;
				text-decoration: none;
			}
			

/* Blog styles === */
	#access {
		display: none;
	}	

	.blog #content_main {
		width: 600px;
		float: left;
	}
	.post {
		padding-bottom: 40px;
		background: url(../_images/lower-break.gif) center bottom no-repeat;
		margin-bottom: 40px;
		color: #444;
	}
	
	#content_main .post h1,
	#content_main .post h2,
	#content_main .gallery h2 {
		font-size: 30px;
		font-family: Delicious;
		text-transform: uppercase;
		margin-bottom: 10px;
		margin-top: 0;
	}
		#content_main .post h1 a,
		#content_main .post h2 a {
			border-bottom: 0px;
		}
		
	.post-meta {
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	.post img {
		float: right;
		margin-left: 1em;
		margin-bottom: 1em;
	}
	
	#content_main .post p {
		padding: 0px;
		margin-bottom: 1.5em;
	}
	
	#page .teaser {
		padding: 10px;
		border: solid #d1d1ad 1px;
		background: #E2E2BD;
		text-align: center;
		}
	
	#page .teaser a {
		color: #5F5F23;
		font-family: CenturyOldStyleItalic;
		font-size: 18px;
		font-weight: normal;
		letter-spacing: none;
		text-transform: lowercase;
		border-bottom: 0px;
	}
	
#pagination {
	margin: 30px 0 0 0;
}
	
	#pagination span {
		display: block;
		float: left;
	}
	
	#pagination span.next {
		float: right;
	}

#sidebar {
	float: right;
	width: 300px;
	margin-top: 40px;
	text-align: left;
}

	li.widget-container {
		list-style: none;
		margin-bottom: 30px;
	}
	
	#sidebar h3 {
		font-family: CenturyOldStyleItalic;
		font-weight: normal;
		font-size: 1.5em;
		letter-spacing: none;
			color: #535310;
	}
	
	#sidebar h2 {
		/*font-family: DeliciousBold;*/
		}
	
	#sidebar h3 strong,
	#sidebar h4 {
		font-family: Delicious;
		text-transform: uppercase;
		letter-spacing: .1px;
		font-size: 1.25em;
			color: #535310;
	}
	#content_main h4 { font-family: DeliciousBold; }

	#sidebar li ul {
		margin-left: 10px;
	}	

	#sidebar li li {
		line-height: 24px;
	}
	
		#sidebar li li a:link,
		#sidebar li li a:visited {
		}
		
		#sidebar li li a:hover,
		#sidebar li li a:active {
			
		}
	



/* news */
.news_pg #content_main {
	width: 520px;
	margin-right: 20px;
	float: left;
	}
	
	.news_pg #content_main .entry h2, .entry h3, .entry p {
		width: 520px;
		}

#productsL {
	width: 940px;
	float: left;	
	text-align: left;
	color: #535009;
	}
	
	#productsL h2 {
		color: #535009;
		font: 20px/1.2em CenturyOldStyleItalic, helvetica,arial,sans-serif;
		font-weight: normal;
		text-transform: lowercase;
		margin: 30px 0 10px 10px;
		}
	    
	#productsL p {	    
		margin-bottom: 1em;
		margin-left: 10px;
		padding: 0;
		}
		



		/* ----------------- products --------------------- */
		#products {
			margin: 20px 0px 0px 0px;
			padding: 0;
			width: 370px;
		}
		
		#content_main #productsL a {
			border-bottom: 0px;
		}
		
		#productsL img {
			margin: 15px 0px 0 15px;
			padding: 5px;
			background: #EDE9E0;
			border: 1px solid #BEB499;
		}
		
		#productsL img:hover {
			background: #EDE9E0;
			border: 1px solid #6E311C;
		}
		.productImg {
			margin: 0 0 20px 8px;
			display: inline;
			float: left;
			padding: 5px;
			background: url("images/bgProductThumb.gif") no-repeat;
		}
		.productNameThumb {
			margin-top: 10px;
		}
		.productImg2 {
			margin: 0 0 20px 20px;
			display: inline;
			float: right;
			padding: 5px;
			background: url("images/bgProductThumb.gif") no-repeat;
		}
		.productName {
			text-align: center;
			font-style: italic;
			font-weight: bold;
			margin-top: 20px;
		}
		.productSpec {
			background: url("images/bgProductSpec.jpg") no-repeat;
			margin-left: 1px;
			padding-top: 24px;
			height: 45px;
		}
		.productSpec h4 {
			font: italic 14px Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
		}
		.productButton {
			width: 380px;
			margin-left: 20px;
		}
		.productButtonL {
			margin: 0 0 10px 45px;
			display: inline;
			float: left;
		}
		.productButtonR {
			margin: 0 0 10px 18px;
			display: inline;
			float: left;
		}
		.productButton li {
			list-style: none;
		}
		
		#prodIndividual {
			margin: 0;
		}
		.back {
			text-align: center;
			margin: 20px auto 0 auto;
			font-style: italic;
		}
		.highslide {
			float: left;
			width: 130px;
		}
		.highslide-heading {
		    display: none;
		    font-weight: bold;
		    margin: 0.4em;
		}







/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../_images/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../_images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../_images/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../_images/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../_images/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../_images/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../_images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../_images/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../_images/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../_images/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../_images/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../_images/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../_images/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../_images/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../_images/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../_images/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../_images/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../_images/fancy_shadow_nw.png', sizingMethod='scale'); }
        



/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

#facebook {
	position: absolute;
	top: -47px;
	margin-left: 808px;
	z-index: 1000;
}

#facebook a {
	position: relative;
	text-indent: -9999em;
	width: 33px;
	height: 33px;
	background: url(../_images/gf_fb.png) left top no-repeat;
	display: block;
}

	#facebook a:hover {
		background-position: 0 -34px;
	}

.fb-like {
	top: -28px;
	left: 45px;
}