@charset "utf-8";

/* IE6 PNG FIX */ img, div, h2, a { behavior:url(includes/iepngfix.htc); }

/* NOTE: KEEP IT IN 12px's... */

/* ----------------------------------------------------------- BACKGROUNDS AND BORDERS */

div.site-border { position:fixed; background:url(../images/bg-transparent-black.png) repeat; }
div.site-border#top { top:0; left:12px; width:100%; height:12px; }
div.site-border#bottom { bottom:0; right:12px; width:100%; height:12px; }
div.site-border#left { left:0; bottom:12px; height:100%; width:12px; }
div.site-border#right { right:0; top:12px; height:100%; width:12px; }

img.bg	{ /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0;  }

@media screen and (max-width: 1024px){
	img.bg { left: 50%; margin-left: -512px; }
}

/* ----------------------------------------------------------- GLOBALS */

body { color:#FFFFFF; background-color:#2e1900; font-family:Georgia, "Times New Roman", Times, serif; }
p { font-size: 15px; line-height: 24px; margin-bottom: 24px; text-shadow: #000 1px 1px 3px; }
p a 		{ border:0; text-decoration:none; }
p a:hover	{ border-bottom: dotted #FFF 1px; }
p em strong	{ font-size:16px; }

/* ----------------------------------------------------------- LOGO */

div.logo		{ margin-left: 12px; width:449px; height:102px; text-indent:-9840px; position:absolute; top:72px; }
div.logo#wood	{ background: url(../images/logos/logo-for-wood2.png) no-repeat; }

/* ----------------------------------------------------------- NAVIGATION */

ul#nav { position:absolute; top:195px; margin-left: 12px; }
ul#nav li, ul#nav a { float: left; display:block; cursor: hand; }
ul#nav li { background:url(../images/navigation/spacer.png) top right no-repeat; padding-right:45px; }
ul#nav li.contact { background:none; }
ul#nav h2 { text-indent: -9840px; height: 15px; overflow:hidden; }

	li.home h2			{ width:63px; }
	li.philosophy h2	{ width:128px; }
	li.services h2		{ width:90px; }
	li.contact h2		{ width:97px; }
	
	li.home#wood h2			{ background:url(../images/navigation/wood/home.gif); }
	li.philosophy#wood h2	{ background:url(../images/navigation/wood/philosophy.gif); }
	li.services#wood h2		{ background:url(../images/navigation/wood/services.gif); }
	li.contact#wood h2		{ background:url(../images/navigation/wood/contact.gif); }

	li.home#fabric h2		{ background:url(../images/navigation/fabric/home.gif); }
	li.philosophy#fabric h2	{ background:url(../images/navigation/fabric/philosophy.gif); }
	li.services#fabric h2	{ background:url(../images/navigation/fabric/services.gif); }
	li.contact#fabric h2	{ background:url(../images/navigation/fabric/contact.gif); }

	

/* ----------------------------------------------------------- REAL CONTENT */

div#holder { position: relative; left: 60px; width:920px; }
div.content { position:absolute; top:258px; left:12px; }
div.clear { clear:both; }
div.footer { clear:both; height:48px; }

/* ------------------------------------------ GENERAL COLUMN LAYOUT */

div.one-column		{ float:left; width:264px; margin: 0 0 0 48px; position:relative; }
div.two-column		{ float:left; width:576px; position:relative; }
div.three-column	{ float:left; width:888px; }
div.first			{ margin-left:0px; } /*keep first floating column from jumping right */

/* ------------------------------------------ SPECIFIC COLUMN LAYOUT */

div.one-column#photo-holder { height:373px; background:url(../images/bg-transparent-black.png); }
div.one-column#photo-holder img { width:240px; height:349px; margin: 12px; }

div#quote-box { height:373px; position:relative; }
	#quote-box p		{ font-size:1.1em; font-style:italic; text-shadow: #000 1px 1px 3px; line-height: 1.6em; text-indent:0; margin-bottom:18px; }
	p.quoter			{ text-align:right; }
	#quote-box p small	{ font-size:.9em; }
	#quote-box p span	{ font-size:.8em; font-style:normal; line-height:1.5em; font-family: Arial, Helvetica, sans-serif; }
	#quote-box p span em	{ font-size:.8em; }
	.quote	 			{ width:264px; height:335px; }
	img.quote			{ width:29px; height:24px; }
	img.quote#open		{ float:left; position:relative; top: -8px; left: -12px; }
	img.quote#close		{ float:right; position:relative; top: 12px; }
	
	body#wood		#quote-box p span		{ color:#fff0c2; }
	body#wood		#quote-box p span em	{ color:#9b8361; }
	body#texture	#quote-box p span		{ color:#81f2fc; }
	body#texture	#quote-box p span em	{ color:#6ac9d1; }

div.two-column#philosophy-holder	{ width: 576px; }
	#philosophy-holder p			{ text-indent:36px; text-align:justify; color:#fff0c2; }
	#philosophy-holder p.last		{ margin-bottom: 0; }
	
div.one-column#services-first-col	{ width: 276px; }
div.one-column#services-second-col	{ width: 276px; margin-left:24px; }

.list-of-services li		{ color:#fff0c2; font-size: 14px; line-height: 24px; text-shadow: #000 1px 1px 3px; margin: 0 0 5px 15px; list-style-image:url(../images/bullet-point.png); padding: 0 0 0 5px; }

div.two-column#photo-holder			{ width:576px; height:384px; background:url(../images/bg-transparent-black.png); }
div.two-column#photo-holder img		{ width:552px; height:360px; margin: 12px; }

div.two-column#contact-photo-holder		{ background:url(../images/bg-transparent-black.png); position:relative; }
div.two-column#contact-photo-holder img	{ width:552px; height:360px; margin: 12px; }
div#contact-details			{ }
div#contact-details p		{ margin-bottom:0; font-size:18px; }
div#contact-details p span	{ color:#9b8361; font-size:11px; line-height:14px; font-style:italic; margin-bottom:5px; }
div#contact-details hr		{ border:0; width:1px; height:1px; color:#330000; }