
/*------------------------------ 
Screen CSS for Wood.com
Created by: Lift Communications
Version: 4.0
-------------------------------- */
*	{
	margin: 0;
	padding: 0;
	}

body {
	background: #ffffff;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 66%;
	}
	
p {
	line-height: 2em;
	margin-top: 0;
	margin-bottom: 2em;
	}
	
h1, h2, h3 {
	margin-bottom: 20px;
	}
	
a.link {
	color:#3f1702;
	text-decoration: none;
	border-bottom: 1px #3f1702 dotted;
	}
	
a.link:hover {
	background-color: #d4fbf8; 
	}
	
img {
	border: none;
	}
	
img.thumbnail {
	display: inline;
	width: 81px;
	padding-right: 40px;
	text-decoration: none;
	background-color: none;
	border: none;
	}
	
* html body a.thumbnail {
	width: 121px;
	}

h1.title-wood {
	text-indent: -2000px;
	}
	
h2.title-pieces	{
	display: block;
	width: 50px;
	height: 10px;
	background: url(/images/title-pieces.gif) no-repeat;
	text-indent: -2000px;
	margin-bottom: 15px;
	}
	
h2.title-contact	{
	display: block;
	width: 75px;
	height: 10px;
	background: url(/images/title-contact.gif) no-repeat;
	text-indent: -2000px;
	margin-bottom: 15px;
	}

div#logo {
	position: absolute;
	top: 25px;
	left: 20px;
	width: 80px;
	height: 80px;
	z-index: 2;
	background: url(/images/wood-logo.gif) no-repeat;
	}

div#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 640px;
	height: 105px;
	background: #ffffff url(/images/wood-header.gif) no-repeat;
	}
	
div#content {
	position: absolute;
	top: 130px;
	left: 480px;
	width: 500px;
	}
	
div#gallery {
	width: 500px;
	height: 50px;
	overflow: scroll;
	}

div#product-image {
	position: absolute;
	top: 135px;
	left: 18px; 
	width: 429px;
	height: 575px;
	}
	
iframe {
	border: 0;
	scrolling: auto;
	width: 100%;
	height: 206px;
	margin-bottom: 10px;
	}

.more-back {
	text-align: right;
	padding-right: 45px;
	}

