/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333; 
	font-size: 14px;
	line-height: 150%;
	background-color: #DCB928;
	}
#wrapper {
width:900px;
margin-left: auto;
margin-right: auto;
background: #FFFFFF url(images/leftcolumn.gif) top left repeat-y;
border: 1px solid #996600;
}
#header {
height:140px;
width:900px;
background: url(images/header3.jpg) center top no-repeat;
}

a:link, a:visited { 
color: #996600;
}
a:hover {
color:#FFFFFF;
}
a#selected {
color:#FFFFFF;
}
a:active {
color:#996600;
}

#columnright a:link{
text-decoration: underline;
color: #453A01;
}
#columnright a:hover{
text-decoration: none;
color: #999966;
}
#columnright a:visited{
text-decoration: inherit;
color: #6B5F14;
}


#columnright {
width: 670px;
float: right;
clear:right;
color:#333333;
line-height: 150%;
padding: 10px 0px 10px 0px;
margin-right:15px;
margin-left:10px;
} 
#columnright h1{
font-size:14px;
width:655px;
font-family: Arial, Helvetica, sans-serif;
padding-bottom:5px;
padding-top:5px;
border-bottom: 1px solid #DCB928;
position:relative;
}
#columnright h1 span{
font-size:22px;
font-family: Arial, Helvetica, sans-serif;
color: #DCB928;
padding-bottom:5px;
padding-top:20px;
}
#columnright h1 img {
position:absolute;
top:-50px;
left:440px;
}
#columnright h2{
font-size:14px;
width:330px;
font-family: Arial, Helvetica, sans-serif;
padding-bottom:5px;
padding-top:25px;
border-bottom: 1px solid #DCB928;
}
#columnright span.name{
color:#6B5F14;
}
*html #gallery{
width:100%;
}
.photo {
background: url(images/dropshadow.gif) right bottom no-repeat;
z-index:1;
}
.photo img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;

}
.photo7 img {
border: 1px solid #6B5F14;
position:relative;
background-color: #FFFFFF;
padding:3px;
top:-5px;
left:-5px;
z-index=:1;
}
.photo9 img {
float:right;
clear:none;
border: 1px solid #6B5F14;
position:relative;
background-color: #FFFFFF;
padding:3px;
top:-5px;
left:-5px;
z-index=:1;
}
.photo6 {
background: url(images/dropshadow2.gif) right bottom no-repeat;
}
.photo6 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo10 {
background: url(images/dropshadow3.gif) right bottom no-repeat;
}
.photo10 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo1 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo2 {
float: right;
clear:none;
margin: 0px 115px 5px 10px;
padding: 18px 10px 0px 10px;
}
.photo4 {
float: right;
clear:none;
margin: 0px 50px 5px 10px;
padding: 18px 10px 0px 10px;
}
.photo3 img {
padding:3px;
}
.photo5 {
float: right;
clear:none;
margin: 0px 5px 5px 10px;
padding: 0px 5px 0px 10px;
}
.photo8 {
width:300px;
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}
.photo9 {
z-index:1;
}
.photo9 img {
border: 1px solid #6B5F14;
background-color:#FFFFFF;
padding:3px;
position:relative;
top:-5px;
left:-5px;
}

.figure {
float:left;
width: 158px;
margin: 0 3px 10px 3px;
}

.figure1 {
float:right;
width: 508px;
margin: 0 20px 10px 0px;
}
.figure2 {
float:right;
width: 208px;
margin: 0 50px 10px 30px;
}
.figure3 {
width: 165px;
margin: 0 0px 10px 10px;
}
.figure4 {
float:left;
width: 400px;
margin: 0 20px 10px 5px;
}
.figure5{
float:left;
width: 310px;
margin: 0 3px 10px 3px;
text-align:center;
}
.figure6 {
float:right;
width: 158px;
margin: 10px 40px 10px 25px;
text-align:center;
}
.figure7 {
float:left;
width: 205px;
margin: 0 0px 10px 5px;
text-align:center;
}
.figure p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin: 10px 0 10px 0;
}
#columnleft {
float:left;
clear:none;
text-align:left;
list-style-type:none;
width: 170px;
padding: 0px 8px 5px 0px;
margin-left:0px;
}
#columnleft1 {
float:left;
clear: none;
text-align:left;
list-style-type:none;
width: 150px;
padding: 0px 8px 15px 0px;
}


.horizontal_menu{ width:900px; height:40px; font-size:12px; background:url(images/horizontal_menubkg.gif);}
.nav1 a{font-weight: bold;text-decoration: none; margin-top:0px;}
.nav1 ul, .nav1 li{display:inline; padding: 0px;list-style-type: none;}
.nav1 li { float: left; padding: 12px 0px 10px 0px; }
.nav1 li a{color:#DCB928;padding:12px 20px 10px 20px; height:45px; margin-top:0px; margin-left:2px;}
.nav1 a:hover{text-decoration:none; background-color:#99CC66; color:#6B5F14; height:40px; padding:12px 20px 10px 20px;margin-top:0px; }

body#index a#indexLink,
body#about a#aboutLink,
body#contact a#contactLink,
body#vacancies a#vacanciesLink,
body#specialoffers a#specialoffersLink
{
color: #6B5F14;
background: #99CC66;
margin-top:0px;
height: 45px;
padding:12px 10px 10px 20px;
}
body#woodflooring a#woodflooringLink,
body#solidwood a#solidwoodLink,
body#engineeredwood a#engineeredwoodLink,
body#bamboo a#bambooLink,
body#laminate a#laminateLink,
body#floorrenovations a#floorrenovationsLink,
body#accessories a#accessoriesLink,
body#fittingservice a#fittingserviceLink,
body#projectgallery a#projectgalleryLink,
body#fittinginstructions a#fittinginstructionsLink,
body#testimonials a#testimonialsLink,
body#sawntimber a#sawntimberLink,
body#preparedtimber a#preparedtimberLink,
body#mouldings a#mouldingsLink,
body#sheetmaterial a#sheetmaterialLink,
body#doorsframes a#doorsframesLink,
body#windows a#windowsLink,
body#mdfmouldings a#mdfmouldingsLink,
body#insulation a#insulationLink,
body#cedarcladding a#cedarcladdingLink,
body#hardwood a#hardwoodLink,
body#timberdecking a#timberdeckingLink,
body#rooftrusses a#rooftrussesLink,
body#acousticproducts a#acousticproductsLink,
body#fireprotection a#fireprotectionLink,
body#technical a#technicalLink,
body#fsc a#fscLink
{
background:#DCB928 url(images/oaktree.gif) center no-repeat left; color:#FFFFFF; margin-left: 2px;text-decoration:none;
}



.nav3-grid {width:180px; font-size:12px; border-bottom:solid 1px #6B5F14; margin-top: 0px;}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 0px 0px 30px;  border-top: solid 1px #6B5F14; text-decoration:none; color:#6B5F14; font-weight:bold; margin-left: 2px; font-size:100%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; margin-left: 2px;padding:0px 5px 0px 30px; border:none; font-weight:normal; text-decoration:none; color:#6B5F14; font-size:90%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background:#DCB928 url(images/oaktree.gif) center no-repeat left; color:#FFFFFF; margin-left: 2px;text-decoration:none;}

.nav3-bullet {width:160px; margin:10px 0 0 10px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; margin-left: 2px;text-decoration:none; color:#6B5F14; font-weight:bold; font-size:100%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; margin-left: 2px;padding:0 0 0 10px;text-decoration:none; color:#6B5F14; font-weight:normal; font-size:90%;}
.nav3-bullet dt a:hover {background: url(images/oaktree.gif) top no-repeat left; margin-left: 2px;text-decoration:none; color:#6B5F14;}
.nav3-bullet dd a:hover {background: url(images/oaktree.gif) top no-repeat left; margin-left: 2px;text-decoration:none; color:#6B5F14;}

.nav3-nobullet {width:160px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}


#footer {
clear:both;
color: #6B5F14;
background:url(images/footer.gif) center top no-repeat;
height:60px;
width:900px;
}
#footer p {
text-align:center;
font-size: 10px;
padding-top: 20px; 
}
#footer a {
text-decoration: none;
}
#footer span {
float:right;
margin-top: 0px;
margin-right:5px;
}
form{margin-top: 0px;}

div.row
{ clear: both;
  width: 515px;
}
div.form span.name {
color: #6B5F14;
font-size:14px;
font-weight:900;
}
div.row span.formlabel 
{ float: left;
  width: 175px;
  text-align: left;
}
div.row span.formlabel1 
{ float: left;
  width: 300px;
  text-align: left;
}
div.row span.forminput
{ float: right;
cursor:pointer;
cursor: hand;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
}
div.spacer1
{ clear: both;
  width: 80px;
height:1px;
}
input, textarea
{ width: 300px; 
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 2px;
}

.submit{ 
font-family: Arial, Helvetica, sans-serif;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
    }
	
.header-breadcrumbs ul {width:400px; margin-left:0px; list-style:none; text-align: left; padding:0px 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px;}
.header-breadcrumbs ul li {display:inline; padding:0px 0 0 10px; background:transparent url(images/breadcrumb.gif) no-repeat 0 50%; font-weight:bold; color:#6B5F14; font-size:10px;}
.header-breadcrumbs ul li a {color:#6B5F14; font-weight:bold; text-decoration:none;}
#columnright.header-breadcrumbs ul li a:hover {color:#E4D376; font-weight:bold; text-decoration:underline;}

.thumbnail{
position: relative;
display:block;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 1000;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 10px 2px 5px 10px;
left: -1000px;
border: 1px solid #796100;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 1000;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
display:block;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:absolute;
left: 10px;
top:155px;
/*position where enlarged image should offset horizontally */
}