@charset "UTF-8";
/* CSS Document */



/* 
     
	| QPTimber
	| 
	|
*/




body { 
	background: url(../general_images/grad_bg.jpg);
	background-repeat: repeat-x;
	background-color: #f4f3f2;
	margin: 0px;
}

a img {
	border: 0;
	}


/* Links
----------------------------------------------- */

.main_text a {
	color: #87834B;
	text-decoration: none;
	}

.main_text a:visited {
	color: #87834B;
	text-decoration: none;
	}

.main_text a:hover { 
	color: #87834B; 
	text-decoration: none;
	padding-bottom: 2px; 
	border-bottom: 1px solid #87834B;
	}

.larger_text a {
	color: #87834B;
	text-decoration: none;
	}

.larger_text a:visited {
	color: #87834B;
	text-decoration: none;
	}

.larger_text a:hover { 
	color: #87834B; 
	text-decoration: none;
	padding-bottom: 2px; 
	border-bottom: 1px solid #87834B;
	}
	
.download {
	background: url(../general_images/products_bggrad.jpg) repeat-y;
	text-align: left;
	padding: 50px 0 70px 0;
	height: 50px;
	}
	
.download a {
	color: #333;
	font-size: 14px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../general_images/download_button.gif) no-repeat 0 4px;
	padding-left: 36px;
	margin-left: 12px;
	display: block;
	}
	
.download a:hover {
	color: #000;
	}				

/* Text
----------------------------------------------- */

.home_text { 
	font: 0.85em/1.8em Verdana; 
	color: #464b50; 
	letter-spacing: .02em;
	text-align: left;
	 }

.main_text{
	font: normal 0.7em/1.6em Verdana;
	color: #464b50;
	margin-left: 0px;
	text-align: left;
	}

.larger_text{
	font: bold 0.75em/1.6em Verdana;
	color: #464b50;
	margin-left: 0;
	text-align: left;
	}
	
#bulletPoint ul {
	margin: 0 0 8px 1.3em;
	padding: 0;
	}

.products_text{
	font: 0.66em/1.4em Verdana;
	color: #000;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(../general_images/products_bggrad.jpg);
	background-repeat: repeat-y;
	text-align: left;
	margin: 0 0 10px 0;
	}
	
p.downloadPdf{
	text-align: left;
	}	
	
.downloadPdf a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-decoration: none;
	color: #87834B;
	font-weight: bold;
	}	
	
.downloadPdf a:hover {
	color: #87834B;
	border-bottom: 1px solid #87834B;
	}

#logoBox {
	float:left;
	width:auto;
	margin: 10px 10px 0 0;
}

#imageBox {
	float:left;
	width:100%;
	margin: 10px 0 0 0;
}

/* Positioning
----------------------------------------------- */

#wrap { 
	background: #fff; 
	margin: 0 auto; 
	width: 780px; 
	height: 520px;
	}

#top_image{
	width: 780px;
	height: auto;
	background-color: #000;
	}

#menu{
	width: 780px;
	height: 30px;
	background-color: #000;
	}

#menu_content{
	margin-left: 50px;
	text-align: left;	
	}

#col1 {
	float: left;
	width: 200px;
	margin-left: 20px;
	margin-top: 20px;
	}

#col2 {
	float:right; 
	width:540px;
	}

#text_col {
	float: left;
	width: 300px;
	margin-top: 30px;
	}

#text_col2 {
	float: left;
	width: 305px;
	margin-top: 50px;
	}	

#lh_image {
	float:right; 
	margin-top: 30px;
	width:220px;
	}

#bottom-shadow{
	width: 780px;
	height: 10px;
	background-image: url(../general_images/bottom-shadow.jpg);
	margin: 0 auto;
	}
	
	
#adressBlock {
	margin: 20px 0 0 30px;
	}	
	
.language {
	height: 30px;
	width: 175px;
	margin: 0 0 0 26px;
	text-align: left;
	}	
	
.logoBlock {
	width: 200px;
	height: 290px;
	}
	
.homeText {
	height: 154px;
	}

/* Products
----------------------------------------------- */

#lh_products{
	float: left;
	width: 240px;
	margin-top: 50px;
	}

#rh_products {
	float:right;
	margin-top: 50px;
	width:260px;
	padding-right: 20px;
	}


/* Contact layout
----------------------------------------------- */

#contact_wrap { 
	width: 300px; 
	}

.contact_text{
	float: right;
	width: 149px;
	/*margin-top: 5px;*/
	/*background-color: #999;*/
	text-align: left;
	}

.contact_pic{
	float: left;
	width: 149px;
	text-align: left;
	/*margin-top: 8px;*/
	}
	
.contact_address{
	float: left;
	width: 164px;
	text-align: left;
	margin: 0px 10px 20px 0px;
	}
	
.contactWrap {
	width: 540px;
	}	
	
.contactCol {
	width: 132px;
	height: 120px;
	margin-bottom: 10px;
	float:left;
	text-align:left;
	}
	
/* Centre layout
----------------------------------------------- */

#centreContent {
	background-color: transparent;
	text-align: center;
	margin-top: -260px;
	margin-left: -390px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 780px;
	height: 520px;
	visibility: visible
	}
	



	
/* Form layout
----------------------------------------------- */

#form {
	float: left;
	width: 440px;
	margin-top: 50px;
	}

 label {
	font: normal 0.7em Verdana;
	color: #000;
	width: 8em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
	}

.submit input {
	margin-left: 8em;
	}

 input {
	color: #333;
	border: 0px;
	cursor:pointer;
	}

input.field {
	width: 200px;
	}	
	


/* Log-in
----------------------------------------------- */

#login {
	width: 400px;
	height: 180px;
	background: url(../general_images/log-in_bg.gif) no-repeat;
	padding-top: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	} 

.fieldwrap {
	clear: both;
	height: 40px;
	margin-left: 12px;
	}
	
.fieldLeft {
	height: 30px;
	width: 80px;
	float:left;
	}
	
.fieldRight {
	height: 30px;
	width: 280px;
	float:left;
	text-align: right;
	}			

.fieldwrap p {
	color:#fff;
	margin: 0;
	font-size: 14px;
	}
	
#login h6{
	font-size: 12px;
	color:#fff;
	margin: 0 0 0 12px;
	font-weight: normal;
	}	
	
#login h6 a {
	color:#fff;
	text-decoration: none;
	}	
	

/* Navigation
----------------------------------------------- */	

#menu_content ul {
	display: block;
	width: 540px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../navigation_images/nav_matrix.gif) no-repeat;
	
	} 

#menu_content li {
	float: left;
	list-style:  none;	
	}

#menu_content a {
	display: block;
	height: 30px;
	cursor: pointer;
	}	
	
#menu_content .menu {
	text-indent: -2000px;
	}	

.home a {
	width: 36px;
	}
	
.home a:hover, .home #selected {
	background: url(../navigation_images/nav_matrix.gif) no-repeat 0 -50px;
	}	
	
.approach a {
	width: 85px;
	}

.approach a:hover, .approach#selected {
	background: url(../navigation_images/nav_matrix.gif) no-repeat -36px -50px;
	}	
	
.sawmills a {
	width: 56px;
	}
	
.sawmills a:hover, .sawmills#selected {
	background: url(../navigation_images/nav_matrix.gif) no-repeat -121px -50px;
	}

.products a {
	width: 57px;
	}

.products a:hover, .products#selected {
	background: url(../navigation_images/nav_matrix.gif) no-repeat -177px -50px;
	}
		
.logistics a {
	width: 57px;
	}
		
.logistics a:hover, .logistics#selected {
	background: url(../navigation_images/nav_matrix.gif) no-repeat -234px -50px;
	}
	
.markets a {
	width: 52px;
	}
	
.markets a:hover, .markets#selected {
	background: url(../navigation_images/nav_matrix.gif) no-repeat -291px -50px;
	}	

.enviro a {
	width: 124px;
	}
	
.enviro a:hover, .enviro#selected  {
	background: url(../navigation_images/nav_matrix.gif) no-repeat -343px -50px;
	}	

.contact a {
	width: 71px;
	}
	
.contact a:hover, .contact#selected {
	background: url(../navigation_images/nav_matrix.gif) no-repeat -467px -50px;
	}


p#vtip { 
		display: none; 
		position: absolute; 
		padding: 10px; 
		left: 5px; 
		font-size: 0.8em;
		font-family: Verdana, Arial, sans-serif; 
		background: url(../general_images/tip_bg.png) repeat-x;
		color: #333;
		border: 1px solid #ccc8c5;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		z-index: 9999 
}
p#vtip #vtipArrow { 
		position: absolute; 
		top: -10px; 
		left: 5px 
}